/* CREATOR OFFICE / EXECUTIVE EDITION - additive, scoped visual system
   A calm working interface: neutral canvas, elegant hierarchy, restrained metal accent. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root {
 --ink:#282b2a; --muted:#71746f; --line:#e4e4de; --paper:#f7f7f4;
 --cream:#fff; --gold:#a88462; --plum:#323533; --orange:#a5785a;
 --sidebar:#232827; --blue:#8c9695; --shadow:0 2px 10px rgba(30,38,32,.025);
}
html { scroll-behavior:smooth }
body { background:#f7f7f4!important;color:#272b29!important;font-family:'DM Sans',Arial,sans-serif!important;font-size:14px!important;letter-spacing:-.008em }
.shell { grid-template-columns:248px minmax(0,1fr)!important }
.rail { background:#242b29!important; color:#eaeae4!important; padding:25px 15px!important; border-right:1px solid #343c39!important }
.back-lvw {color:#aeb8b2!important;font:600 10px 'DM Sans',sans-serif!important;letter-spacing:.05em!important;padding-left:10px!important}
.back-lvw span:first-child {font-size:16px!important}
.identity {padding:29px 10px 28px!important;border-bottom:1px solid #37413d;margin-bottom:16px}
.identity-kicker{font-family:'DM Sans',sans-serif!important;font-size:10px!important;letter-spacing:.12em!important;color:#baa58c!important;font-weight:600!important}
.logo{font-family:'DM Sans',sans-serif!important;font-size:27px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.045em!important;margin:10px 0!important}
.logo em{font-family:'Instrument Serif',serif!important;font-size:34px!important;color:#d6c3ad!important;letter-spacing:-.02em!important;font-weight:400!important}
.spark-mark{font-size:15px!important;color:#c9ad8f!important;margin-right:8px!important;vertical-align:1px!important}
.identity-mini{font-family:'DM Sans',sans-serif!important;color:#9ea9a2!important;letter-spacing:.11em!important;font-size:9px!important}
.workspace-switch {border-radius:6px!important;background:#303a36!important;border-color:#46534d!important;padding:10px!important;margin:0 0 18px!important}
.ws-avatar {border-radius:5px!important;background:#c4ae94!important;color:#2d3330!important;width:30px!important;height:30px!important}
.workspace-switch strong{font-size:12px!important;font-weight:650!important}
.workspace-switch small{color:#adb9b1!important}
.side-nav {gap:3px!important}
.side-nav button {min-height:41px;border-radius:5px!important;padding:10px!important;font-size:12.5px!important;font-weight:500!important;color:#b9c3bc!important;gap:10px!important;transform:none!important;transition:background .16s ease,color .16s ease!important}
.side-nav button:hover {background:#343f3a!important;color:#fff!important;transform:none!important}
.side-nav button.nav-active {background:#e6e6db!important;color:#222925!important;box-shadow:none!important;border-left:3px solid #b48e67!important;padding-left:7px!important;font-weight:650!important}
.nav-ico {font-size:16px!important;min-width:19px!important;line-height:1!important;color:inherit!important}
.nav-number {display:none!important}
.rail-bottom {padding:18px 11px 5px!important;border-top:1px solid #3a4540!important;color:#b7c0b8!important}
.rail-bottom p{font-size:11px!important;line-height:1.5!important;margin:9px 0 16px!important}
.pulse-dot{color:#c6b59a!important;font-family:'DM Sans',sans-serif!important;letter-spacing:.09em!important;font-weight:600!important;font-size:9px!important}
.pulse-dot span{background:#bdac90!important;box-shadow:none!important;width:6px!important;height:6px!important}
.sidebar-export{font-size:11.5px!important;border-radius:5px!important;border-color:#59615a!important;color:#edf0ea!important;padding:10px!important}
.sidebar-export:hover{background:#35413b!important}
.main-area{background:#f7f7f4!important}
.topbar{height:66px!important;background:#fff!important;padding:0 clamp(20px,2.7vw,45px)!important;border-color:#ebebe6!important;position:sticky;top:0;z-index:19}
.breadcrumb{font-family:'DM Sans',sans-serif!important;font-size:11px!important;letter-spacing:.035em!important;color:#8d948d!important}
.breadcrumb strong {color:#343936!important;font-weight:650!important}
.breadcrumb b {color:#b4b8b3!important;margin:0 9px!important}
.top-actions {gap:13px!important}
.key-search{height:34px!important;padding:0 11px!important;border:1px solid #e5e7e1!important;border-radius:6px!important;background:#fafaf8!important;color:#7d857d!important;gap:9px!important}
.key-search>span:first-child{font-size:20px!important}
kbd{background:#fff!important;border-color:#e8e9e5!important;border-radius:4px!important;font-size:10px!important}
.date-badge{font:500 11px 'DM Sans',sans-serif!important;color:#848981!important}
.avatar{background:#e8e4db!important;color:#3f4741!important;border-color:#ddd8cd!important;width:32px!important;height:32px!important;font-weight:650!important}
.demo-switch{padding:7px clamp(20px,2.7vw,45px)!important;background:#fbfbf9!important;border-bottom:1px solid #ebebe5!important;gap:16px!important}
.demo-switch span{font:600 9px 'DM Sans',sans-serif!important;color:#aaa59b!important;letter-spacing:.07em!important}
.demo-switch a{font:500 10px 'DM Sans',sans-serif!important;letter-spacing:0!important;color:#7d847d!important}
.demo-switch a[aria-current=page]{color:#2d342f!important;border-bottom-color:#a88664!important;font-weight:650!important}
.demo-warning{min-height:32px!important;background:#f4f2ed!important;border-bottom:1px solid #ebe7dc!important;color:#6f6b5e!important;letter-spacing:0!important;font:600 10px 'DM Sans',sans-serif!important;padding:6px clamp(20px,2.7vw,45px)!important;gap:8px!important}
.demo-warning .tiny-star{font-size:13px!important;color:#9e8367!important}
.warning-detail{color:#8a857b!important;font-size:10px!important}
.demo-warning a{color:#655849!important;font-size:10px!important;text-decoration-thickness:1px!important}
.page{max-width:1530px!important;padding:28px clamp(20px,2.7vw,45px) 55px!important;animation:pageIn .22s ease both!important}
.section-head{margin:0 0 25px!important;align-items:center!important}
.eyebrow {font:650 10px 'DM Sans',sans-serif!important;letter-spacing:.11em!important;color:#9a795a!important;margin-bottom:10px!important}
.page-title{font:600 clamp(30px,3.1vw,42px)/1.13 'DM Sans',sans-serif!important;letter-spacing:-.045em!important;color:#2b302c!important}
.page-title em{font-family:'Instrument Serif',serif!important;font-weight:400!important;color:#95816a!important;letter-spacing:-.015em!important;font-size:1.12em!important}
.lead{font-size:12.5px!important;color:#757a73!important;line-height:1.65!important;max-width:620px!important;margin-top:9px!important}
.btn{border-radius:5px!important;min-height:37px!important;padding:8px 13px!important;font-size:11.5px!important;transform:none!important;box-shadow:none!important;font-weight:600!important;transition:background .15s,border-color .15s!important}
.btn:hover{transform:none!important;box-shadow:none!important}
.btn.primary{background:#2b3631!important;color:#fff!important;border-color:#2b3631!important}
.btn.primary:hover{background:#425148!important}
.btn.accent{background:#e4d9cb!important;color:#34342e!important;border-color:#dbd0c1!important}
.btn.accent:hover{background:#d4c4af!important}
.btn.tiny{padding:6px 10px!important;min-height:30px!important}
.link-btn{color:#74705f!important;font-weight:600!important;font-size:11.5px!important;text-decoration:none!important}
.link-btn:hover{color:#282c28!important;text-decoration:underline!important}
.metrics{gap:12px!important;margin-bottom:18px!important}
.stat{min-height:112px!important;padding:17px 19px!important;background:#fff!important;border:1px solid #e4e5df!important;border-radius:7px!important;box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease!important;color:#303631!important}
.stat:hover{transform:none!important;border-color:#c6c8bf!important;box-shadow:0 4px 18px rgba(45,57,45,.035)!important}
.stat.accent,.stat.green{background:#fff!important;border-color:#e4e5df!important;color:#303631!important}
.stat-label{font:600 10px 'DM Sans',sans-serif!important;letter-spacing:.02em!important;color:#858b84!important;opacity:1!important}
.stat-symbol{font-size:16px!important;color:#bdac98!important;opacity:1!important;top:15px!important;right:18px!important}
.stat-number{font:650 clamp(24px,2.55vw,34px)/1.2 'DM Sans',sans-serif!important;color:#303631!important;letter-spacing:-.045em!important;margin:12px 0 3px!important}
.stat-foot{color:#8a8f88!important;font-size:11px!important;opacity:1!important}
.feature-hero{display:none!important}
.two-col{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr)!important;gap:16px!important;margin:0 0 16px!important}
.panel{border:1px solid #e4e5df!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important;overflow:hidden}
.panel-head{padding:20px 20px 16px!important;border-bottom:1px solid #f0f0ec!important;gap:14px!important}
.panel-title{font-size:15px!important;font-weight:650!important;letter-spacing:-.02em!important;color:#343936!important}
.panel-subtitle{font-size:11.5px!important;color:#91958f!important;margin-top:3px!important}
.panel-body{padding:3px 20px 14px!important}
.record{padding:14px 0!important;border-bottom:1px solid #f0f0ed!important;gap:11px!important}
.record:last-child{border-bottom:0!important}
.record-main strong{font-size:12px!important;color:#363c37!important;font-weight:600!important}
.record-main small{font-size:11px!important;color:#8b918c!important}
.record-tail strong{font-size:12px!important}
.item-icon{background:#f5f3ee!important;color:#9b866c!important;border-radius:5px!important}
.item-icon.coral{color:#a7876a!important;background:#f4f1ea!important}
.chip{border-radius:4px!important;font-family:'DM Sans',sans-serif!important;font-size:10px!important;letter-spacing:0!important;font-weight:600!important;padding:5px 8px!important}
.task-line{border-color:#efefeb!important;min-height:47px!important}
.task-text{font-size:12px!important;color:#383d38!important}
.task-date{font-size:11px!important;color:#8c918a!important}
.check{accent-color:#565c50!important}
.focus-filter{background:#fafaf8!important;border-color:#ecece6!important;border-radius:6px!important}
.progress-gauge{border-color:#d9d1c4!important}
.flow-progress i{background:#a78c6f!important}
.activity-line{border-color:#efefeb!important;padding:13px 0!important}
.activity-line strong{font-size:12px!important;color:#454945!important}
.activity-line small{color:#a0a49d!important}
.toolbar{gap:12px!important}
.seg{border-radius:6px!important}
.seg button{font-size:11px!important}
.seg button.active{background:#303a34!important;color:#fff!important}
.grid-cards .card,.stack-card,.channel-card,.quote-panel,.table-card,.workspace-card{border-color:#e4e5df!important;background:#fff!important;border-radius:7px!important;box-shadow:none!important}
.mini-calendar{gap:5px!important}
.calendar-day{border-radius:5px!important}
.calendar-day.today{border-color:#ae8b68!important}
.calendar-day.has .dots span{background:#ab8865!important}
.note-banner{border-radius:6px!important;background:#f2f0e9!important;border-color:#e7e0d3!important;color:#756e63!important}
.data-table th{font-size:10px!important;letter-spacing:.04em!important;color:#818780!important;background:#fafaf8!important}
.data-table td{color:#3d443e!important}
.modal{border-radius:10px!important;box-shadow:0 24px 95px rgba(0,0,0,.2)!important}
.form-group input,.form-group textarea,.form-group select{border-radius:5px!important}
.office-footer{color:#a4aaa2!important;font:500 10px 'DM Sans',sans-serif!important;letter-spacing:.035em!important}
@media(max-width:1100px){.shell{grid-template-columns:218px minmax(0,1fr)!important}.topbar{padding:0 22px!important}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.two-col{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:760px){.shell{display:block!important}.rail{width:min(300px,80vw)!important;z-index:31!important;min-height:100vh!important}.topbar{height:58px!important;position:relative!important;padding:0 18px!important}.demo-switch{padding:8px 18px!important;gap:10px!important}.demo-warning{padding:8px 18px!important}.page{padding:26px 17px 42px!important}.section-head{align-items:flex-start!important}.page-title{font-size:32px!important}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.stat{padding:14px!important;min-height:103px!important}.stat-number{font-size:28px!important}.stat-label{font-size:9px!important}.two-col{gap:12px!important}.panel-head{padding:17px!important}.panel-body{padding:4px 17px 12px!important}.date-badge{display:none!important}.key-search{border:0!important;padding:0 3px!important;background:transparent!important}.demo-warning .warning-detail{display:none!important}}
@media(max-width:390px){.stat{padding:12px!important}.stat-label{font-size:8.5px!important}.stat-number{font-size:25px!important}.stat-symbol{right:11px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Actionable operating brief replaces the former decorative hero */
.executive-brief{display:flex;align-items:center;gap:24px;background:#eeeee9;border:1px solid #e2e3d9;border-radius:7px;padding:14px 20px;margin:0 0 18px;min-width:0}
.brief-status{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:190px;border-right:1px solid #d6d9cf;padding-right:24px;flex-wrap:wrap}
.brief-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:#aa8d6d}
.brief-status strong{font-size:10px;letter-spacing:.09em;color:#585d54;font-weight:700}
.brief-status>span:last-child{flex-basis:100%;margin-left:14px;color:#949a91;font-size:10px;line-height:1.5}
.brief-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;gap:18px}
.brief-content>div{display:flex;flex-direction:column;gap:4px}
.brief-content strong{font-size:13px;font-weight:650;color:#303630;letter-spacing:-.025em}
.brief-content span{font-size:11px;color:#858b82}
.brief-action{white-space:nowrap;background:#fff;border:1px solid #dbddd4;color:#42483f;border-radius:5px;min-height:35px;padding:7px 12px;font-size:11.5px;font-weight:600;cursor:pointer}
.brief-action:hover{border-color:#a3a598;background:#fbfbf8}
@media(max-width:760px){.executive-brief{padding:14px;gap:10px;align-items:flex-start;flex-direction:column}.brief-status{border:0;padding:0;flex-basis:auto}.brief-status>span:last-child{display:none}.brief-content{width:100%;align-items:flex-start;flex-direction:column;gap:10px}.brief-action{min-height:32px;width:auto}}
