*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202631;font:15px system-ui}aside{position:fixed;width:235px;height:100vh;background:#171c24;color:#ccd1da;padding:32px 22px}.brand{font-size:27px;font-weight:800;letter-spacing:2px;color:#eef0f3}.brand span{display:block;font-size:12px;letter-spacing:5px;margin-top:7px;color:#aab3c1}nav{margin-top:45px}nav button{display:block;width:100%;text-align:left;background:none;color:inherit;border:0;padding:14px;border-radius:9px;margin:4px 0;font:inherit;cursor:pointer}nav button.active{background:#353e4c;color:white}.foot{position:absolute;bottom:30px;font-size:12px}main{margin-left:235px;padding:38px 5%;max-width:1450px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:30px;margin:6px 0}h2{font-size:19px}p{line-height:1.6;color:#687181}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#7b8593}.btn{background:#283546;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;font:inherit}.secondary{background:#e9edf2;color:#283546}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.card{background:white;border:1px solid #e3e7ed;border-radius:14px;padding:24px}.stat{font-size:32px;font-weight:700;margin:12px 0}.pill{background:#edf1f5;color:#596675;padding:5px 9px;border-radius:6px;font-size:11px}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.empty{text-align:center;padding:45px 20px;border:1px dashed #d3dae3;border-radius:10px}.section{display:none}.section.active{display:block}label{display:block;margin:18px 0 7px;font-size:13px;font-weight:600}input,textarea,select{font:inherit;width:100%;border:1px solid #d8dee7;padding:12px;border-radius:8px;background:white}textarea{min-height:140px}.row{display:flex;gap:10px;align-items:center;margin:15px 0}.row input[type=checkbox]{width:auto}.post{padding:18px 0;border-bottom:1px solid #e5e8ed}.post strong{display:block}.notice{padding:14px;background:#edf1f5;border-radius:8px;font-size:13px;color:#596675;margin:20px 0}.preview img{width:100%;height:150px;object-fit:cover;border-radius:8px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}a{color:#334b69}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day{background:#f6f8fa;border-radius:7px;min-height:95px;padding:10px;font-size:12px}.day b{display:block;margin-bottom:8px}.day span{display:block;background:#dfe7ef;padding:5px;border-radius:4px;margin:3px 0}.toast{position:fixed;bottom:25px;right:25px;background:#263547;color:white;padding:15px 22px;border-radius:10px;display:none}@media(max-width:850px){aside{position:static;width:auto;height:auto;padding:20px}nav{display:flex;overflow:auto;margin-top:15px}nav button{width:auto;white-space:nowrap}.foot{display:none}main{margin:0;padding:24px}.grid,.split{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(7,minmax(65px,1fr));overflow:auto}header{gap:15px}}
.calendar-count{display:block;width:100%;padding:6px 3px;margin:4px 0;border:0;border-radius:5px;background:#dfecef;color:#185862;cursor:pointer;font-size:11px}.day strong{font-size:11px} .day{min-height:120px}
[hidden]{display:none!important}.post .btn{margin:4px 6px 4px 0}.btn:disabled{opacity:.55;cursor:wait}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #185862;outline-offset:2px}#cloudPanel{margin-top:24px}#opsJobList{margin-top:18px}


button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #168c99;outline-offset:2px}.post>.btn{margin:4px 6px 4px 0}#calendar .card>.row{flex-wrap:wrap}#captionCount{display:block;color:#687181;margin:6px 0}.calendar-count{min-height:32px}button:disabled{opacity:.55;cursor:wait}

#businessSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.agenda-day{padding:16px 0;border-bottom:1px solid #e3e7ed}.agenda-day>.btn{display:block;margin:8px 0;text-align:left;width:100%}.day.today{outline:2px solid #168c99;background:#e7f5f5}details{margin-top:20px}summary{cursor:pointer;font-weight:600}.calendar{overflow-x:auto}.day{min-width:90px}@media(max-width:600px){#businessSummary{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(7,minmax(90px,1fr))}.row{flex-wrap:wrap}}

/* Shared RWM OPS typography, spacing and component treatment. */
:root{--bg:#f4f5f7;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--dark:#111827;--accent:#168c99;--shadow:0 8px 30px rgba(17,24,39,.07)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:15px}
button,input,select,textarea{font:inherit}
aside{width:240px;inset:0 auto 0 0;height:100dvh;padding:22px 16px;background:var(--dark);color:#cbd5e1;display:flex;flex-direction:column;gap:26px;overflow-y:auto}
.brand{padding:0 8px;line-height:0;flex:none}
.brand img{display:block;width:180px;max-width:100%;height:74px;object-fit:contain;object-position:left center}
aside nav{display:grid;gap:7px;margin:0}
aside nav button{padding:11px 12px;margin:0;border-radius:9px;min-height:44px}
aside nav button:hover,aside nav button.active{background:#273244;color:#fff}
aside nav button.active{box-shadow:inset 3px 0 var(--accent)}
.foot.powered-by-rwm{position:static;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px 8px;font-size:11px;color:#cbd5e1;letter-spacing:.12em;flex:none}
.powered-by-rwm img{width:120px;max-width:100%;height:50px;object-fit:contain}
main{margin-left:240px;padding:24px 30px 40px;min-width:0;max-width:none}
header{margin-bottom:22px;gap:16px}
h1{font-size:28px;margin:0;line-height:1.25}
h2,.card h2{font-size:17px;margin:0 0 12px}
p{color:var(--muted);line-height:1.5}
.eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:6px;color:var(--muted)}
.grid{gap:14px;margin:0 0 16px}
.split{gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.section>.card+.card{margin-top:16px}
.stat{font-size:28px;font-weight:800;margin:6px 0 10px}
.btn{background:var(--dark);padding:10px 15px;border-radius:9px;min-height:44px}
.btn:hover{background:#273244}
.btn.secondary{background:#eef0f3;color:var(--text);padding:10px 14px}
.btn.secondary:hover{background:#e2e7ec}
label{font-size:13px;margin:14px 0 7px}
input,select,textarea{border-color:var(--line);padding:11px 12px;border-radius:8px;min-height:44px}
input[type=checkbox]{min-height:0}
.pill{display:inline-flex;padding:3px 8px;border-radius:999px;background:#f3f4f6;font-size:12px}
.notice{background:#edf4f5;color:#31565b;border:1px solid #d9e8eb}
.calendar-count{background:#deeff1;color:#185862}
.day.today{outline-color:var(--accent)}
.toast{background:var(--dark)}
@media(max-width:850px){
 aside{position:static;width:100%;height:auto;overflow:visible;padding:16px;gap:16px}
 .brand img{margin:auto;object-position:center}
 aside nav{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px}
 aside nav button{width:auto;flex:none;white-space:nowrap}
 .foot.powered-by-rwm{display:flex;margin:0;padding:8px;gap:4px}
 .powered-by-rwm img{width:100px;height:42px}
 main{margin-left:0;padding:16px}
 .grid,.split{grid-template-columns:1fr}
 header{flex-wrap:wrap}
 input,select,textarea{font-size:16px}
}

/* Keep the workspace hidden until owner login and company selection finish. */
[hidden]{display:none!important}
body.auth-locked>aside,body.auth-locked>main{display:none!important}
#authGate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:24px;background:var(--bg,#f5f6f8)}
#authGate .auth-brand img{display:block;width:220px;height:auto}
#authPanelSlot{width:min(100%,440px)}
#authGate #cloudPanel{padding:30px}
#authGate h2{font-size:25px;margin-top:0}
#authGate #cloudLogin{display:grid;gap:12px;margin-bottom:0}
#authGate #cloudLogin input{width:100%!important;min-height:48px}
#authGate #cloudLogin button{min-height:46px;width:100%}
.auth-powered{display:flex;flex-direction:column;align-items:center;gap:8px}
.auth-powered span{font-size:10px;letter-spacing:2px;color:var(--muted,#64748b)}
.auth-powered img{height:auto;display:block}

body.auth-locked #cloudReload,body.auth-locked #cloudImport,body.auth-locked #cloudWorkspace small{display:none!important}

/* Shared RWM appearance: OPS charcoal/light surfaces, SOCIAL gold accents. */
html[data-mode=dark]{color-scheme:dark;--bg:#202428;--card:#2b3036;--text:#f5f5f5;--muted:#c2c7ce;--line:#505861;--dark:#202428;--accent:#c6ad78;--accent-ink:#202428;--soft:#373a3e;--shadow:0 10px 34px #0002}
html[data-mode=light]{color-scheme:light;--bg:#f5f8fc;--card:#fff;--text:#132c47;--muted:#4a6078;--line:#d4dfeb;--dark:#132c47;--accent:#886529;--accent-ink:#fff;--soft:#f2f0e9;--shadow:0 10px 34px #132c4710}
body,main{background:var(--bg);color:var(--text)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
h1,h2,h3{font-family:inherit;color:var(--text)}
aside{background:var(--card);color:var(--text);border-right:1px solid var(--line)}
aside nav button:is(:hover,.active){background:var(--soft);color:var(--text)}
aside nav button.active{box-shadow:inset 3px 0 var(--accent)}
.card,input,select,textarea{background:var(--card);color:var(--text);border-color:var(--line)}
.btn{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:12px}
.btn:hover{background:var(--accent);filter:brightness(.94)}
.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--line)}
.btn.secondary:hover{background:var(--soft)}
.pill,.notice,.day,.day span,.calendar-count{background:var(--soft);color:var(--text);border-color:var(--line)}
a{color:var(--accent);text-underline-offset:3px}
:where(button,input,select,textarea,a):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.foot.powered-by-rwm,.auth-powered span,#captionCount{color:var(--muted)}
.brand-light{display:none!important}
html[data-mode=light] .brand-dark{display:none!important}
html[data-mode=light] .brand-light{display:block!important}
#authGate{position:relative;padding:130px 24px 48px;background-color:var(--bg);background-image:linear-gradient(115deg,transparent 25%,#c6ad7820 25.08%,transparent 25.2%),linear-gradient(115deg,transparent 80%,#c6ad781c 80.08%,transparent 80.2%)}
.auth-navigation{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:20px 30px}
.auth-navigation .auth-home{display:block;line-height:0}
.auth-navigation .auth-home img{width:155px;height:65px;object-fit:contain}
.appearance-control,.workspace-appearance{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.appearance-control span{font-size:12px;color:var(--muted)}
#authGate #cloudPanel{margin:0;border-radius:22px;padding:32px;box-shadow:var(--shadow);border-top:3px solid var(--accent)}
#authGate h2{font-size:25px;letter-spacing:-.025em;line-height:1.3}
#authGate #cloudLogin input{border-radius:12px}
#authGate #cloudStatus,#authGate .ops-login-link{font-size:14px;line-height:1.7}
.ops-login-link{margin:14px 0 20px}
.auth-powered{padding-top:6px}
#cloudPanel:has(#cloudWorkspace:not([hidden])) .ops-login-link{display:none}
@media(max-width:600px){.auth-navigation{padding:16px}.auth-navigation .auth-home img{width:125px;height:52px}.appearance-control span{display:none}#authGate{padding:110px 16px 32px;gap:18px}#authGate #cloudPanel{padding:24px}.workspace-appearance{gap:8px}.workspace-appearance .btn{font-size:13px}}

/* Today follows the selected mode; no pale cell with white lettering. */
html[data-mode=dark] #calendar .day.today{background:#3a3630;color:#f5f5f5;outline-color:#c6ad78}
html[data-mode=light] #calendar .day.today{background:#faf4e6;color:#132c47;outline-color:#886529}
#calendar .day :is(b,strong,p){color:var(--text)}
#calendar .day.today :is(b,strong,p){color:var(--text)}
#calendar .day .calendar-count{background:var(--soft);color:var(--text);border:1px solid var(--line)}


/* A calm overview: primary actions first; management tools on demand. */
.overview-actions{margin-bottom:24px}.overview-shortcut{text-align:left;color:var(--text);font:inherit;cursor:pointer;border:1px solid var(--line)}.overview-shortcut:hover{border-color:var(--accent)}.overview-shortcut small{display:block;margin-top:14px;color:var(--muted)}.overview-queue{max-width:1100px}.overview-queue>p{color:var(--muted)}#queueAdvanced{margin:20px 0;padding:12px 0;border-block:1px solid var(--line)}#queueAdvanced summary,.overview-settings summary{cursor:pointer;font-weight:600}#queueAdvancedControls{padding-top:18px}#queue .post{padding:22px;margin:14px 0}#queue .post>strong{display:block;font-size:18px}#queue .queue-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}#queue .post [hidden]{display:none!important}#queue .post>.btn{margin:8px 8px 0 0}.overview-settings{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:14px}.overview-settings #cloudPanel{margin-top:18px}#draftListDialog{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:20px;width:min(720px,90vw);max-height:85vh;padding:24px}#draftListDialog::backdrop{background:rgba(0,0,0,.6)}#draftListDialog>.row{justify-content:space-between}.draft-list-item{display:block;width:100%;text-align:left;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:14px;cursor:pointer}.draft-list-item strong,.draft-list-item small{display:block}.draft-list-item small{margin-top:8px;color:var(--muted)}.draft-list-item:hover{border-color:var(--accent)}