/* Complete workspace extensions using the discovery demo's exact brand tokens. */
:root{--blue:var(--blue-ink);--soft:var(--panel2)}
body{font:14px/1.5 'Instrument Sans',sans-serif;color:var(--text);background:var(--bg)}
h1,h2,h3,.panel h2,.page-heading h1,.property h3,.hero h1,.stat strong,dialog h2{font-family:'Bodoni Moda',Georgia,serif;font-weight:400}
button,input,select,textarea{border-radius:0;font-family:'Instrument Sans',sans-serif}button{border:1px solid var(--line2);padding:9px 13px;font-size:12px}button:hover{transform:none;background:var(--blue-surface);border-color:var(--blue-edge)}button.primary{background:var(--text);border-color:var(--text);color:var(--bg)}button.primary:hover{background:var(--fill);color:var(--black);border-color:var(--fill)}button.danger{color:var(--critical)}
.sidebar{width:248px;padding:30px 20px 20px;background:linear-gradient(var(--glow),transparent 28%),var(--black);gap:0}.sidebar .brand{letter-spacing:normal;text-decoration:none;display:flex;margin-bottom:28px}.sidebar .brand small{margin:0}.side-label{margin:0 12px 14px;font-size:10px;color:var(--sideMuted);letter-spacing:.2em}#nav{display:grid;gap:4px}#nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:40px;color:var(--sideMuted);border-left:2px solid transparent;border-radius:0;font-size:13px}#nav a.active{background:var(--sideActive);color:var(--cream);border-left-color:var(--sideGold)}#nav a:hover{background:var(--sideActive)}#nav svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.2;fill:none;flex:none}#nav a.active svg{color:var(--sideGold)}#nav a[href='#transactions'] svg{color:var(--sideBlue)}#nav a[href='#finances'] svg{color:var(--sideRuby)}.sidebar .agency{margin-top:20px;min-height:100px;flex-shrink:0}.side-bottom{margin-top:18px;border-top:1px solid var(--sideLine);padding-top:18px;flex-shrink:0}.side-bottom small{color:var(--sideMuted)}.side-bottom .avatar{background:var(--ruby);color:var(--cream);border-radius:50%}.workspace{margin-left:248px;min-width:0}.workspace>.topbar{height:auto;min-height:84px;padding:18px 36px;background:var(--top-surface);z-index:8}.header-tools{flex-wrap:wrap;align-items:center;gap:10px}.header-tools button{border-radius:0;font-size:11px;color:var(--muted)}.header-tools .seg button{border:0}.header-tools .seg button[aria-pressed=true]{color:var(--bg)}.prototype{font-size:9px}.notice{padding:16px 36px 0;letter-spacing:.14em;min-height:28px}.notice #breadcrumb{color:var(--muted);font-size:10px}.notice .storage-note{font-size:10px;color:var(--quiet)}main{padding:24px 36px;max-width:1600px;margin:auto}.hero{margin-bottom:0;display:flex;align-items:center}.hero h1{font-size:46px;margin:0;line-height:1.16}.hero .eyebrow{font-size:11px}.hero p{font-size:13px;line-height:1.8}.hero .hero-copy{position:relative;top:auto;left:auto;max-width:520px}.hero:after{inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--fill),var(--sapphire) 55%,var(--ruby));z-index:5}.hero .hero-side{font-family:'Instrument Sans',sans-serif}.hero .hero-side .serif{font-family:'Bodoni Moda',Georgia,serif}.scene-toolbar button{border-radius:0}.scene-toolbar select{font-size:12px}.stats{margin:20px 0 30px;gap:10px}.stat{border-radius:0;min-width:0}.stat strong{font-size:32px;line-height:1.3;margin:0;white-space:nowrap}.stat .label{display:block;min-height:30px;max-width:calc(100% - 15px);font-size:11px}.stat small{font-size:10px;margin-top:8px}.stat:nth-child(2) strong{color:var(--gold)}.stat:nth-child(3) strong{color:var(--blue-ink)}.stat:nth-child(4) strong{color:var(--warn)}.stat-icon{position:absolute;right:15px;top:17px;color:var(--blue-ink)}.stat-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2}
.panel,.property,.lane,.table-wrap,.tour,.calendar{border-radius:0}.panel{background:radial-gradient(ellipse at 100% 0,var(--accent-wash),transparent 70%),var(--panel);padding:22px;min-width:0}.panel h2{font-size:26px;margin-bottom:18px}.panel-head a{font-size:12px;color:var(--blue-ink)}.grid{gap:24px}.grid>.panel:first-child{border-top:2px solid var(--wine-edge)}.grid>.panel:nth-child(2){border-top:2px solid var(--blue-edge)}.row{font-size:13px}.row small{font-size:11px}.row p{font-size:13px}.row button{font-size:11px}.badge{font-size:11px;border-radius:0;background:var(--blue-surface);color:var(--blue-ink);border:1px solid var(--blue-edge);padding:3px 7px}.badge.rose{background:var(--wine-surface);color:var(--wine-ink);border-color:var(--wine-edge)}.badge.green{background:transparent;color:var(--ok);border-color:var(--ok)}.toolbar input,.toolbar select{background:var(--panel);border-color:var(--line2);font-size:13px}.page-heading{margin:8px 0 28px}.page-heading h1{font-size:44px;line-height:1.16}.page-heading p{font-size:13px;line-height:1.8}.table-wrap{box-shadow:var(--shadow);border-top:2px solid var(--blue-edge)}th{background:var(--blue-surface);font-size:10px}td{font-size:13px}td small{font-size:11px}.property-grid{gap:16px}.property .body{padding:20px;border-top:2px solid var(--blue-edge)}.property img{height:190px}.property h3{font-size:25px;min-height:0;line-height:1.3}.property .price{font-weight:400;font-size:17px}.board{gap:16px}.lane{padding:0;background:transparent;border-top:2px solid var(--stage-color,var(--blue-edge))}.lane h2{padding:17px 10px;margin:0 0 15px;background:var(--blue-surface);font:12px 'Instrument Sans',sans-serif;min-height:54px;align-items:center}.lane:nth-child(5) h2{background:var(--wine-surface)}.deal{border-radius:0;margin:0 0 16px}.deal:hover{transform:translateY(-3px);background:var(--panel)}.deal img{height:150px}.deal .body{border-top:2px solid var(--stage-color,var(--blue-edge));padding:17px}.deal strong{font:23px/1.3 'Bodoni Moda',Georgia,serif;display:block}.deal small{font-size:11px}.deal b{font-size:16px;font-weight:400}.bar{height:7px;border-radius:0}.bar span{background:var(--sapphire)}.hint{font-size:12px}.tour{background:linear-gradient(115deg,var(--blue-surface),var(--wine-surface));color:var(--text);border:1px solid var(--line);border-left:2px solid var(--fill)}.tour p{color:var(--muted)}.tour button{color:var(--gold);border-color:var(--line2)}.tour h2{font-size:28px}.guide-grid .panel{border-top:2px solid var(--blue-edge)}.guide-grid .panel:nth-child(even){border-top-color:var(--wine-edge)}.guide-grid .panel p{font-size:13px}.guide-grid a{color:var(--blue-ink)}.step-num{color:var(--gold)}
dialog{border-radius:0;background:var(--bg);border-color:var(--line2);padding:28px}dialog::backdrop{background:var(--veil)}dialog h2{font-size:33px}.dialog-top button{flex-shrink:0;align-self:start}.form-grid label{font-size:12px}.form-grid input,.form-grid textarea,.form-grid select{font-size:14px}.detail-photo,.detail-grid div{border-radius:0}.detail-grid div{background:var(--blue-surface);font-size:13px}.detail-grid small{font-size:11px}.dialog-actions{padding-top:16px;border-top:1px solid var(--line)}.timeline{border-left-color:var(--wine-edge)}.daily-context .daily-message{max-width:46%}.team-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.team-tiles .panel{padding:24px 18px;text-align:center;position:relative;border-top:3px solid var(--agent-color)}.team-tiles .avatar{width:64px;height:64px;background:var(--agent-color);color:var(--cream);font-size:19px}.team-tiles .agent-ring{height:110px;position:relative;display:grid;place-items:center}.team-tiles .agent-ring svg{position:absolute;width:105px;height:105px;transform:rotate(-90deg);fill:none;stroke:var(--line);stroke-width:2}.team-tiles .agent-ring circle:last-child{stroke:var(--agent-color);stroke-width:3}.team-tiles .row{font-size:12px}.team-tiles .row b{font-weight:500}.role-notice{background:var(--blue-surface);border:1px solid var(--line);padding:14px 18px;font-size:12px;line-height:1.7;margin:20px 0;color:var(--muted)}.portfolio-window .photo-tile{border:0;border-radius:0}.portfolio-window .photo-tile:hover{background:transparent}.flow-panel .ring-center strong{font-family:'Bodoni Moda',Georgia,serif}.production-panel{margin:28px 0;border-top:2px solid var(--blue-edge)}.production-panel h2{font-size:27px}.commission-visual .big-amount{font-size:38px}.stage-summary{margin-bottom:25px}.stage-summary p{font-size:11px}.day{min-width:0}.day button{font-size:11px}.day.today{background:var(--blue-surface);border-top:2px solid var(--fill)}#toast{border-radius:0;background:var(--blue-surface);color:var(--text);border:1px solid var(--blue-edge);box-shadow:0 5px 30px #0005}.empty{margin:10px 0}.workspace>footer{margin:0 36px;padding:18px 0 24px;font-size:10px}.load-more{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:12px}html[data-motion=off] *{animation:none!important;transition:none!important}
@media(min-width:1700px){.stat strong{font-size:38px}}
@media(max-width:1200px){.workspace>.topbar{padding:18px 24px}main{padding:24px}.stat strong{font-size:28px}.team-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-side{display:none}}
@media(max-width:979px){.sidebar{position:relative;width:100%;padding:18px 24px;overflow:visible}.sidebar .brand{margin-bottom:18px}.sidebar .agency,.side-bottom,.side-label,.sidepulse{display:none}#nav{display:flex;overflow:auto;gap:4px;padding-bottom:4px}#nav a{white-space:nowrap;min-height:40px;border-left:0;border-bottom:2px solid transparent;padding:9px}#nav a.active{border-bottom-color:var(--sideGold);background:transparent}#nav svg{display:none}.workspace{margin-left:0}.workspace>.topbar{position:relative}.hero h1{font-size:42px}.stat strong{font-size:32px}.header-tools{gap:8px}#menu{display:none}.hero.live-cover{min-height:360px}.page-heading h1{font-size:36px}}
@media(max-width:599px){.sidebar{padding:16px}.sidebar .brand{margin-bottom:12px}#nav a{font-size:12px;padding:9px 7px}.workspace>.topbar{padding:14px 16px}.header-tools{width:100%}.header-tools .selector>span{font-size:10px}.header-tools button{font-size:10px}.header-tools #sound{display:block}.notice{padding:12px 16px 0}.notice .storage-note{display:none}.hero h1{font-size:35px}.hero p{max-width:255px;font-size:12px}main{padding:16px}.stat strong{font-size:27px}.stat .label{font-size:11px;max-width:115px}.stat small{font-size:10px}.stat-icon{display:none}.grid{gap:22px}.page-heading h1{font-size:32px}.page-heading{flex-direction:column;align-items:stretch}.page-heading .actions{justify-content:flex-start}.panel{padding:18px}.property-grid:not(.team-tiles){grid-template-columns:1fr}.team-tiles{grid-template-columns:1fr}.hero.live-cover.video-cover{min-height:420px}.hero .hero-copy{top:auto}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.daily-context .daily-message{max-width:100%}.commission-visual{grid-template-columns:1fr}.ring-chart{width:135px;height:135px}.ring-legend{grid-template-columns:1fr}.legend-line{font-size:11px}.guide-grid{grid-template-columns:1fr}}
.button-link{padding:9px 13px;font-size:12px;border:1px solid var(--line2);text-decoration:none;display:inline-flex;align-items:center}.assistant-options{display:grid;gap:12px}.assistant-options button{padding:18px;text-align:left;color:var(--text);border-left:2px solid var(--blue-edge);background:var(--blue-surface);font-size:14px}.assistant-options button:nth-child(2){background:var(--wine-surface);border-left-color:var(--wine-edge)}.assistant-options span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.assistant-output{font-size:14px;line-height:1.9;color:var(--muted)}.assistant-output h3{color:var(--text);font-size:25px}.assistant-output p{margin:16px 0}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}.media-item{border:1px solid var(--line);background:var(--panel2);padding:18px;min-width:0}.media-item h3{font-size:22px;overflow-wrap:anywhere}.media-item .actions{margin-top:16px}.media-file-icon{color:var(--gold);margin-bottom:12px}.media-file-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.2}#media-form{display:grid;gap:16px}.sidebar{scrollbar-width:thin;scrollbar-color:var(--line2) var(--black)}#nav a[href='#notifications']{margin-top:12px;border-top:1px solid var(--sideLine)}@media(max-width:979px){#nav a[href='#notifications']{margin:0;border-top:0}.media-grid{grid-template-columns:1fr 1fr}}@media(max-width:599px){.media-grid{grid-template-columns:1fr}}
dialog[data-view=detail]{position:fixed;inset:0 0 0 auto;margin:0;width:500px;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);padding:0;overflow:auto}dialog[data-view=detail] #dialog-content{padding:0 26px 28px}dialog[data-view=detail] .dialog-top{position:sticky;top:0;z-index:1;background:var(--top-surface);padding:18px 26px;margin:0 -26px 20px;border-bottom:1px solid var(--line)}dialog[data-view=detail] .dialog-top h2{font-size:27px}dialog[data-view=detail] .detail-photo{height:250px}.payment-bars .bartrack{height:7px}.payment-bars .bartrack .bar{height:100%;background:var(--agent-color);border-radius:0}.portfolio-window .visual-head a{font-size:12px;color:var(--blue-ink)}@media(max-width:599px){dialog[data-view=detail]{width:100%}}

