/* Public, browser-only showroom. Shared branding comes from the working prototype. */
@media(max-width:720px){.main>main#workspace-content{padding:24px 16px}.showroom-tools>div>a{line-height:1.5}.sidebar nav{scrollbar-width:thin}}
.main[data-page=dashboard] .role-label select{color:#e3eaf5;background:#182639;border:1px solid #34435b;border-radius:5px;padding:6px}.demo-guide .eyebrow{color:#96743c}.main[data-page=dashboard] .demo-guide .eyebrow{color:#d2b27e}
.loading-demo{min-height:100vh;background:#0d1726;color:#f1f4f8;padding:12vh 8vw}.loading-demo p{margin-top:24px}.loading-demo a{text-decoration:underline}
.showroom-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 36px;background:#eef0f3;border-bottom:1px solid #dde2e9;font-size:11px;color:#647288}.showroom-tools>div{display:flex;align-items:center;gap:20px}.showroom-tools a{display:inline-flex;align-items:center;min-height:44px;color:#34465e;font-weight:600}.showroom-tools .request-link{padding:0 16px;border-radius:6px;color:#18263a;background:#e0c08a}.main[data-page=dashboard] .showroom-tools{background:#101b2b;border-color:#28364b;color:#96a4b8}.main[data-page=dashboard] .showroom-tools a:not(.request-link){color:#bdc8d9}
.demo-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;margin-bottom:26px;border:1px solid #d8c8aa;border-left:3px solid #c4a270;border-radius:8px;background:#fffdf9}.demo-guide .eyebrow{margin-bottom:7px;font-size:9px;line-height:1.7}.demo-guide h2{font-size:19px;line-height:1.4}.demo-guide p:not(.eyebrow){font-size:12px;color:#6b7686;margin-top:5px}.demo-guide button{flex-shrink:0;font-size:12px}.main[data-page=dashboard] .demo-guide{background:#192639;border-color:#4c483f;border-left-color:#d3b27b;color:#ecf0f7}.main[data-page=dashboard] .demo-guide p:not(.eyebrow){color:#aebcd0}.main[data-page=dashboard] .demo-guide h2{color:#eef2f7}
.public-cta{display:inline-flex;align-items:center;justify-content:center;margin:20px 12px 0 0;font-size:12px}.card>p+p{margin-top:14px}.task-body{min-width:0}.task-actions{flex-wrap:wrap}.scope,.invoice-line,.linked-job{overflow-wrap:anywhere}.job-switch select{width:auto;max-width:100%}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}dialog input,dialog textarea{font-size:16px}.role-label select{min-height:32px}.sidebar nav{min-height:0;overflow-y:auto}.sidebar .sidebar-bottom{flex-shrink:0}footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.showroom-tools{padding:10px 25px;flex-wrap:wrap;gap:3px}.showroom-tools>div{gap:18px}.demo-guide{gap:18px;padding:20px}.demo-guide>div{min-width:0}.demo-guide button{max-width:48%;line-height:1.6}}
@media(max-width:720px){.showroom-tools{padding:10px 16px;font-size:10px}.showroom-tools>span{width:100%;font-size:10px}.showroom-tools>div{width:100%;gap:12px;justify-content:space-between}.showroom-tools .request-link{padding:0 10px;font-size:10px}.showroom-tools a{font-size:10px}.demo-guide{display:block;padding:18px;margin-bottom:22px}.demo-guide h2{font-size:19px}.demo-guide p:not(.eyebrow){font-size:12px;line-height:1.7}.demo-guide button{max-width:none;width:100%;margin-top:16px;min-height:46px}.topbar{gap:8px;min-height:76px}.top-controls{gap:8px}.top-controls>.badge{display:none}.role-label{font-size:8px}.role-label select{font-size:12px;width:105px;min-height:36px}.breadcrumb{font-size:11px}.sidebar nav{overflow-x:auto;overflow-y:hidden}.task{gap:12px}.task .section-title{align-items:flex-start;flex-wrap:wrap}.task-actions button{min-height:44px}.document{gap:12px}.invoice{padding:18px 12px;margin:24px 0}.invoice-line{gap:12px}.invoice-line span:last-child{white-space:nowrap}.job-switch select{display:block;margin:8px 0 0;width:100%;min-height:44px}.card .details{gap:18px}.public-cta{width:100%;margin:14px 0 0}dialog{padding:22px 18px}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}.main footer{font-size:10px}.main footer .quiet{font-size:10px}}