@import url("/fonts.css");
/* Shared screen theme. Document sheets keep their own typography and layout. */
:root{color-scheme:light;--ui-font:"IBM Plex Sans",sans-serif;--ui-mono:"IBM Plex Mono",monospace;--bg:#f8f9f6;--panel:#f0f2eb;--paper:#fff;--ink:#30352e;--muted:#747b70;--faint:#8d9586;--line:#dfe3d9;--line-strong:#cbd0c2;--accent:#626958;--accent-2:#4e5746;--accent-soft:#e3e8dc}
body{font-family:var(--ui-font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
.editor-screen :not(:where(.cd-sheet,.cd-sheet *,.specbook-sheet,.specbook-sheet *,.palette-sheet,.palette-sheet *,.pdf-stage,.pdf-stage *)),.local-screen :not(:where(.cd-sheet,.cd-sheet *,.specbook-sheet,.specbook-sheet *,.palette-sheet,.palette-sheet *,.pdf-stage,.pdf-stage *)){font-family:var(--ui-font)!important}
.editor-screen .crumb h1,.editor-screen .page-head h2,.local-screen .intro h1{font-family:var(--ui-font)!important;font-weight:400;color:#515c47;letter-spacing:-.025em}
.editor-screen .sidebar,.local-screen .main-control{background:#f0f2eb;border-color:#dfe3d9}
.editor-screen .topbar{background:#f8f9f6;backdrop-filter:none}
.editor-screen .button.primary,.editor-screen .drawer .drawer-foot .primary,.local-screen .primary{background:#626958;border-color:#626958;color:white}
.editor-screen .button.primary:hover,.local-screen .primary:hover{background:#4e5746;border-color:#4e5746}
.editor-screen .drawer .section-title,.editor-screen .phase-chip{color:#626958}
.editor-screen .drawer input:not([type=file]),.editor-screen .drawer select,.editor-screen .drawer textarea{background:#f8f9f6;border-color:#cbd0c2}
.editor-screen .sidebar .schedule-link.active,.editor-screen .sidebar .floor-link.active{background:#dfe5d7;color:#35432d}
.editor-screen .segmented button.active{background:#fff;color:#35432d}

/* One screen typography system across local, online and guest workspaces. */
body :not(:where(.cd-sheet,.cd-sheet *,.specbook-sheet,.specbook-sheet *,.palette-sheet,.palette-sheet *,.pdf-stage,.pdf-stage *)){font-family:var(--ui-font)!important}
body :not(:where(.cd-sheet,.cd-sheet *,.specbook-sheet,.specbook-sheet *,.palette-sheet,.palette-sheet *,.pdf-stage,.pdf-stage *)):is(.nav-label,.eyebrow,.brand-mark,.project-monogram,.status-pill,.revision-badge,.save-state,.source-badge,.phase-chip,.tag,.review-price,.count,.row-stat span,.metric span,.section-title,.field>label,.formgrid>label,.fieldrow code,.field-toggle,.reader-field b,#drawerTag,#itemNumberPrefix,#f-sequence,#saveStatus,#resultCount,.main-control nav b,.read-product-panel>label,.mobile-floor-picker label,.role,.preview-label,.entry-small,.entry-steps span,.sidebar nav button>span){font-family:var(--ui-mono)!important}

/* Focused project workspace: one persistent navigation hierarchy. */
.project-focused.local-screen{padding-left:0}.project-focused .main-control,.project-focused #account>.sidebar{display:none}
.project-focused #account{grid-template-columns:minmax(0,1fr)}
.project-focused.workspace-nav-open .main-control,.project-focused.workspace-nav-open #account>.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:250px;height:100dvh;z-index:80;overflow:auto;background:var(--panel);padding:24px 18px;box-shadow:8px 0 32px #30352e22}
.workspace-nav-backdrop{display:none}.project-focused.workspace-nav-open .workspace-nav-backdrop{display:block;position:fixed;inset:0;border:0;border-radius:0;background:#20281b33;z-index:70}
.workspacebar #projectTitle{display:block}.workspacebar #projectSaveStatus{display:block;margin-left:auto}.workspacebar,.editing-project #project>.toolbar{min-height:60px;height:auto;gap:12px;padding:10px 16px;flex-wrap:wrap;margin:0;border-bottom:1px solid var(--line);background:var(--bg)}
.project-title{border:0;background:transparent;padding:6px;font-size:18px;font-weight:600;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title::after{content:' ✎';font-size:12px;color:var(--muted)}
.editing-project #project{padding:0}.editing-project iframe,.project-focused #editor{height:calc(100dvh - 138px);min-height:420px}.project-focused.local-screen #editor{height:calc(100dvh - 60px)}
.editor-screen #viewTitle,.editor-screen #breadcrumb,.editor-screen #projectBtn,.editor-screen .sidebar-foot p,.editor-screen #saveState{display:none}
.editor-screen .topbar{min-height:52px;padding:10px 0;gap:8px;flex-wrap:wrap}.editor-screen .topbar .crumb{display:none}.editor-screen .topbar #saveProjectBtn{margin-left:auto}
.editor-screen .main{min-width:0;padding:16px 24px}.editor-screen .app{grid-template-columns:230px minmax(0,1fr)}.editor-screen .sidebar{width:230px;padding:18px 12px}.editor-screen.tree-collapsed .app{grid-template-columns:minmax(0,1fr)}.editor-screen.tree-collapsed .app>.sidebar{display:none}
.editor-screen .toolbar-row{justify-content:flex-start;gap:10px;flex-wrap:wrap;padding:12px 0}.editor-screen .toolbar-actions:empty{display:none}.workspace-menu{position:relative}.workspace-menu>summary{cursor:pointer;list-style:none;padding:9px 12px;border:1px solid var(--line);border-radius:6px;font-size:13px}.workspace-menu>summary::after{content:' ▾'}.workspace-menu[open]>summary{background:var(--accent-soft)}.workspace-menu-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:250px;max-width:calc(100vw - 32px);display:grid;gap:8px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #30352e20;z-index:30}.sidebar-actions .workspace-menu-panel{left:0;right:auto;bottom:calc(100% + 6px);top:auto}.workspace-menu-panel #tagSettings{margin:0;padding:0;border:0;display:grid;gap:12px}.workspace-menu-panel button{text-align:left}.workspace-menu-panel .revision-badge{margin:0}.sidebar-actions{margin-top:16px}
.view-scope{font-size:12px;color:var(--muted);margin:0 0 12px}.editor-screen .page-head{margin:10px 0 18px;gap:16px}.editor-screen .page-head h2{font-size:26px;line-height:1.25}.editor-screen .stats{display:flex;flex-wrap:wrap;gap:18px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;margin:12px 0 18px;padding:10px 0}.editor-screen .stats .stat{display:flex;gap:7px;align-items:baseline;padding:0;border:0;background:transparent}.editor-screen .stats .stat strong{font-size:14px;margin:0}.editor-screen .stats .stat span{font-size:12px}.editor-screen .stats .stat:last-child{display:none}.editor-screen .filters{flex-wrap:wrap;gap:8px}.editor-screen .filters .search{flex:1 1 180px;min-width:150px}.editor-screen .filters select{max-width:100%}
#records{display:flex;flex-direction:column;gap:10px}#records .record{display:flex;align-items:center;min-height:88px}#records .project-cover{display:none}#records .record-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px}#records .record-content .name{min-width:0}#records .record-content strong{font-size:17px}#records .product-cover{width:64px;height:64px;min-height:0;margin-left:16px;flex-shrink:0}#records .product-cover img{height:100%;width:100%;object-fit:contain}
@media(max-width:900px){.editor-screen .app>.sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;z-index:40;box-shadow:10px 0 30px #30352e25;overflow:auto}.editor-screen .app{display:block}.editor-screen .sidebar .nav .floor-group{display:block}.editor-screen .sidebar .nav{display:grid}.editor-screen .main{padding:12px 16px}.editor-screen .tree-toggle{position:relative;z-index:45}.editor-screen:not(.tree-collapsed) .tree-toggle{margin-left:220px}.editor-screen .page-head h2{font-size:23px}.editor-screen .segmented{display:flex;flex-wrap:wrap}.editor-screen .segmented button{padding:9px;font-size:12px}.editor-screen .sidebar .mobile-floor-picker{display:none}}
@media(max-width:600px){.workspacebar #projectSaveStatus,#saveStatus{font-size:10px}.project-title{max-width:50vw;font-size:16px}.editor-screen .topbar .button{font-size:12px;padding:8px}.editor-screen .page-head{align-items:flex-start;flex-wrap:wrap}.editor-screen .workspace-menu-panel{left:0;right:auto}#records .record-content{align-items:flex-start;flex-direction:column;gap:8px}.project-focused #editor,.project-focused.local-screen #editor{height:calc(100dvh - 160px)}}
.editor-screen .sidebar-actions{display:block}.editor-screen .sidebar-actions>.workspace-menu>summary{width:100%}.editor-screen .sidebar-actions .workspace-menu-panel{width:250px}.editor-screen .sidebar-actions .workspace-menu-panel .button{width:100%;margin:0}