/* Shared interface details; architectural outputs and PDF pages are unaffected. */
:is(.customer-shell,.admin-shell){--raised:var(--surface-raised);line-height:1.55}
:is(.customer-shell,.admin-shell) *{box-sizing:border-box}
:is(.customer-shell,.admin-shell) :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:is(.customer-shell,.admin-shell) button{cursor:pointer}
:is(.customer-shell,.admin-shell) button:disabled{cursor:not-allowed;opacity:.5}
:is(.customer-shell,.admin-shell) :is(.field,.row,.style-copy,.card,.modal .box){min-width:0}
:is(.customer-shell,.admin-shell) :is(input,textarea,select){max-width:100%}
:is(.customer-shell,.admin-shell) :is(.modal h2,.modal h3,.card h2){line-height:1.3}
.customer-shell .library-layout-tools button[data-library-columns]{display:grid;place-items:center;width:38px;height:36px;padding:8px}
.layout-symbol{display:flex;gap:3px;width:21px;height:17px}
.layout-symbol i{display:block;flex:1;border:1.5px solid currentColor;border-radius:1px}
.layout-symbol-1{flex-direction:column;gap:3px}.layout-symbol-1 i{border-width:1px}
.layout-symbol-4{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}
.customer-shell .workflow-choice{transition:border-color .15s,background .15s;cursor:pointer}
.customer-shell .workflow-choice b{font-size:16px}.customer-shell .workflow-choice span{line-height:1.6}
.customer-shell .workflow-start>.btn{min-width:135px}
.customer-shell:has(main.workflow-choosing) .dock{display:none}
.customer-shell .package-quick-summary{padding:15px 18px;gap:5px 18px}
.customer-shell .package-quick-summary>p:last-child{font-size:12px;color:var(--muted)}
.admin-prompt-view{justify-self:start}.modal .prompt-preview textarea{width:100%;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6;resize:vertical}.modal .prompt-preview{margin:18px 0}
.customer-shell .style-library .material-stripes{transform:none;gap:5px}.customer-shell .style-library .material-stripes i{height:52px;width:31px;border-radius:3px}
.customer-shell .style-tools select{min-width:165px}
.customer-shell .style-tools{gap:8px}.customer-shell .package-favorite{box-shadow:0 1px 5px #0002}
.customer-shell :is(.result-actions,.gitem .bar){flex-wrap:wrap}
.customer-shell .package-explainer{color:var(--muted);font-size:12px}
.customer-shell #presentation-panel>.btn{margin:8px 8px 0 0}.customer-shell :is(section,[id^=studio-step]){scroll-margin-top:100px}
.customer-shell .modal .box.board-editor{width:min(1150px,96vw);max-width:1150px;height:90vh;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.customer-shell .board-editor>h2,.customer-shell .board-editor>.sub,.customer-shell .board-editor>.field,.customer-shell .board-editor>.gnote{flex-shrink:0}
.customer-shell .board-editor-grid{flex:1;min-height:140px;overflow:auto;align-items:start;padding:2px 8px 12px 2px;margin:14px 0}
.customer-shell .board-editor-actions{position:static;flex-shrink:0;border-color:var(--line);padding:12px 0 0;z-index:1}
.customer-shell .board-editor>h2{margin:0 0 10px}.customer-shell .board-editor>.field{margin-top:6px}
.customer-shell .camera-choice,.customer-shell .chip{line-height:1.45}
:is(.customer-shell,.admin-shell) details>summary{list-style:none;position:relative;padding-right:32px;cursor:pointer}
:is(.customer-shell,.admin-shell) details>summary::-webkit-details-marker{display:none}
:is(.customer-shell,.admin-shell) details>summary::marker{content:''}
:is(.customer-shell,.admin-shell) details>summary::after{content:'⌄';position:absolute;right:3px;top:0;font-size:23px;line-height:1;color:var(--muted)}
:is(.customer-shell,.admin-shell) details[open]>summary::after{content:'⌃'}
html[data-theme=light] :is(.customer-shell,.admin-shell) :is(.login,.workspace-intro,.studio-intro,.workspace-context,.intro-visual,.drop,.card,.board-editor-actions,.project-workspace,.support-response,.summary-controls,.summary-angle,.readiness){background:var(--surface);color:var(--ink)}
html[data-theme=light] :is(.customer-shell,.admin-shell) :is(.sub,.gnote,.field,.eyebrow,.muted,.quality-note,.package-description){color:var(--muted)}
html[data-theme=light] .customer-shell :is(.style-placeholder,.package-empty){background:#f2f3f5}
html[data-theme=light] .customer-shell .style-placeholder>span{color:#59616b}
html[data-theme=light] :is(.customer-shell,.admin-shell) .top{background:#fff;box-shadow:0 1px 0 var(--line)}
html[data-theme=light] .customer-shell .dock{background:#fffffff5;box-shadow:0 -3px 16px #2023280a}
html[data-theme=light] :is(.customer-shell,.admin-shell) .toast{background:#252525;color:#fff}
html[data-theme=light] .customer-shell .style[aria-pressed=true]{background:#edf0f3!important}
html[data-theme=light] :is(.customer-shell,.admin-shell) table{color:var(--ink);background:var(--surface)}
html[data-theme=light] :is(.customer-shell,.admin-shell) :is(th,td){border-color:var(--line)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.customer-shell .library-layout-tools{gap:5px}.customer-shell .style-tools select{min-width:0;max-width:100%}.customer-shell .package-quick-summary{grid-template-columns:1fr}.customer-shell .workflow-choice{padding:16px}}
.interior-room-toolbar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;border:1px solid var(--line,#777);border-radius:14px;margin-bottom:16px;background:var(--panel)}.interior-room-toolbar .gnote{grid-column:1/-1;margin:0;line-height:1.6}.interior-room-toolbar select{width:100%}@media(max-width:650px){.interior-room-toolbar{grid-template-columns:1fr}}
/* ARCHTAN: selected editorial AV / LU mark, theme-aware without duplicate text. */
:is(.customer-shell,.admin-shell) .brand.archtan-brand{display:flex;align-items:center;gap:14px;flex-shrink:0;line-height:1}
.customer-shell .brand.archtan-brand::before{content:none;display:none}
.archtan-logo{object-fit:contain;display:block;flex-shrink:0;filter:brightness(0) invert(1)}
html[data-theme="light"] .archtan-logo{filter:brightness(0)}
.archtan-brand .archtan-logo{width:48px;height:48px}
.login-logo{width:112px;height:112px;margin:0 0 30px}
.empty-brand-logo{width:72px;height:72px;margin:0 auto 20px}
.admin-brand-label{font-size:16px;font-weight:500}
@media(max-width:620px){.archtan-brand .archtan-logo{width:38px;height:38px}.login-logo{width:94px;height:94px}}
/* ARCHTAN catalogue refresh — 25 October 2026 */
.customer-shell .library-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 14px}
.customer-shell .library-toolbar .search{flex:1 1 260px;max-width:none}
.customer-shell .library-toolbar #style-count{white-space:nowrap;color:var(--muted)}
.customer-shell .library-layout-tools{margin-left:auto;gap:8px}
.customer-shell .library-layout-tools select{width:auto;margin:0;min-width:160px}
.library-filter-panel{display:flex;flex-direction:column;gap:14px;margin:0 0 20px}
.customer-shell .library-filter-panel .style-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.customer-shell .library-filter-panel .style-custom{display:flex;align-items:center;width:100%;min-height:0!important;border:1px dashed var(--line);background:transparent!important;border-radius:10px;text-align:left;order:2}
.customer-shell .library-filter-panel .style-custom .style-copy{padding:13px 16px}
.customer-shell .library-filter-panel .style-custom b{font-size:14px}
.customer-shell .library-filter-panel .style-custom span{font-size:12px;color:var(--muted)}
.customer-shell .library-filter-panel .package-quick-summary{order:3;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;background:var(--surface);margin:0}
.package-quick-summary>div{flex:1;display:flex;gap:6px;flex-direction:column}.package-quick-summary b{font-size:15px}.package-quick-summary small{font-size:10px;letter-spacing:1px}
.customer-shell .style-library #package-focus{display:none!important}
.customer-shell .style-library .gallery-stage .styles{gap:18px}
.customer-shell .curated-card{border-radius:12px;overflow:hidden;transition:transform .16s}
.customer-shell .curated-card:hover{transform:translateY(-2px)}
.customer-shell .style-library .gallery-stage .curated-card>.style{border-radius:12px}
.customer-shell .style-library .style .style-copy{padding:16px 16px 44px}
.customer-shell .style-library .style .style-choice{display:none}
.customer-shell .style-library .style .style-tags{display:none}
.customer-shell .style-library .style .style-copy>span{font-size:12px;line-height:1.6;-webkit-line-clamp:2}
.package-preview-action{position:absolute;bottom:12px;left:16px;border:0;background:transparent;color:var(--ink);font-size:12px;padding:2px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.customer-shell .package-favorite{width:30px;height:30px;font-size:18px;backdrop-filter:blur(6px)}
.customer-shell .style-library .gallery-stage[data-columns="1"] .style .style-image{min-height:180px;object-fit:cover}
.style-preview-dialog{position:fixed;inset:0;z-index:1000;background:#000b;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}
.style-preview-frame{width:min(1600px,96vw);height:min(930px,94vh);display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto minmax(0,1fr);background:var(--surface,#252525);border:1px solid var(--line,#555);border-radius:16px;overflow:hidden;box-shadow:0 20px 90px #0006}
.style-preview-bar{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}
.style-preview-bar>span{flex:1}.style-preview-bar .btn{padding:8px 12px}
.style-preview-visual{min-height:0;min-width:0;display:grid;place-items:center;background:#141414;padding:12px}
.style-preview-visual>img{width:100%;height:100%;min-height:0;object-fit:contain;display:block;max-width:100%;max-height:100%}
.style-preview-visual>.style-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.style-preview-details{padding:24px;overflow:auto;color:var(--ink);display:flex;flex-direction:column;gap:16px}
.style-preview-details h2{font-size:24px;margin:0;line-height:1.3}.style-preview-details p{font-size:13px;line-height:1.7;margin:0}.style-preview-details>.btn{margin-top:auto;width:100%}
.style-preview-details .curated-palette{display:flex;gap:5px}.style-preview-details .curated-palette i{height:10px}
@media(max-width:850px){.style-preview-dialog{padding:8px}.style-preview-frame{width:98vw;height:96vh;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.style-preview-details{max-height:180px;padding:16px;gap:8px}.style-preview-details h2{font-size:18px}.style-preview-details .gnote,.style-preview-details .curated-palette{display:none}.style-preview-details>.btn{width:auto;align-self:flex-start}.library-layout-tools{width:100%;margin:0}.customer-shell .library-filter-panel .style-tools select{flex:1}}
.customer-shell .style-library>.idea-assistant{padding:18px;margin:0 0 20px}
.customer-shell .style-library>.idea-assistant .idea-heading h3{font-size:17px}
.customer-shell .style-library>.idea-assistant textarea{min-height:74px;height:74px}
.customer-shell .library-filter-panel .style-custom .style-copy{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px}
.customer-shell .library-filter-panel .style-custom b{margin:0}
.customer-shell .library-filter-panel .style-custom .custom-symbol{display:none}
.saved-style-menu{margin-left:auto;position:relative;font-size:13px}.saved-style-menu summary{padding:8px 30px 8px 4px}.saved-style-menu[open]{display:flex;flex-wrap:wrap;gap:6px}.saved-style-menu[open] summary{margin-bottom:8px}
@media(max-width:620px){.customer-shell .library-filter-panel .style-custom .style-copy{display:block}.saved-style-menu{margin-left:0}}
@media(max-width:760px){.customer-shell .studio-steps button:not([aria-current=step])>span:last-child{display:inline}.customer-shell .studio-steps button,.customer-shell .studio-steps button[aria-current=step]{flex:1;font-size:11px;gap:5px;line-height:1.35}}
/* Selected ARCHTAN condensed uppercase wordmark. */
:is(.customer-shell,.admin-shell) .brand.archtan-brand{margin-right:12px}
.archtan-brand .archtan-logo{width:180px;height:44px}
.archtan-logo.login-logo{width:270px;height:76px;max-width:100%;margin-bottom:26px}
.archtan-logo.empty-brand-logo{width:180px;height:50px}
@media(max-width:760px){.archtan-brand .archtan-logo{width:146px;height:36px}.archtan-logo.login-logo{width:230px;height:64px}}
/* Header wordmark reduced by 20%; login branding keeps its own scale. */
.archtan-brand .archtan-logo{width:144px;height:35.2px}
@media(max-width:760px){.archtan-brand .archtan-logo{width:116.8px;height:28.8px}}
/* Professional workspace: quieter navigation and clear assistance. */
.customer-shell .top{gap:14px;padding:14px 24px;align-items:center}
.customer-shell .top .tabs{gap:6px;flex-shrink:0}
.customer-shell .top .linkbtn{white-space:nowrap;font-size:13px}
.customer-shell .top .pill{white-space:nowrap;font-size:12px}
.customer-shell .top .brand{flex-shrink:0}
.customer-shell .top .theme-toggle{flex-shrink:0;width:36px;height:36px}
.help-center{max-width:680px}.help-step{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.help-step>span{font-size:12px;color:var(--muted);padding-top:5px;letter-spacing:.08em}
.help-step h3{margin:0 0 6px;font-size:16px}.help-step p,.help-faq p{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}
.help-faq{border-bottom:1px solid var(--line);padding:15px 0}.help-faq summary{cursor:pointer;font-weight:600}.help-faq p{padding-top:12px}
.help-actions{margin:22px 0}.account-notice{display:flex;gap:18px;align-items:center;justify-content:space-between}.account-notice p{margin:6px 0 0;font-size:13px;line-height:1.6}
:is(.customer-shell,.admin-shell) :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.admin-shell .admin-nav{display:flex;gap:8px;flex-wrap:wrap}.admin-shell #production-log{scroll-margin-top:110px}
@media(min-width:761px) and (max-width:1100px){.customer-shell .top{gap:10px;padding:12px 20px}.customer-shell .top .tabs button{padding:10px 12px}.customer-shell .top .archtan-brand{margin-right:0}}
@media(max-width:760px){.account-notice{align-items:flex-start;flex-direction:column}.customer-shell .top{padding:12px 16px;gap:10px}.help-actions{align-items:stretch}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.gallery-empty-state{grid-column:1/-1;text-align:center;padding:64px 24px;border:1px dashed var(--line);border-radius:16px;max-width:100%}.gallery-empty-state h2{font-size:24px;margin:0 0 12px}.gallery-empty-state p{max-width:520px;margin:0 auto 24px;color:var(--muted);line-height:1.7}
.workspace-center-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.account-link{cursor:pointer;color:var(--ink);background:transparent}
.account-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.account-summary-grid>div{border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.account-summary-grid strong{font-size:26px;line-height:1.3}.account-summary-grid span{font-size:13px;color:var(--muted)}
.credit-movement{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.credit-movement small{display:block;margin-top:6px;color:var(--muted)}.credit-movement>strong{white-space:nowrap}.credit-positive{font-weight:700}
.production-record{padding:22px 0;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center;flex-wrap:wrap}.production-record>div:first-of-type{flex:1;min-width:200px}.production-record>img{width:140px;height:100px;object-fit:contain;border-radius:8px;background:var(--surface)}.production-record h3{margin:10px 0 6px}.production-record>.row{width:100%}.center-pages{margin-top:20px}.source-advice{padding:14px 18px;margin:12px 0;border-left:3px solid var(--ink);background:var(--surface)}.source-advice p{margin:0 0 8px;font-size:13px;line-height:1.6}
.saved-style-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin-left:0}.preview-review{font-size:12px;line-height:1.6;padding:12px;border:1px solid var(--line);border-radius:8px}.project-quick-actions{margin-bottom:20px}
@media(max-width:850px){.account-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-movement{align-items:flex-start}.account-summary-grid>div{padding:16px}}
.option-disclosure{border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:0 18px}.option-disclosure>summary{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 24px 18px 0;cursor:pointer}.option-disclosure>summary>small{font-size:12px;font-weight:400;color:var(--muted);max-width:65%;text-align:right;line-height:1.5}.option-disclosure[open]>summary{border-bottom:1px solid var(--line);margin-bottom:16px}.option-disclosure>.group{border:0;padding-left:0;padding-right:0}
