:root{color-scheme:dark;--surface:#0c1e31;--text:#e5f1ff;--muted:#9bb2c8;--line:#274158;font-size:14px;color:var(--text);background:#06111f}
body{min-width:0;background:radial-gradient(ellipse at top left,#12334d80,transparent 60%),#06111f;line-height:1.6}
body>header{padding:14px 24px;background:#091929ed;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap}
.brand{gap:10px;font-weight:600}.brand i{font-size:34px;font-style:normal;color:#65d6f4}.brand span{color:#e5f1ff;font-size:20px}.brand small{color:#8db3cc;font-size:10px;letter-spacing:2px}
body>header>div{align-items:center;flex-wrap:wrap}main{max-width:1600px;margin:22px auto;padding:0 24px}h1{font-size:26px;letter-spacing:1px}h2{font-size:17px}p,.muted,.field-help{color:var(--muted)}a,code,.record-text summary{color:#74d2f4}
.hero{padding:24px;background:linear-gradient(120deg,#14344e,#0c2036);border:1px solid #31536d;border-radius:14px;margin:0 0 18px}.hero h1{margin:10px 0 4px}.hero p{margin:0;color:#b8cfdf}.badge{background:#163b52;color:#8ae0f7;border:1px solid #306078}
.card{background:linear-gradient(145deg,#10253a,#0a1a2c);border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0;box-shadow:0 8px 28px #0002}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.grid>.card{margin-bottom:0}
button,input,select,textarea{background:#091a2b;border-color:#35516b;color:var(--text);min-height:40px;max-width:100%}button{font-weight:500}button:hover{background:#15364d;border-color:#61cbea}button.primary,.tabs .active,button.earth-current{background:linear-gradient(115deg,#176bab,#208fae);border-color:#4ebdde;color:#fff}button.danger{color:#ffaaa5}button:disabled{cursor:default}input::placeholder,textarea::placeholder{color:#8aa3ba}input:focus,textarea:focus,select:focus{outline:2px solid #60cee9;outline-offset:2px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #74ddff;outline-offset:3px}label{color:#bfd4e6}select option{background:#0c1e31}input[type=checkbox]{min-height:18px;accent-color:#36b4da}pre{background:#061422;color:#bad8ee}td,th{border-color:var(--line)}th{color:#a6c8de;background:#0b1c2e}tbody tr:hover{background:#18394e55}.record-full{color:#c8dced}.list-search [role=status],.empty{color:var(--muted)}.form-guide{background:#11364b;color:#b7deed;border-color:#59c7e4}.example-button{color:#79d7ee}
.earth-signed-in{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.earth-signed-in>.hero{grid-column:1/-1;margin:0}.earth-signed-in>.row{grid-column:1/-1;grid-row:2;margin-bottom:0;padding:0 0 16px;border-bottom:1px solid var(--line)}#logout{margin-left:auto;order:3;color:#ffb5ac}#profile{order:1}#admin{order:2}
#fde-account-organization{grid-column:1;grid-row:3;margin:0}#fde-social{grid-column:1;grid-row:4;margin:0}#fde-account-organization p{color:var(--muted)!important}#fde-social img{max-width:100%;height:auto}#content{grid-column:2;grid-row:3/span 3;min-width:0}#content>label:first-child{margin-top:0;padding:16px 18px;background:#10253a;border:1px solid var(--line);border-radius:12px}#content>.tabs{margin:0 0 16px;gap:6px;padding:6px;background:#0b1d30;border:1px solid var(--line);border-radius:10px}#content>.tabs button{flex:1 0 auto;border-color:transparent;font-size:13px;padding:8px 12px}.earth-task summary{cursor:pointer;font-size:15px;font-weight:600;color:#c9e8f6;list-style-position:inside}.earth-task[open] summary{padding-bottom:14px;border-bottom:1px solid var(--line)}#forms{gap:12px}#forms>.card{align-self:start;padding:16px}#forms fieldset{border:1px solid var(--line);min-width:0;border-radius:8px}#batch-summary{color:#78d9ef}.row{gap:8px}.list-search label{min-width:min(200px,100%)}#notice{z-index:1000;max-width:min(540px,calc(100vw - 32px));background:#164464;border:1px solid #4b91b2}#notice.error{background:#662c38}#help-dialog{background:#0c1e31;color:var(--text);border:1px solid var(--line)}.help-section{border-color:var(--line)}.help-section h3{color:#81d3f1}.help-links a{background:#15354d;color:#a3ddf1}footer{color:#7e9bb3}.auth{max-width:1100px;margin:28px auto}[hidden]{display:none!important}
@media(min-width:1400px){.earth-management{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px}.earth-management>label:first-child{grid-column:1/-1;margin:0!important}.earth-management>nav.tabs{grid-column:1;grid-row:2/span 4;flex-direction:column;align-self:start;position:sticky;top:16px}.earth-management>nav.tabs button{text-align:left;flex:none}.earth-management>.card,.earth-management>#forms{grid-column:2;margin:0}}
@media(max-width:1000px){.earth-signed-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#fde-account-organization{grid-column:1;grid-row:3}#fde-social{grid-column:2;grid-row:3}#content{grid-column:1/-1;grid-row:4}}
@media(max-width:600px){body>header{padding:12px 14px}main{padding:0 12px;margin:14px auto}.earth-signed-in{display:flex;flex-direction:column;gap:12px}.earth-signed-in>*{width:100%}.hero{padding:18px}.hero h1{font-size:22px}.card{padding:16px}.earth-signed-in>.row{gap:6px}#logout{margin-left:0}.row>button{font-size:13px}#content>.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#content>.tabs button{text-align:center;padding:8px 5px;min-width:0}.list-search{align-items:stretch;flex-direction:column}.list-search label{min-width:0}#notice{right:16px;bottom:16px}.auth{margin:12px auto}header select{max-width:125px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* One task per row keeps long guidance readable and secondary actions close. */
#forms{grid-template-columns:minmax(0,1fr)}
#forms .earth-task>form{max-width:840px}
@media(max-width:600px){.earth-signed-in>.hero{order:0}.earth-signed-in>.row{order:1}#fde-account-organization{order:2}#content{order:3}#fde-social{order:4}}
/* Wide records scroll inside their card instead of squeezing account names. */
#content table{min-width:680px}

/* Urgent SMS work stays above identity and security navigation. */
#app>.sms-workbench{grid-column:1/-1;min-width:0;margin:0 0 16px}#app>.sms-workbench header{position:static;display:flex;gap:12px;flex-wrap:wrap}#app>.sms-workbench header h2{margin:6px 0}#app>.sms-workbench #tasks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}#app>.sms-workbench #tasks>.card{margin:0}
.earth-signed-in>.sms-workbench{grid-row:2}.earth-signed-in:has(>.sms-workbench)>.row{grid-row:3}.earth-signed-in:has(>.sms-workbench)>#fde-account-organization{grid-row:4}.earth-signed-in:has(>.sms-workbench)>#fde-social{grid-row:5}.earth-signed-in:has(>.sms-workbench)>#content{grid-row:4/span 3}
@media(max-width:600px){#app>.sms-workbench{order:1}.earth-signed-in:has(>.sms-workbench)>.row{order:2}.earth-signed-in:has(>.sms-workbench)>#fde-account-organization{order:3}.earth-signed-in:has(>.sms-workbench)>#content{order:4}.earth-signed-in:has(>.sms-workbench)>#fde-social{order:5}}