:root{--ink:#202b42;--muted:#68758b;--plum:#3659c9;--copper:#86600f;--line:#e1e6ee;--paper:#f6f8fc;--white:#fff;--soft:#edf1fc;--green:#336355;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:9px;padding:10px 15px;color:var(--ink);font-weight:600}button:hover{border-color:var(--copper);background:#fcf6f0}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--plum);color:white;border-color:var(--plum)}button.copper{background:var(--copper);color:white;border-color:var(--copper)}button.ghost{background:transparent;border-color:transparent}a{color:var(--copper)}input,select,textarea{width:100%;border:1px solid #d9cdd6;border-radius:8px;background:#fff;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px #bd774f22}button:focus-visible,a:focus-visible{outline:3px solid #bd774f;outline-offset:3px}textarea{resize:vertical;min-height:90px}label{display:block;font-size:12px;font-weight:650;color:#566581;margin-bottom:7px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--plum);color:#f7f0f3;padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:700;letter-spacing:-1px}.brand img{height:44px;width:44px;object-fit:contain}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;color:#d6b8aa;margin-top:5px}.side-label{font-size:10px;letter-spacing:1.8px;color:#bfaebf;margin:43px 12px 14px}.nav{display:grid;gap:7px}.nav button{background:transparent;color:#d8cbd9;text-align:left;border:0;display:flex;gap:12px;align-items:center;padding:13px}.nav button.active{background:#ffffff14;color:white;box-shadow:inset 3px 0 #cd916d}.nav .icon{color:#cf9b7b;font-size:18px}.side-bottom{margin-top:auto;padding-top:40px}.security-seal{padding:15px;border:1px solid #ffffff25;border-radius:10px;font-size:12px;line-height:1.65}.security-seal strong{display:block;color:#e7c6af}.user-card{display:flex;gap:10px;align-items:center;padding:20px 5px 0}.avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#b97b59;color:white;border-radius:10px;font-weight:700}.user-card small{display:block;font-size:10px;color:#c6b5c5;margin-top:4px}.main{min-width:0}.topbar{height:75px;background:#fffdfb;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:13px;color:var(--muted)}.top-actions{display:flex;gap:12px;align-items:center}.pill{display:inline-flex;gap:6px;align-items:center;font-size:11px;padding:6px 10px;border-radius:30px;background:var(--soft);color:#684f66;white-space:nowrap}.pill.copper{background:#f5e7dc;color:#895333}.pill.green{background:#e6eee8;color:var(--green)}.content{max-width:1650px;margin:auto;padding:32px 38px 50px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--copper);font-weight:750}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:12px 0 25px}h1{font-size:32px;letter-spacing:-1.1px;font-weight:650;margin:0 0 8px}p{line-height:1.6}.heading p{margin:0;color:var(--muted);font-size:14px}.demo-banner{background:#fff7e5;border:1px solid #f0deb4;color:#795c22;border-radius:9px;padding:11px 15px;margin-bottom:24px;font-size:12px;line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 4px 16px #3659c903}.card-head{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-head h2{font-size:15px;margin:0;font-weight:650}.card-body{padding:22px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wide{grid-column:span 2}.search-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;align-items:center}.subtle{font-size:12px;color:var(--muted)}.assistant{background:#eff3ff;border-color:#dbe3f9}.assistant .card-head{border-color:#dbe3f9}.assistant p{font-size:12px;color:#566581}.assistant textarea{font-size:13px}.assistant button{margin-top:12px;width:100%}.spark{color:var(--copper);font-size:20px}.hint{padding:11px;border:1px solid #ded0d9;border-radius:8px;font-size:11px;line-height:1.6;margin-top:15px;background:#ffffff75}.stack{display:grid;gap:20px}.scope{display:flex;align-items:flex-start;gap:12px}.shield{font-size:24px;color:var(--copper)}.scope h3{font-size:13px;margin:0 0 7px}.scope p{font-size:12px;margin:0;color:var(--muted)}.results{margin-top:23px}.results-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.message-list{border-right:1px solid var(--line);max-height:620px;overflow:auto}.message-row{width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:17px 20px;background:white}.message-row.active{background:#edf2ff;box-shadow:inset 3px 0 var(--copper)}.row-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);font-weight:400}.message-row h3{font-size:13px;line-height:1.5;margin:8px 0}.message-row p{font-size:11px;color:var(--muted);font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-label{font-size:10px;font-weight:400;color:var(--copper);margin-top:9px}.preview{padding:23px;min-width:0}.preview h2{font-size:19px;line-height:1.5;margin:15px 0}.metadata{display:grid;grid-template-columns:45px minmax(0,1fr);gap:9px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.metadata strong{color:var(--ink);font-weight:500}.mail-body{font-size:13px;line-height:1.9;margin:24px 0;white-space:pre-wrap}.attachment{border:1px solid var(--line);border-radius:8px;padding:12px;font-size:12px;margin-top:10px}.attachment p{font-size:11px;color:var(--muted)}.hash{font-size:10px;overflow-wrap:anywhere;background:#f6f8fc;padding:12px;border-radius:8px;color:var(--muted);line-height:1.7}.empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.metric{padding:20px}.metric strong{display:block;font-size:20px;margin:12px 0 5px}.metric small{font-size:11px;color:var(--muted)}.admin-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px}.admin-tabs{display:grid;gap:6px;align-content:start}.admin-tabs button{text-align:left;background:transparent;border-color:transparent}.admin-tabs button.active{background:#eee4eb;color:#583b55}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:19px}.full{grid-column:1/-1}.check{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:13px}.check input{width:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-weight:600;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#f6f8fc}th,td{padding:15px 18px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted);margin-top:5px}.notice{font-size:12px;padding:14px 16px;background:#f6ede5;border-left:3px solid var(--copper);line-height:1.7;margin-bottom:20px}.export-options{display:flex;gap:10px;align-items:center}.export-options select{width:160px}.step{display:flex;gap:15px;margin:18px 0}.step .number{width:26px;height:26px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:12px;flex-shrink:0}.step p{font-size:12px;margin:5px 0;color:var(--muted)}.step strong{font-size:13px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:var(--plum);padding:60px;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-brand h1{font-size:52px;max-width:530px;line-height:1.15}.login-brand p{color:#cdbccd;max-width:430px}.login-main{display:grid;place-items:center;padding:30px}.login-box{max-width:430px;width:100%}.login-box h2{font-size:28px;margin-bottom:12px}.login-box button{width:100%;margin-top:18px}.login-box .demo-banner{margin-top:25px}.login-mark{height:170px;width:170px;object-fit:contain;margin-bottom:20px}.login-brand .brand{font-size:28px}.error{color:#9a283e;background:#fceef0;border:1px solid #f1d1d8;border-radius:8px;padding:12px;font-size:12px;margin:10px 0}.notification{background:#fff5e8;color:#7e4c25;padding:14px 18px;border-bottom:1px solid #ebd5c2;font-size:12px}.plan{margin-top:15px;background:#fff;padding:13px;border-radius:8px;font-size:12px}.plan dl{display:grid;grid-template-columns:80px 1fr;gap:7px}.plan dd{margin:0;overflow-wrap:anywhere}#toast{position:fixed;right:25px;bottom:25px;max-width:420px;padding:16px 20px;border-radius:10px;background:var(--plum);color:white;box-shadow:0 10px 35px #3659c933;display:none;font-size:13px;z-index:10}#toast.visible{display:block}.activity{display:grid;gap:0}.activity-row{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.activity-row small{display:block;margin-top:5px;color:var(--muted)}.security-footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:10px;color:var(--muted)}.code{font-family:Consolas,monospace;font-size:11px}.not-configured{color:#986239}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1150px){.shell{grid-template-columns:200px minmax(0,1fr)}.content{padding:25px}.topbar{padding:0 25px}.workspace{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.filters{grid-template-columns:repeat(3,1fr)}.status-grid{grid-template-columns:1fr 1fr}.brand{font-size:20px}.brand img{width:34px;height:34px}}
@media(max-width:750px){.shell{display:block}.sidebar{position:static;height:auto;padding:17px}.sidebar .side-label,.side-bottom{display:none}.nav{display:flex;flex-wrap:wrap;margin-top:15px}.nav button{padding:9px}.topbar{height:auto;min-height:64px;padding:12px 18px;flex-wrap:wrap}.content{padding:23px 16px}.heading{align-items:flex-start}h1{font-size:26px}.filters,.admin-form{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.stack{grid-template-columns:1fr}.results-layout{grid-template-columns:1fr}.message-list{border-right:0;max-height:340px;border-bottom:1px solid var(--line)}.admin-layout{grid-template-columns:1fr}.admin-tabs{display:flex;overflow:auto}.admin-tabs button{white-space:nowrap}.login{grid-template-columns:1fr}.login-brand{padding:30px;gap:20px}.login-brand h1{font-size:34px}.login-mark{display:none}.security-footer{flex-direction:column;gap:7px}.card-head{flex-wrap:wrap}.search-footer{flex-wrap:wrap}.export-options{flex-wrap:wrap}}
@media print{.sidebar,.topbar,.demo-banner,button{display:none}.shell{display:block}}

/* Approved lighter brand direction */
.sidebar{background:#fff;border-right:1px solid var(--line);color:var(--ink)}
.brand small{color:#7484a2}.side-label{color:#8290a9}.nav button{color:#596b86;border-radius:6px}.nav button.active{background:#edf2ff;color:#2d4db6;box-shadow:inset 3px 0 #3659c9}.nav .icon{color:#4967bb}.security-seal{border-color:#dce4f3;background:#f7f9ff;color:#63728e;border-radius:6px}.security-seal strong{color:#3456b9}.user-card small{color:#74839a}.avatar{background:#eaf0ff;color:#3659c9}.login-brand{background:#edf2ff;color:#243963}.login-brand p{color:#647596}.login-brand .subtle{color:#647596}.card{border-radius:8px;box-shadow:0 2px 10px #20345b03}.pill{border-radius:5px;background:#edf2fc;color:#536a99}.pill.copper{background:#fff5dc;color:#805d16}.eyebrow{color:#526fc3}.assistant .hint{background:#ffffffa6;border-color:#dbe3f9}.admin-tabs button.active{background:#eaf0ff;color:#3659c9}.topbar{background:#fff}.hash{background:#f6f8fc}.notice{background:#f0f4ff;border-left-color:#3659c9}.message-row.active{box-shadow:inset 3px 0 #3659c9}.attachment-label{color:#526bb0}.shield{color:#3659c9}.brand img{width:42px;height:42px}.login-mark{width:145px;height:145px}.admin-form input[readonly]{background:#f5f7fb;color:#63718c}button{border-radius:6px}.hint{border-radius:6px}.not-configured{color:#80652f}
/* First-use guides and responsive sizing */
.workspace{grid-template-columns:minmax(0,1fr) 295px}.workspace>div,.stack,.filters>div{min-width:0}input,select,textarea{min-width:0}
.guide-steps{display:grid;gap:0}.guide-step{display:flex;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.guide-number{width:34px;height:34px;border:1px solid #d6e0f7;border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:#3659c9;background:#f1f5ff;font-weight:650}.guide-number.reviewed{background:#e8f1eb;border-color:#cfe0d4;color:#336355}.guide-copy{flex:1;min-width:0}.guide-title{display:flex;gap:15px;align-items:center;justify-content:space-between}.guide-title h3{margin:3px 0;font-size:15px}.guide-copy p{font-size:13px;color:var(--muted);max-width:850px}.guide-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.guide-actions .check{font-size:12px;margin:0}.guide-title .pill{white-space:normal;text-align:right}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:750px){.filters,.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr)}.guide-title{align-items:flex-start;flex-direction:column;gap:5px}.heading{flex-wrap:wrap}.stack{grid-template-columns:minmax(0,1fr)}.message-row{min-width:0}.row-meta{flex-wrap:wrap}.guide-step{gap:12px}}

/* Administration > Setup hierarchy */
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar>.brand{flex-shrink:0}.administration-menu{min-width:0}.administration-menu>summary,.setup-menu>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;border-radius:6px;color:#596b86;font-size:14px;font-weight:600;padding:13px}.administration-menu>summary::-webkit-details-marker,.setup-menu>summary::-webkit-details-marker{display:none}.administration-menu>summary::after,.setup-menu>summary::after{content:'›';margin-left:auto;transition:transform .15s}.administration-menu[open]>summary::after,.setup-menu[open]>summary::after{transform:rotate(90deg)}.administration-menu>summary:hover,.setup-menu>summary:hover{background:#f4f7fd}.setup-menu{margin-left:16px;border-left:1px solid #e1e7f2}.setup-menu>summary{font-size:13px;padding:10px 12px}.setup-links{display:grid;gap:3px;padding:0 0 8px 10px}.nav .setup-links button{font-size:11px;line-height:1.5;padding:9px 10px;gap:0;width:100%;font-weight:500}.setup-links button.active{background:#edf2ff;color:#2d4db6}.administration-menu summary:focus-visible{outline:2px solid #3659c9;outline-offset:2px}
@media(max-width:750px){.nav>.administration-menu{flex-basis:100%;width:100%}.setup-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{overflow:visible}.nav .setup-links button{font-size:12px}.side-bottom{padding-top:24px}}

/* Full-width workspace and product branding */
.content{max-width:none;width:100%;margin:0;padding:32px clamp(24px,2.5vw,56px) 50px}
.topbar{height:auto;min-height:94px;padding:17px clamp(24px,2.5vw,56px);border-top:3px solid #3659c9}
.header-identity{display:flex;align-items:center;gap:13px;min-width:0}
.header-identity>img{width:49px;height:49px;object-fit:contain;flex-shrink:0}
.header-wordmark{font-size:25px;line-height:1.2;letter-spacing:-1px;font-weight:750;color:#24375f}
.header-wordmark span{color:#3659c9}
.header-tagline{margin-top:4px;font-size:11px;color:#6b7993;letter-spacing:.12px}
.header-divider{height:34px;width:1px;background:#e1e7f2;margin:0 9px}
.top-actions{flex-shrink:0}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1150px){.topbar{flex-wrap:wrap;gap:14px}.workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:750px){.content{padding:23px 16px}.topbar{padding:15px 18px;gap:14px}.header-identity{width:100%;gap:10px}.header-identity>img{width:41px;height:41px}.header-wordmark{font-size:23px}.header-tagline{font-size:10px}.header-divider,.header-identity .breadcrumb{display:none}.top-actions{width:100%;justify-content:space-between;gap:8px}.top-actions button{font-size:12px;padding:8px}.heading{gap:12px}}

/* The primary sidebar is the single administration navigation. */
.admin-layout{display:block;min-width:0}.admin-layout>.card{width:100%}

/* Sidebar logo spacing */
.sidebar>.brand{gap:12px;align-items:center;letter-spacing:-.65px}
.sidebar>.brand>img{width:36px;height:36px;flex:0 0 36px;object-fit:contain}
.sidebar>.brand>div{min-width:0;font-size:22px;line-height:1.15;white-space:nowrap}
.sidebar>.brand small{font-size:8px;line-height:1.55;letter-spacing:1.1px;white-space:normal;max-width:150px;margin-top:7px;text-wrap:balance}
@media(min-width:751px) and (max-width:1150px){.sidebar{padding-left:15px;padding-right:15px}.sidebar>.brand{gap:9px}.sidebar>.brand>img{width:30px;height:30px;flex-basis:30px}.sidebar>.brand>div{font-size:20px}.sidebar>.brand small{font-size:7px;letter-spacing:.7px}}
@media(max-width:750px){.sidebar>.brand small{max-width:none;white-space:nowrap;font-size:8px;letter-spacing:1px}.sidebar>.brand>img{width:36px;height:36px;flex-basis:36px}}

/* Explicit two-line brand tagline. */
.brand small{width:max-content;max-width:100%;text-wrap:initial}
.brand-tagline-top,.brand-tagline-bottom{display:block;white-space:nowrap}
.brand-tagline-bottom{text-align:center;margin-top:2px}
.sidebar>.brand small{width:max-content;max-width:100%;white-space:normal}
@media(max-width:750px){.sidebar>.brand small{white-space:normal}}