/* Studio identity: graphite, steel and muted copper. Shared across all roles. */
:root{--ink:#252729;--green:#8c593b;--line:#d6d7d7;--muted:#6c7174;color:var(--ink);background:#e9eaeb;font-family:"Segoe UI",Arial,sans-serif}
body{background:#e9eaeb}
button{background:#8c593b;border-radius:5px;transition:background .16s ease,box-shadow .16s ease}
button:hover{background:#73472e}
.secondary{color:#45494c;background:white}.secondary:hover,.text-button:hover{background:#e7e2dd}
input,select{border-color:#cdd0d1;color:#303538;border-radius:5px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#b57c52}
h1{font-size:32px;letter-spacing:-1.1px;font-weight:700}h2{letter-spacing:-.35px}
.sidebar{background:#1c1f21;color:#e0e3e4;padding-top:32px;border-right:1px solid #34383b}
.brand-mark{border:0;background:#a66d46;color:white;border-radius:5px;box-shadow:0 4px 18px #00000000}
.brand strong{letter-spacing:.035em}.brand small{color:#9a9fa2;letter-spacing:.12em}
.sidebar .eyebrow{color:#949a9d;margin-top:46px;font-size:10px;letter-spacing:.16em}
.nav{gap:7px}.nav button{color:#b2b7b9;border-radius:5px;min-height:47px}
.nav button:hover{background:#303537;color:#fff}
.nav button.active{background:#a66d46;color:white;box-shadow:0 5px 16px #00000018}
.nav .count{background:#ffffff24;color:#fff;border-radius:5px}
.health{border-color:#3b4144;color:#aeb4b7;font-size:11px;line-height:1.6}
.dot{background:#b78a67}.identity .avatar{background:#3a3f42;color:#e4d3c7}
.identity small,.identity button{color:#acb2b5}
.topbar{background:#f4f5f5;height:68px}.breadcrumb{color:#80888d}.breadcrumb strong{color:#4e565b}
.toolbar{margin-bottom:24px}.toolbar .eyebrow{color:#7d858a;letter-spacing:.16em;font-size:10px}
.workspace main{padding-top:32px}.toolbar .muted{color:#737c82}
.period{box-shadow:0 2px 5px #00000000;border-radius:5px}.period button{color:#677278}
.card{border-radius:5px;border-color:#d6d9da;box-shadow:0 3px 14px #00000000;padding:24px}
.metrics{gap:16px;margin:24px 0}.metric{border-radius:5px;padding:23px;border-color:#d6d9da;min-height:151px}
.metric-head{color:#697479;font-size:12px}.metric-head .icon{color:#889195}
.metric strong{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:20px 0 8px}
.metric small{color:#6f797e}.metric .waiting{color:#79858a}
.metric.featured{background:#303638;border-color:#303638;position:relative;overflow:hidden}
.metric.featured::after{content:"";position:absolute;width:130px;height:130px;right:-66px;bottom:-76px;border:23px solid #ffffff05;border-radius:50%;pointer-events:none}
.metric.featured .metric-head,.metric.featured small{color:#c1c8cb}.metric.featured .icon{color:#c3997a}
.metric.featured strong,.metric.featured .waiting{color:white}
.banner{background:#e0e3e4;border:0;border-left:3px solid #a7afb2;color:#687378;border-radius:4px 10px 10px 4px;padding:12px 16px;font-size:12px}
.banner strong{color:#465257;font-size:12px}.banner button{color:#83583b}
.badge{background:#e9ebeb;color:#616d72;border-radius:7px;padding:5px 9px}
.badge.success{background:#e4e9e6;color:#485d52}.badge.warn{background:#e9ebeb;color:#69777e}
.model-table th{font-size:10px;letter-spacing:.025em;color:#6f7c83;padding-bottom:15px}
.model-table td{padding-top:23px;padding-bottom:23px;border-color:#e2e5e6}
.model-table tbody tr:hover{background:#f3f4f4}.model-link{color:#303a3f}.model-link:hover{color:#925f3d}
.avatar{background:#e0e4e6;color:#52636d;border-radius:5px}
.avatar.tone-1{background:#e2e5e5;color:#626e73}.avatar.tone-2{background:#e9e2db;color:#866c54}.avatar.tone-3{background:#dde3e6;color:#5e7280}
.progress,.progress::-webkit-progress-bar{background:#e0e4e6;accent-color:#aa7853;height:5px}
.progress::-webkit-progress-value{background:#aa7853}.progress::-moz-progress-bar{background:#aa7853}
.table-foot{color:#75828a;font-size:10px;padding-top:18px}
.calendar-event{gap:14px;padding:20px 0}.calendar-event strong{font-size:12px}
.date-tile{background:#e7ddd3;color:#7e583b;width:49px;height:55px;border-radius:5px}
.date-tile b{font-size:23px}.date-tile small{color:#856c56;font-size:9px}
.calendar-event:last-child .date-tile{background:#e5e9eb;color:#526571}
.rule-card{background:#e2e5e6;border-color:#cdd4d7;box-shadow:none}
.rule-card h2{font-size:13px;color:#586970}.rule-switch{margin:18px 0;gap:18px}
.rule-switch b{color:#88969e;font-size:30px}.rule-switch b:last-child{color:#895e3d}
.rule-switch .icon{color:#9aa6ab}.rule-card p{color:#65757e;font-size:11px;line-height:1.7}
.platform-icon{background:#e4e7e8;color:#5a6b75}.platform-icon.sc{background:#e8e3de;color:#88705b}.platform-icon.tg{background:#e0e7eb;color:#627b89}
.platform-row .badge{background:transparent;color:#77858e}.platform-row strong{font-size:12px}
.platform-row small{color:#7c8a92}.platform-row{padding:13px 0}
.empty .icon{color:#87969e}.empty strong{color:#5d707c}.empty{color:#75858f}
.demo-bar{background:#dfe2e3;color:#66777f;padding:8px 25px;font-size:11px}
.demo-bar button{border-color:#bfc9cd;border-radius:7px;padding:5px 10px;font-size:10px}
footer{color:#74848e;font-size:10px}#notice:not(:empty){background:#303c43;box-shadow:0 10px 40px #17232b25}
.auth-story{background:#1c1f21;color:#e8edef}.auth-copy h1 em{color:#ca9d79}.auth-copy p{color:#abb9c2}
.auth-caption{color:#81939f}.auth-art span{background:linear-gradient(#b09a85,#55636b)}.auth-art span:nth-child(7){background:#c6a080}
.security-note{color:#7d8f9c}.modal-backdrop{background:#1a242d70}.modal{box-shadow:0 24px 100px #18263330}
.mobile-brand .brand-mark{background:#a66d46}
@media(min-width:1201px){.overview-layout{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1200px){.metric{padding:18px}.metric strong{font-size:28px}}
@media(max-width:800px){.card{padding:20px}.workspace main{padding-top:24px}.grid,.overview-layout>.stack{grid-template-columns:1fr}.model-table{min-width:510px}}
@media(max-width:560px){.sidebar{background:#fff;border-color:#cdd5da}.sidebar .nav button{color:#788d9a}.sidebar .nav button.active{background:#e7dfd7;color:#825d40;box-shadow:none}.sidebar .nav button:hover{background:#eee8e2;color:#825d40}.metric{min-height:130px;padding:16px}.metric strong{font-size:27px}.metric-head{font-size:10px}.metric small{font-size:10px}.card{padding:18px}.toolbar h1{font-size:27px}.model-table td{padding:0}.banner{font-size:11px}.demo-bar{padding:8px 14px;font-size:10px}.calendar-event strong{font-size:13px}}
/* Crisp edges and restrained contrast replace the earlier soft treatment. */
.card,.metric{background:#f8f9f9;box-shadow:none}.metric.featured{background:#303638;border-top:3px solid #ad7a54}.metric.featured::after{display:none}.nav button.active{background:#343b40;color:#f2f4f5;box-shadow:inset 3px 0 #b68a65}.nav .count{background:#4a5359}.brand-mark{box-shadow:none}.rule-card{background:#e2e5e6}.metric strong,.big,.date-tile b,.rule-switch b{font-variant-numeric:tabular-nums}.period,.topbar,.modal{box-shadow:none}.badge{border-radius:3px}.auth-art span{border-radius:3px 3px 0 0}.auth-art span:nth-child(7){background:#b68a65}
@media(max-width:560px){.model-table{min-width:0}.sidebar .nav button.active{box-shadow:inset 0 2px #b68a65;background:#e7e3dd;color:#594b3e}}