/* SmartMail 7 — Heyaansh corporate theme. Presentation only. */
:root{--navy:#111d35;--navy2:#192b49;--gold:#ffbf24;--orange:#e76607;--ink:#172238;--muted:#63718a;--line:#e1e7ef;--surface:#fff;--bg:#f5f7fb;--focus:#b86a00}
*{box-sizing:border-box}

.sm-app{font:15px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.sm-app a{color:#a44c06}.sm-app a:hover{color:#743506}
.sm-header{background:linear-gradient(115deg,#111d35 0%,#182c4b 78%,#233956 100%);color:white;border-bottom:3px solid var(--gold);box-shadow:0 4px 20px #14233a22}
.sm-header-inner{max-width:1220px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sm-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;min-width:0}
.sm-brand:hover{color:#fff}
.sm-brand img{width:58px;height:58px;object-fit:contain}
.sm-brand-copy{display:flex;flex-direction:column;line-height:1.2}
.sm-brand-copy strong{font-size:22px;letter-spacing:-.4px;color:#fff}
.sm-brand-copy em{font-style:normal;color:var(--gold)}
.sm-brand-copy small{font-size:11px;color:#f5d18d;letter-spacing:1.3px;text-transform:uppercase;margin-top:4px}
.sm-header-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sm-identity{color:#e9edf5;font-size:12px;overflow-wrap:anywhere}
.sm-app nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.sm-app nav a{display:inline-block;padding:8px 11px;color:#f7f8fb;text-decoration:none;border-radius:7px;font-weight:550}
.sm-app nav a:hover,.sm-app nav a.sm-app :focus-visible{background:#ffffff1e;color:var(--gold)}
.sm-main{max-width:1100px;margin:30px auto 56px;padding:0 20px;min-height:55vh}
.sm-page-heading{margin:0 0 24px;padding-left:17px;border-left:4px solid var(--orange)}
.sm-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#99500a}
.sm-app h1{font-size:clamp(24px,3vw,33px);margin:5px 0 0;color:var(--navy);line-height:1.2;letter-spacing:-.6px}
.sm-app h2,.sm-app h3{color:var(--navy)}
.sm-app .card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:22px;margin:16px 0;box-shadow:0 8px 28px #1b2a4210}
.sm-app label{display:block;font-weight:600;color:#28374c;margin:8px 0}
.sm-app input,.sm-app select,.sm-app textarea,.sm-app button{font:inherit;padding:10px 12px;border:1px solid #c7d1dd;border-radius:8px;max-width:100%;box-sizing:border-box}
.sm-app input,.sm-app select,.sm-app textarea{width:100%;background:#fff;color:var(--ink);margin:5px 0 10px}
.sm-app input[type=checkbox],.sm-app input[type=radio]{width:auto;accent-color:var(--orange);margin:0 6px 0 0}
.sm-app button,.sm-app .btn,.sm-app input[type=submit]{background:var(--navy);color:white;text-decoration:none;display:inline-block;padding:10px 15px;border-radius:8px;border:1px solid var(--navy);font-weight:650;cursor:pointer}
.sm-app button:hover,.sm-app .btn:hover,.sm-app input[type=submit]:hover{background:#263d60;color:#fff}
.sm-app button:disabled{opacity:.55;cursor:not-allowed}
.sm-app :focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sm-app table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.sm-app th,.sm-app td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.sm-app th{background:#f1f4f9;color:#243650;font-size:12px;letter-spacing:.2px}
.sm-app tr:hover td{background:#fafbfd}
.muted{color:var(--muted)}.ok{color:#087443}.bad{color:#b42318}
.sm-footer{border-top:1px solid var(--line);padding:19px 24px;text-align:center;color:#7a8497;font-size:12px}
@media(max-width:760px){.sm-header-inner{padding:12px 15px;gap:10px}.sm-header-right{width:100%;display:block}.sm-identity{display:block;margin-bottom:8px}.sm-app nav{gap:3px}.sm-app nav a{padding:7px 9px;font-size:13px}.sm-main{margin:22px auto 42px;padding:0 12px}.card{padding:15px}.sm-brand img{width:48px;height:48px}.sm-brand-copy strong{font-size:19px}.sm-app th,.sm-app td{padding:9px}}

/* Marketing login + recipient pages */
.sm-marketing-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:25px;align-items:start}
.sm-hero{background:linear-gradient(125deg,#111d35,#203e62);color:#fff;padding:34px 32px;border-radius:14px;display:flex;gap:20px;align-items:center;overflow:hidden;min-height:270px}
.sm-hero-copy{flex:1;min-width:0}.sm-hero h2{font-size:clamp(24px,3vw,37px);color:#fff;line-height:1.16;margin:12px 0}.sm-hero p{color:#e5edf6;max-width:580px}.sm-hero-kicker{color:#ffbf24;font-size:11px;font-weight:800;letter-spacing:1.7px}
.sm-hero-mark img{width:125px;max-width:100%;height:auto}.sm-hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:23px}
.sm-cta{display:inline-block;background:#ffbf24;color:#142238;text-decoration:none;padding:11px 15px;border-radius:8px;font-weight:800}.sm-cta:hover{background:#ffe09b;color:#142238}
.sm-secondary-link{color:#fff}.sm-secondary-link:hover{color:#ffbf24}
.sm-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.sm-feature-grid article,.sm-login-card,.sm-public-card{background:#fff;border:1px solid #e1e7ef;border-radius:13px;padding:22px;box-shadow:0 8px 28px #1b2a4210}
.sm-feature-grid h3{font-size:15px;margin:0 0 6px}.sm-feature-grid p{font-size:13px;color:#59667b;margin:0}
.sm-login-card h2{margin:0 0 5px}.sm-muted{color:#66748b;font-size:13px}
.sm-public-main{max-width:650px;padding:35px 15px;margin:0 auto;min-height:70vh}.sm-public-card{padding:30px}.sm-public-card h1{margin:10px 0 20px}.sm-public-card form{margin:16px 0}.sm-success{color:#086c45;background:#effaf4;border:1px solid #b5e4cb;border-radius:8px;padding:12px}
.sm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:860px){.sm-marketing-layout{grid-template-columns:1fr}.sm-hero{padding:25px}.sm-hero-mark img{width:90px}}
@media(max-width:520px){.sm-feature-grid{grid-template-columns:1fr}.sm-hero-mark{display:none}.sm-public-card{padding:20px}}

/* Heyaansh shared header/footer integration */
.sm-app{background:#f5f7fb;color:#172238;padding:38px 16px 65px;min-height:55vh}
.sm-content{max-width:1120px;margin:auto}
.sm-heading{margin-bottom:20px;border-left:4px solid #e76607;padding-left:16px}
.sm-heading span{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#99500a}
.sm-heading .sm-app h1{font-size:clamp(26px,3vw,35px);color:#111d35;margin:5px 0}
.sm-local-nav{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 20px;padding:10px;border-radius:10px;background:#111d35}
.sm-local-nav a{color:white;text-decoration:none;border-radius:6px;padding:7px 10px}
.sm-local-nav a:hover{background:#ffffff24;color:#ffbf24}
.sm-account{font-size:13px;color:#65738b;text-align:right;margin:6px 0}
.sm-hero{background:linear-gradient(125deg,#111d35,#253d60);color:white;padding:clamp(24px,5vw,55px);border-radius:16px;border-bottom:4px solid #ffbf24}
.sm-hero h2{font-size:clamp(26px,4vw,43px);font-weight:800;line-height:1.15;color:white;margin:8px 0 16px}
.sm-hero p{max-width:750px;color:#e4e9f2;font-size:16px}
.sm-hero .sm-kicker{color:#ffbf24;letter-spacing:1.5px;font-size:11px;font-weight:800}
.sm-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.sm-hero-actions a{padding:11px 17px;border-radius:8px;text-decoration:none;font-weight:700}
.sm-primary{background:#ffbf24;color:#14233d}.sm-secondary{background:transparent;border:1px solid #b9c5d7;color:white}
.sm-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:22px 0}
.sm-features article{background:white;border:1px solid #e1e7ef;border-radius:12px;padding:22px}
.sm-features h3{font-weight:750;color:#14233d;margin:0 0 9px}
.sm-features p{color:#596b82}