:root{color:#282b35;background:#f5f6f9;font-family:Segoe UI,Arial,sans-serif}body{background:#f5f6f9}header.app-header{height:88px;padding:0 40px;gap:22px;border-bottom:1px solid #e8e9ee;letter-spacing:0;background:#fff;position:relative;z-index:3}.brand-home{display:block;width:156px;height:84px;position:relative;overflow:hidden;margin:0;flex-shrink:0}.brand-home img{position:absolute;width:156px;height:156px;top:-31px;left:0;object-fit:contain}.header-divider{width:1px;height:26px;background:#e3e5e9}.header-product{font-size:14px;color:#737783;font-weight:500}.header-session{margin-left:auto;color:#9296a1;font-size:12px}.app-header #logout{margin:0;border-color:#e3e5e9;font-size:12px;padding:10px 16px}.login-layout{display:grid;grid-template-columns:1.06fr 1fr;max-width:1040px;margin:30px auto 0;padding:0;overflow:hidden;border:1px solid #e3e5ea;border-radius:20px;box-shadow:0 18px 65px #292d4210;background:#fff}main{max-width:1220px;padding:28px 28px 18px}.login-brand-panel{padding:38px 45px;background:radial-gradient(ellipse at 0 0,#fff0f1,transparent 65%),linear-gradient(145deg,#fffafa,#f5f2f4);display:flex;flex-direction:column;position:relative;border-right:1px solid #f0e6e8}.brand-tag{font-size:10px;letter-spacing:2.5px;color:#ae2935;font-weight:700}.login-logo{height:210px;display:flex;align-items:center;justify-content:center;margin:8px 0 16px}.login-logo img{width:290px;height:290px;object-fit:contain;transform:translateY(-10px)}.login-brand-panel h1{font-size:33px;letter-spacing:-1.2px;line-height:1.22;margin:6px 0 12px;color:#252731}.login-brand-panel>p{font-size:14px;color:#7d7580;max-width:320px;margin:0}.login-features{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#625b66;margin:24px 0}.login-features span::first-letter{color:#d62a33}.brand-panel-footer{font-size:10px;color:#9c8c94;margin-top:auto;padding-top:15px}.login-form-panel{padding:52px 46px 36px}.login-welcome{font-size:10px;font-weight:700;letter-spacing:1.9px;color:#c62d39;margin-bottom:12px}.login-form-panel h2{font-size:29px;letter-spacing:-.9px;margin:0}.login-description{font-size:13px;line-height:1.6;margin:12px 0 24px}.login-form-panel label{color:#464754;font-size:12px;gap:8px;margin:18px 0}.login-form-panel input,.login-form-panel select{border-radius:8px;border:1px solid #dfe1e8;background:#fcfcfd;padding:14px;font-size:13px;height:48px}.password-field{position:relative}.password-field input{padding-right:74px}.password-field button{position:absolute;right:5px;top:5px;height:38px;padding:8px;border:0;font-size:11px;background:transparent;color:#a33943}.login-form-panel .login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:49px;margin-top:26px;font-size:13px;background:#d72c36;border-color:#d72c36;color:white;box-shadow:0 5px 12px #d72c3620}.login-note{font-size:11px;color:#9996a0;text-align:center;line-height:1.7;margin:23px 0 0}button.primary{background:#d72c36;border-color:#d72c36;color:#fff}button.primary:hover{background:#bd1f2b;border-color:#bd1f2b}input:focus,select:focus{outline:2px solid #d72c3635;border-color:#d72c36}button:focus-visible,a:focus-visible{outline:3px solid #d72c3660;outline-offset:3px}.step{background:#fff0f1;color:#c9323d}.check{color:#548071;font-size:12px}.images .primary-photo{border-color:#d72c36}.eyebrow{color:#c9323d}#status{font-size:13px;background:#eceef3;color:#737784;max-width:1040px;margin:18px auto 0;border-radius:9px;padding:13px 18px;position:relative;top:auto}#status:empty{display:none}#status.error{background:#fff0ef;color:#b33138}#status.success{background:#eaf5f0;color:#3d7c61}footer{margin-top:24px;font-size:11px;color:#a1a2ac}#sidebar{position:fixed;top:88px;bottom:0;left:0;width:224px;background:#fff;border-right:1px solid #e6e8ee;padding:34px 16px;z-index:2;display:flex;flex-direction:column}.sidebar-label{font-size:9px;letter-spacing:1.6px;color:#a2a5af;margin:0 14px 18px}#sidebar button{border:0;text-align:left;font-weight:500;font-size:12px;padding:14px 12px;margin-bottom:8px;color:#787c88;background:transparent}#sidebar button span{font-size:18px;margin-right:8px}#sidebar button.sidebar-active{color:#c32531;background:#fff0f1}#sidebar button:hover{background:#f7f7fa}.sidebar-bottom{margin-top:auto;font-size:11px;padding:14px;color:#57806b}.sidebar-bottom p{font-size:10px;line-height:1.8;color:#a0a3ae;margin-top:14px}.connection-dot{display:inline-block;width:6px;height:6px;background:#61a880;border-radius:50%;margin-right:5px}.authenticated header{position:sticky;top:0}.authenticated main{margin-left:224px;max-width:none;padding:26px 32px}.authenticated #status{max-width:none;margin:0 0 22px}.authenticated #dashboardHeading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 24px}.authenticated h1{font-size:32px;letter-spacing:-1px;margin:10px 0}.authenticated #dashboardHeading p{font-size:13px;margin:8px 0;color:#9396a0}.dashboard-badge{font-size:11px;color:#58836c;padding:9px 12px;background:#eaf5ee;border-radius:6px;white-space:nowrap}#dashboardSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}#dashboardSummary article{padding:20px 22px;border:1px solid #e3e5ec;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:10px}#dashboardSummary article>span{font-size:12px;color:#818591}#dashboardSummary strong{font-size:30px;font-weight:650;letter-spacing:-1px;color:#363844}#dashboardSummary small{font-size:10px;color:#a2a5b0}.authenticated section{border-radius:12px;border-color:#e3e5ec;box-shadow:none;padding:25px;margin:22px 0}.authenticated section h2{font-size:20px}.product{border-color:#eceef3;background:#fff}.product:hover{border-color:#e0b7bc}.product-actions button{border-color:#e1e3e9;font-weight:500}.product-actions button:last-child{color:#c9323d;border-color:#efd2d5;background:#fff8f8}.product small{font-size:11px;line-height:1.5}.product b{font-size:13px;font-weight:600}.toolbar button{font-size:12px}.toolbar #sendAll{margin-left:auto}.authenticated #tenant{font-size:12px;color:#999ca6}.authenticated #previewDialog{z-index:5}#previewSend{background:#d72c36}#previewContent article>button{font-size:12px;color:#a32934;border-color:#e8d1d4}#previewDetails{color:#888b98;font-size:12px}
@media(min-width:1500px){.authenticated main{max-width:1450px;margin-right:auto}}
@media(max-width:1000px){#sidebar{width:185px}.authenticated main{margin-left:185px;padding:22px}.login-brand-panel{padding:35px 28px}.login-form-panel{padding:45px 30px}.product{flex-direction:column;align-items:stretch}.product-actions{justify-content:flex-start}.dashboard-badge{display:none}}
@media(max-width:700px){header.app-header{height:74px;padding:0 18px;gap:12px}.brand-home{width:125px;height:72px}.brand-home img{width:125px;height:125px;top:-24px}.header-product{font-size:11px}.header-session,.header-divider{display:none}main{padding:14px}.login-layout{grid-template-columns:1fr;margin:10px auto}.login-brand-panel{padding:22px 26px;border-right:0;border-bottom:1px solid #f0e6e8}.brand-tag{font-size:9px}.login-logo{height:115px;margin:0}.login-logo img{width:190px;height:190px;transform:translateY(-10px)}.login-brand-panel h1{font-size:23px;text-align:center;margin:12px 0}.login-brand-panel>p,.login-features,.brand-panel-footer{display:none}.login-form-panel{padding:28px}.login-form-panel h2{font-size:25px}.authenticated #sidebar{position:static;width:100%;padding:10px 16px;flex-direction:row;border-right:0;gap:8px}.sidebar-label,.sidebar-bottom{display:none}#sidebar button{margin:0;padding:8px;font-size:11px}#sidebar button span{font-size:15px}.authenticated main{margin-left:0;padding:18px 14px}.authenticated #dashboardHeading{margin:4px 0 20px}.authenticated h1{font-size:26px}#dashboardSummary{gap:8px}#dashboardSummary article{padding:12px;gap:8px}#dashboardSummary article>span{font-size:10px;min-height:24px}#dashboardSummary strong{font-size:25px}#dashboardSummary small{font-size:9px}.authenticated section{padding:18px}.toolbar #sendAll{margin-left:0}.app-header #logout{margin-left:auto}.authenticated .header-product{display:none}#status{font-size:12px}.login-form-panel .login-submit{margin-top:22px}}
/* Keep the complete logo visible in the compact header. */
.brand-home{width:140px}.brand-home img{width:125px;height:125px;top:-23px;left:0}
@media(max-width:700px){.brand-home{width:112px}.brand-home img{width:105px;height:105px;top:-18px}}
.popup-search{margin:16px 0 20px}.popup-primary{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;margin:4px 0 12px}.popup-primary input{width:auto}#photoOptions{border-top:1px solid #eceef3;margin-top:22px;padding-top:16px}#photoOptions summary{font-size:12px;color:#9a3944}#photoOptions input{font-size:12px}#previewContent article:has(.popup-primary input:checked){border-color:#d72c36;background:#fffafb}
.segment-control{display:flex;gap:24px;align-items:center;background:#faf8fa;border:1px solid #eee5e9;border-radius:10px;margin:18px 0 8px;padding:14px 18px}.segment-control label{margin:0;min-width:250px;font-size:12px}.segment-control select,.popup-segment select{font-size:13px;padding:10px;border-color:#dfd8df}.segment-control p{font-size:12px;color:#8b7683;max-width:430px;margin:0}.popup-segment{font-size:12px;margin:14px 0 0;max-width:320px}@media(max-width:650px){.segment-control{flex-direction:column;align-items:stretch;gap:10px}.segment-control label{min-width:0}.popup-segment{max-width:none}}
/* Dashboard header: show only the M emblem from the existing logo. */
.authenticated .brand-home{width:78px;height:60px;overflow:hidden}
.authenticated .brand-home img{width:125px;height:125px;left:-24px;top:-25px;object-fit:contain;clip-path:inset(20% 20% 34% 20%)}