body.auth-locked>aside,body.auth-locked>main,body.auth-locked>dialog,body.auth-locked>#toast{display:none!important}
#auth-screen{min-height:100vh;display:grid;place-items:center;background:#f5f1ed;padding:24px}#auth-screen form{width:min(420px,100%);background:white;padding:36px;border:1px solid #ded5ce;border-radius:18px;box-shadow:0 16px 50px #53351e15}#auth-screen h1{font-size:24px;margin:24px 0 8px}.auth-brand{display:inline-block;background:#854632;color:#fff8ea;border:2px solid #c09b42;border-radius:12px;padding:12px 20px;font-size:21px;font-weight:800}#auth-screen label,.account-fields label{display:grid;gap:7px;margin:16px 0;font-weight:600}#auth-screen input{width:100%;height:43px}#auth-screen button{width:100%;margin-top:12px}.auth-help{font-size:13px;color:#70665f}.auth-error{color:#a02727;white-space:pre-wrap}.account-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-bar span{font-size:13px}#accounts-dialog{width:min(980px,95vw);max-height:90vh;overflow:auto}#accounts-dialog form{border-top:1px solid #ddd;margin-top:20px;padding-top:12px}.account-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}#accounts-dialog td input[type=password]{width:210px}#accounts-dialog td input[type=checkbox]{width:18px}