/* All modules remain discoverable on narrow screens. */
@media(max-width:979px){
.sidebar #menu{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--sideGold);background:transparent;color:var(--sideGold);font:inherit;text-align:left;cursor:pointer}
.sidebar #menu[aria-expanded="true"]{background:rgba(201,168,76,.12)}
.sidebar #nav{display:none;overflow:visible;padding:10px 0 0;gap:3px}
body.menu-open .sidebar #nav{display:grid;grid-template-columns:1fr}
.sidebar #nav a{white-space:normal;min-height:46px;padding:12px 14px;border-bottom:0;border-left:2px solid transparent;font-size:14px}
.sidebar #nav a.active{border-left-color:var(--sideGold);background:rgba(201,168,76,.12)}
.sidebar #nav svg{display:block;flex-shrink:0}
}

/* Jewel-tone navigation: the same brand palette, with clearer visual landmarks. */
[data-tone="blue"]{--module-rgb:84,136,207;--module-ink:#a7cdfb}
[data-tone="wine"]{--module-rgb:170,77,112;--module-ink:#f1abc4}
[data-tone="gold"]{--module-rgb:201,168,76;--module-ink:#e8ce84}
.sidebar #nav{gap:7px;flex-shrink:0}
.sidebar #nav a{min-height:52px;padding:9px 10px;gap:10px;border:1px solid rgba(var(--module-rgb),.20);border-left:3px solid rgba(var(--module-rgb),.58);border-radius:5px;background:linear-gradient(105deg,rgba(var(--module-rgb),.14),rgba(var(--module-rgb),.035));color:#e0e2e9;font-size:14px;line-height:1.4;transition:background .2s,border-color .2s,box-shadow .2s}
.sidebar #nav .nav-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;background:linear-gradient(145deg,rgba(var(--module-rgb),.30),rgba(var(--module-rgb),.10));border:1px solid rgba(var(--module-rgb),.38);border-radius:7px;color:var(--module-ink);box-shadow:inset 0 1px 0 #ffffff0d}
.sidebar #nav .nav-icon svg{display:block;width:20px;height:20px;color:inherit;stroke-width:1.5}
.sidebar #nav .nav-label{min-width:0;overflow-wrap:normal}
.sidebar #nav a:hover{background:linear-gradient(105deg,rgba(var(--module-rgb),.27),rgba(var(--module-rgb),.10));border-color:rgba(var(--module-rgb),.55);color:#fff}
.sidebar #nav a.active{background:linear-gradient(105deg,rgba(var(--module-rgb),.36),rgba(var(--module-rgb),.13));border-color:rgba(var(--module-rgb),.6);border-left-color:var(--sideGold);color:#fff;box-shadow:inset 0 1px 0 #ffffff0d,0 3px 12px #0002}
.sidebar #nav a.active .nav-icon{background:rgba(var(--module-rgb),.4);border-color:var(--module-ink)}
.sidebar #nav a:focus-visible,.sidebar #menu:focus-visible{outline:2px solid var(--sideGold);outline-offset:3px}
.sidebar #nav a[href="#notifications"]{margin-top:8px;border-top:1px solid rgba(var(--module-rgb),.20)}
.sidebar #nav a[href="#guide"]{margin-top:5px;background:transparent;border-style:dashed}
.side-label{font-size:12px;color:#b9b5ad;letter-spacing:.15em}
#main .page-heading{padding:20px 22px;border:1px solid rgba(var(--module-rgb),.26);border-left:3px solid var(--module-ink);background:linear-gradient(110deg,rgba(var(--module-rgb),.17),rgba(var(--module-rgb),.025));gap:18px}
#main .page-heading h1{color:var(--text)}
html[data-mode="jour"] #main[data-tone="blue"]{--module-ink:#345c91}
html[data-mode="jour"] #main[data-tone="wine"]{--module-ink:#84344c}
html[data-mode="jour"] #main[data-tone="gold"]{--module-ink:#7e6224}
@media(max-width:979px){.sidebar #nav{gap:7px;padding-top:12px}.sidebar #nav a{min-height:52px}.sidebar #menu{border-radius:5px;background:linear-gradient(110deg,#c9a84c22,#416daa18)}}
@media(max-width:599px){#main .page-heading{padding:18px 16px}}
@media(prefers-reduced-motion:reduce){.sidebar #nav a{transition:none}}