/* Account controls at the far right of the top navigation row. */
body aside{grid-template-columns:110px max-content minmax(0,1fr) max-content max-content}
body aside>.account-bar{grid-column:5;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px;min-width:0;height:40px;padding-left:12px;border-left:1px solid #ffffff38;color:#fff8ef;letter-spacing:0}
body aside>.account-bar>span{font-size:13px;white-space:nowrap;font-weight:600}
body aside>.account-bar>button{height:40px;padding:8px 10px;white-space:nowrap;font-size:13px;background:#fff5e6;color:#704432;border:1px solid #e1cbaa;border-radius:6px}
body aside>.account-bar>button:hover{background:#ffebcb}
@media(max-width:1150px){body aside{grid-template-columns:110px max-content minmax(0,1fr);grid-template-rows:40px auto auto}body aside>.account-bar{grid-column:3;grid-row:1}body aside nav.top-utility-nav{grid-column:1/-1;grid-row:2;justify-self:end;height:auto;flex-wrap:wrap}body aside nav.top-primary-nav{grid-column:1/-1;grid-row:3}}
@media(max-width:620px){body aside{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto}body aside>.account-bar{grid-column:1/-1;grid-row:2;border-left:0;padding-left:0;flex-wrap:wrap;height:auto}body aside nav.top-utility-nav{grid-row:3}body aside nav.top-primary-nav{grid-row:4}}

body aside .admin-only-hidden{display:none!important}

body aside nav.top-primary-nav{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:650px){body aside nav.top-primary-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}

body aside nav.top-primary-nav{grid-template-columns:repeat(7,minmax(0,1fr))}@media(max-width:900px){body aside nav.top-primary-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:500px){body aside nav.top-primary-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}

body aside>.account-bar>button.sms-balance-badge{background:#f3ead5;border-color:#d9bf82;color:#6c512b;font-size:12px;font-weight:700;padding:7px 10px}
body aside>.account-bar>button.sms-balance-badge:hover{background:#fff2ce}
body aside>.account-bar>button.sms-balance-badge.sms-balance-stale{background:#f4e1d8;color:#995b40}
@media(max-width:760px){body aside>.account-bar{flex-wrap:wrap;height:auto}}

body aside>.account-bar>#sms-header-prices{font-size:12px;font-weight:500;white-space:nowrap;color:#fff5e8;margin:0 4px 0 0;letter-spacing:0}

body aside>.account-bar>button.sms-balance-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 10px;line-height:1.3}
body aside>.account-bar>button.sms-balance-badge>span{font-size:12px;font-weight:700;margin:0;color:inherit}
body aside>.account-bar>button.sms-balance-badge>small{font-size:10px;font-weight:400;line-height:1.3;color:#8b724d;white-space:nowrap}
/* Overall visual polish: preserve compact tables and existing workflow geometry. */
:root{--ds-ink:#3f352f;--ds-muted:#827466;--ds-line:#d8cbbd;--ds-accent:#854632;--ds-gold:#ba963f;--ds-surface:#fffdfa}
body{background:#f5f2ed;color:var(--ds-ink)}
body main>header{color:#8a7d6e;border-bottom-color:#dfd5c9}
body .trial-banner{background:#f0ece5;border:1px solid #dfd4c5;border-left:3px solid var(--ds-gold);border-radius:6px;color:#7c6c5b;line-height:1.65}
body .page-title{padding:23px 0 20px}
body .page-title h1{font-size:25px;line-height:1.35;letter-spacing:-.8px;color:#44372e;margin:5px 0 7px}
body .page-title .eyebrow{color:#9c866c;letter-spacing:1.5px}
body .page-title p{color:#8b7a67}
body aside{box-shadow:0 3px 12px #5034251b}
body aside nav button{transition:background .15s,border-color .15s,box-shadow .15s}
body aside nav button.active{background:#fff8eb;color:#713f2e;border-color:#e5c88e;box-shadow:inset 0 -3px 0 #c4a052,0 1px 3px #42261719}
body main .primary,body dialog .primary{background:#854632;border:1px solid #75402f;color:#fffaf2;border-radius:6px;box-shadow:0 1px 2px #5c352021;font-weight:600}
body main .primary:hover,body dialog .primary:hover{background:#713923;border-color:#663421}
body main .secondary,body dialog .secondary{background:#fffdfa;border:1px solid #cdbba7;border-radius:6px;color:#71533d;box-shadow:0 1px 1px #57392108}
body main .secondary:hover,body dialog .secondary:hover{background:#f0e5d5;border-color:#b59874}
body main .detail-btn,body dialog .detail-btn{background:#fffdf9;border-color:#d0bfae;color:#72513b;border-radius:4px}
body main .detail-btn:hover,body dialog .detail-btn:hover{background:#f3e7d7;border-color:#b59671}
body button:focus-visible{outline:2px solid #b99440;outline-offset:2px}
body button:disabled{box-shadow:none}
body main input:not([type=checkbox]):not([type=radio]),body main select,body main textarea,body dialog input:not([type=checkbox]):not([type=radio]),body dialog select,body dialog textarea{border-color:#d4c5b5;border-radius:5px;color:#443a31;background-color:#fffefa}
body main input:focus,body main select:focus,body main textarea:focus,body dialog input:focus,body dialog select:focus,body dialog textarea:focus{outline:2px solid #b99955;outline-offset:1px;border-color:#b99955}
body input[type=checkbox],body input[type=radio]{accent-color:#854632}
body .panel{border-color:#cdbba7;border-radius:7px;box-shadow:0 2px 6px #58412a08}
body .panel-head{background:#f8f3eb;border-bottom-color:#dfd0be}
body .panel-head h2{color:#624a37;font-weight:700}
body .panel-head p{color:#8a7864}
body main table th{background:#eee5d8;color:#705a43;font-weight:600;border-color:#d9cbb9}
body main table td{border-color:#e2d9ce;font-variant-numeric:tabular-nums}
body main table tbody tr:nth-child(even){background-color:#fcfaf6}
body main table tbody tr:hover{background-color:#f5ebdb}
body main table tfoot{background:#efe3d1;color:#60472e}
body main .table-wrap{scrollbar-width:thin;scrollbar-color:#bcaa94 #f3eee6}
body main .table-wrap::-webkit-scrollbar{width:9px;height:9px}
body main .table-wrap::-webkit-scrollbar-track{background:#f3eee6}
body main .table-wrap::-webkit-scrollbar-thumb{background:#bcaa94;border:2px solid #f3eee6;border-radius:8px}
body .pagination{background:#fbf8f2;border-top:1px solid #dfd2c1;color:#8a775f}
body main>section.stats>div{background:#fffdfa;border-color:#dbccba;border-top:3px solid #b39362;box-shadow:0 2px 5px #5d41200a}
body main>section.stats strong{color:#6c4932;font-variant-numeric:tabular-nums}
body .badge.trial{background:#fff1d4;color:#906b2f;border:1px solid #ead7ad}
body .empty{color:#9a8a76}
body dialog{border:1px solid #c9b49a;border-radius:12px;box-shadow:0 18px 70px #38281f35;background:#fffdfa}
body dialog::backdrop{background:#332a2459;backdrop-filter:blur(2px)}
body .dialog-head{border-bottom:1px solid #e4d6c3;padding-bottom:14px}
body .dialog-head h2{color:#62432f;font-size:22px}
body .close{background:#eee5da;color:#82624a;border-radius:5px}
body .close:hover{background:#e4d4c0}
body #toast{background:#684330;border:1px solid #a18562;box-shadow:0 6px 24px #3d2b2528}
body main>footer{color:#a08d76;border-top:1px solid #e3d9cc;margin-top:24px}
@media(max-width:700px){body .page-title{padding:18px 0 16px}body .page-title h1{font-size:22px}}


/* White page canvas; section colors retained. */
body{background:#fff}