/* Figma PUfOE5llIEo00je7fpyQEi: 101:250, 101:364, 101:534.
   Screen-only brand layer; document/PDF keeps its white paper. */
@font-face{font-family:Oswald;src:url("fonts/oswald-semibold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@media screen{
 :root,:root[data-theme-mode]{
  color-scheme:var(--k-color-scheme);background:var(--k-bg);color:var(--k-ink);
  --k-color-scheme:dark;--k-grid-line:rgb(161 161 170 / .065);
  --k-bg:#18181b;--k-surface:#27272a;--k-surface-2:#202023;--k-surface-3:#343438;
  --k-line:#3f3f46;--k-line-strong:#71717a;
  --k-ink:#fafafa;--k-ink-2:#c4c4cc;--k-ink-3:#a1a1aa;
  --k-primary:#f7a232;--k-primary-hover:#ffb753;--k-on-primary:#18181b;
  --k-accent:#f7a232;--k-on-accent:#18181b;--k-accent-soft:#392c1e;--k-accent-text:#ffb753;
  --k-selected:#f7a232;--k-on-selected:#18181b;--k-focus:#f7a232;--k-link:#ffb753;
  --k-success:#6dd4a4;--k-success-soft:#18372c;--k-warning:#f9d276;--k-warning-soft:#3e321b;
  --k-danger:#ff8391;--k-danger-soft:#431f29;--k-info:#93bfff;--k-info-soft:#1f3049;
  --k-overlay:rgb(0 0 0 / .7);--k-field-bg:#18181b;--k-field-line:#71717a;
  --k-font-sans:Manrope,Inter,"Segoe UI",sans-serif;--k-font-display:Oswald,"Arial Narrow",Manrope,sans-serif;
  --k-font-num:"JetBrains Mono",monospace;--k-num-features:"tnum";--k-fw-display:600;
  --k-r-xs:3px;--k-r-sm:4px;--k-r-md:6px;--k-r-lg:8px;--k-r-control:4px;
  --k-shadow-1:0 2px 6px rgb(0 0 0 / .12);--k-shadow-2:0 8px 28px rgb(0 0 0 / .2);--k-shadow-3:0 20px 60px rgb(0 0 0 / .45);
  --k-page-pattern:repeating-linear-gradient(0deg,var(--k-grid-line) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,var(--k-grid-line) 0 1px,transparent 1px 16px);
  --ui-ink:var(--k-ink);--ui-muted:var(--k-ink-3);--ui-bg:var(--k-bg);--ui-surface:var(--k-surface);--ui-paper:var(--k-surface);
  --ui-line:var(--k-line);--ui-accent:var(--k-primary);--ui-accent-soft:var(--k-accent-soft);--ui-radius:var(--k-r-md);--ui-shadow:var(--k-shadow-1);
  --mobile-ink:var(--k-ink);--mobile-surface:var(--k-bg);--mobile-border:var(--k-line);
 }
 /* Light brand palette: white cards over a cool architectural grid. */
 :root[data-theme-mode="light"]{
  --k-color-scheme:light;--k-grid-line:rgb(100 116 139 / .10);
  --k-bg:#f4f5f7;--k-surface:#ffffff;--k-surface-2:#f8f9fa;--k-surface-3:#edf0f3;
  --k-line:#d1d5db;--k-line-strong:#6b7280;
  --k-ink:#111827;--k-ink-2:#4b5563;--k-ink-3:#626b79;
  --k-primary:#f7a232;--k-primary-hover:#ed9622;--k-on-primary:#18181b;
  --k-accent:#f7a232;--k-on-accent:#18181b;--k-accent-soft:#fff0d9;--k-accent-text:#b45309;
  --k-selected:#f7a232;--k-on-selected:#18181b;--k-focus:#b45309;--k-link:#b45309;
  --k-success:#096b49;--k-success-soft:#e0f3e9;--k-warning:#805000;--k-warning-soft:#fff0d9;
  --k-danger:#b3263f;--k-danger-soft:#fce7ed;--k-info:#245c9e;--k-info-soft:#e5eefb;
  --k-overlay:rgb(24 28 41 / .35);--k-field-bg:#ffffff;--k-field-line:#6b7280;
  --k-shadow-1:0 2px 6px rgb(24 28 41 / .04);--k-shadow-2:0 8px 28px rgb(24 28 41 / .08);--k-shadow-3:0 20px 60px rgb(24 28 41 / .18);
 }
 html,body{background-color:var(--k-bg);color:var(--k-ink);font-family:var(--k-font-sans)}
 body{background-image:var(--k-page-pattern);background-position:0 0}
 button,input,select,textarea{border-radius:var(--k-r-control)}
 input,select,textarea{background:var(--k-field-bg);color:var(--k-ink);border-color:var(--k-field-line);accent-color:var(--k-primary)}
 input::placeholder,textarea::placeholder{color:var(--k-ink-3);opacity:1}
 input:focus,select:focus,textarea:focus{outline:2px solid var(--k-focus);outline-offset:2px;border-color:var(--k-focus)}
 button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--k-focus);outline-offset:3px}
 button{color:var(--k-ink);border-color:var(--k-line);background:var(--k-surface)}
 button:hover{background:var(--k-surface-3);border-color:var(--k-line-strong)}
 h1,h2,h3,h4,.k-h1,.k-h2,.k-h3,.objects-card__title{font-family:var(--k-font-display);font-weight:600;letter-spacing:.02em}
 h1,h2,.k-h1,.k-h2{text-transform:uppercase}
 .primary,button.primary,.k-btn--primary{background:var(--k-primary);border-color:var(--k-primary);color:var(--k-on-primary)}
 .primary:hover,button.primary:hover,.k-btn--primary:hover{background:var(--k-primary-hover);border-color:var(--k-primary-hover);color:var(--k-on-primary)}
 .panel,.config-sheet,.account-panel,.workflow-card,.room-wizard,.order-manager,.works-est-bar,.order-card,.order-start,.flow-step,.project-room-card,.room-measurements,.account-pricelists,.workonly{background:var(--k-surface);border-color:var(--k-line);border-radius:var(--k-r-lg);box-shadow:var(--k-shadow-1)}
 header,.k-header{background:var(--k-bg);color:var(--k-ink);border-color:var(--k-line)}
 body>header{border-bottom:3px solid var(--k-accent)}
 body>header .brand span{font-family:var(--k-font-display);font-size:23px}
 body>header .brand small{font-family:var(--k-font-sans)}
 header .k-header__nav{background:var(--k-surface);border:1px solid var(--k-line);border-radius:4px}
 .wizard-tabs,.mobile-stage-nav,.mobile-geometry-tabs,.account-nav{background:var(--k-bg);border:1px solid var(--k-line);border-radius:4px}
 .wizard-tabs button.active,.mobile-stage-nav button.active,.mobile-geometry-tabs button[aria-pressed=true],.account-nav button.active{background:var(--k-primary);color:var(--k-on-primary);box-shadow:none;border-radius:3px}
 .workonly span{color:var(--k-ink-2)}
 .account-badge,.step-number,.geometry-row,.geometry-totals strong,.room-summary,.quote,#mobileConfigNav{background:var(--k-surface-2);color:var(--k-ink-2);border-color:var(--k-line)}
 header .eyebrow,.eyebrow{color:var(--k-accent-text);font-family:var(--k-font-num);letter-spacing:.07em}
 header .k-header__brand svg{color:var(--k-primary)}
 .k-header__tab[aria-current=page],#mainNavigation button.active{background:var(--k-accent-soft);color:var(--k-accent-text)}
 #mainNavigation svg{display:block}
 #mainNavigation .k-header__tab{display:inline-flex;align-items:center;justify-content:center;gap:8px}
 .totalbox,.room-wizard-summary,.project-room-summary{background:var(--k-surface-2);color:var(--k-ink);border-color:var(--k-line)}
 .totalbox strong,.objects-card__sum,.k-metric__value,.works-est-total,.preview-app-total strong{font-family:var(--k-font-num);font-variant-numeric:tabular-nums}
 .totalbox strong,.objects-card__sum,.works-est-total{color:var(--k-accent-text)}
 .k-segment,.k-chip,.k-field__control{border-radius:var(--k-r-control)}
 .room-shape-preview,.rooms-shape-preview,.room-plan,.shape-preview,.room-editable-plan{background-color:var(--k-bg);color:var(--k-ink);border-color:var(--k-line);border-radius:4px}
 .shape-unit select{background:var(--k-bg);color:var(--k-ink);border-color:var(--k-line)}
 .visual-card,.variant-card,.addon-card,.room-chooser,.room-review>div,.category-card{background:var(--k-surface);color:var(--k-ink);border-color:var(--k-line);border-radius:var(--k-r-md)}
 .visual-card .card-body small,.variant-card small{color:var(--k-ink-3)}
 .manager-search{background:var(--k-surface);border-color:var(--k-line);border-radius:var(--k-r-md)}
 .flow-step>summary small,.step-count,.step-chevron,#wizardStatus{color:var(--k-ink-3)}
 .flow-step.current{border-color:var(--k-primary)}
 .flow-step.current .step-number{background:var(--k-primary);color:var(--k-on-primary)}
 .composition-hint{background:var(--k-warning-soft);color:var(--k-warning)}
 #downloadPdf{background:var(--k-primary);color:var(--k-on-primary);border-color:var(--k-primary)}
 #mobileSearchToggle,#mobileWorkStage{background:var(--k-surface);color:var(--k-ink)}
 .variant-card.chosen{background:var(--k-accent-soft);border-color:var(--k-primary)}
 html:not(.works-ds) .works-total,html:not(.works-ds) .works-est-actions .k-btn,html:not(.works-ds) .works-est-more>summary{background:var(--k-surface);color:var(--k-ink);border-color:var(--k-line)}
 html:not(.works-ds) .works-est-actions .k-btn--primary{background:var(--k-primary);color:var(--k-on-primary);border-color:var(--k-primary)}
 html:not(.works-ds) .works-total-row span{color:var(--k-ink-2)}
 .rooms-method .shape-outline{fill:rgb(247 162 50 / .035);stroke:var(--k-ink);stroke-width:1.7}
 .rooms-method .shape-dimension,.rooms-method .shape-dim-line{stroke:var(--k-ink-3)}
 .rooms-method .shape-inline-dimension{background:var(--k-bg);border-color:var(--k-line-strong);border-radius:4px;color:var(--k-accent-text)}
 .rooms-method .shape-inline-dimension input{color:var(--k-accent-text);font-family:var(--k-font-num);background:transparent}
 .rooms-method .shape-inline-dimension:focus-within{border-color:var(--k-primary);box-shadow:0 0 0 2px rgb(247 162 50 / .15)}
 .shape-choice[aria-pressed=true],.rooms-shape-choice[aria-pressed=true]{background:var(--k-accent-soft);border-color:var(--k-primary);color:var(--k-accent-text)}
 .k-table th,.works-est-table th{background:var(--k-surface-2);color:var(--k-ink-2)}
 .k-table td,.works-est-table td{border-color:var(--k-line)}
 .k-table tbody tr:hover,.works-est-table tbody tr:hover{background:var(--k-surface-2)}
 .config-header,.mobile-rooms-dialog{background:var(--k-surface);color:var(--k-ink);border-color:var(--k-line)}
 #mobileDock{background:var(--k-bg);color:var(--k-ink);border-color:var(--k-line)}
 .mobile-dock-info,.mobile-dock-info strong{color:var(--k-ink-2)}
 /* Client login/account surfaces share the public visual language. */
 .auth,.card,.stat{background:var(--k-surface);color:var(--k-ink);border-color:var(--k-line);border-radius:var(--k-r-lg)}
 .auth{border-top:3px solid var(--k-primary)}
 .auth a,.account-help summary{color:var(--k-link)}
 .account-grid input[readonly]{background:var(--k-bg);color:var(--k-ink-2)}
 a.button{background:var(--k-primary);color:var(--k-on-primary);border-color:var(--k-primary);border-radius:4px}
 .badge{background:var(--k-success-soft);color:var(--k-success)}.badge.expired{background:var(--k-warning-soft);color:var(--k-warning)}
 #notice,#message,#profileNotice,#passwordNotice{color:var(--k-danger)}
 :root{--line:var(--k-line);--muted:var(--k-ink-2);--accent:var(--k-primary)}
 dialog,.app-dialog,.share-estimate-dialog{background:var(--k-surface);color:var(--k-ink);border-color:var(--k-line-strong);border-radius:var(--k-r-lg)}
 dialog::backdrop{background:var(--k-overlay)}
 footer{color:var(--k-ink-3);border-color:var(--k-line)}
 @media(max-width:760px){
  header #mainNavigation{background:var(--k-bg);border-top:1px solid var(--k-line);box-shadow:0 -5px 20px rgb(0 0 0 / .25)}
  #mainNavigation .k-header__tab{display:flex;flex-direction:column;gap:3px}
  .objects-feed{grid-template-columns:minmax(0,1fr)}
 }
}

/* Theme audit: legacy controls and nested work/price surfaces share the tokens. */
@media screen{
 #calc #mobileRoom,#calc #mobileRooms,#calc #mobileWorkStage,#calc #mobileSearchToggle,#calc #stageRoom,#calc #editOrderCard{
  color-scheme:var(--k-color-scheme);background:var(--k-field-bg);color:var(--k-ink);border:1px solid var(--k-line-strong);border-radius:var(--k-r-control);box-shadow:none
 }
 #calc #editOrderCard{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--k-surface);border-color:var(--k-line)}
 #calc #editOrderCard::after{content:none}
 #calc #mobileRoom option,#calc #stageRoom option,#calc #mobileWorkStage option,#account select option{background:var(--k-surface);color:var(--k-ink)}
 #account .price-work-card,#account .priceRow{background:var(--k-surface-2);color:var(--k-ink);border-color:var(--k-line);box-shadow:none}
 #account .price-work-card>summary{color:var(--k-ink);padding:14px}
 #account .price-work-card small,#account .price-variant small,#account .priceRow small{color:var(--k-ink-3)}
 #account .price-work-card>summary strong,#account .price-variant>span{color:var(--k-ink-2)}
 #account .price-variant{border-color:var(--k-line);padding:12px 14px;background:transparent}
 #account .price-variant input{background:var(--k-field-bg);color:var(--k-ink);border-color:var(--k-field-line)}
 .config-sheet .kit-option,.config-sheet .kit-settings,.config-sheet .kit-footer,.config-sheet .variant-card,.config-sheet .addon-card{background:var(--k-surface);color:var(--k-ink);border-color:var(--k-line)}
 .config-sheet .kit-option.enabled,.config-sheet .variant-card.chosen{background:var(--k-accent-soft);border-color:var(--k-primary)}
 .config-sheet .kit-settings small,.config-sheet .kit-toggle small,#kitSummary small,.config-sheet .included-note{color:var(--k-ink-3)}
 .config-sheet .photo-parameters{background:var(--k-surface-2);color:var(--k-accent-text);border:1px solid var(--k-line)}
 .config-sheet .builder,.config-sheet .price-explanation{background:var(--k-surface);color:var(--k-ink-2)}
 .photo-parameters{background:var(--k-surface-2);color:var(--k-accent-text);border:1px solid var(--k-line);box-shadow:none}
 #calc .review-total{background:var(--k-accent-soft);color:var(--k-accent-text);border-color:var(--k-line)}
 #mobileConfigNav{background:var(--k-bg);border:1px solid var(--k-line);border-radius:9px}
 #mobileConfigNav button{color:var(--k-ink-2)}
 #mobileConfigNav button[aria-pressed=true]{background:var(--k-primary);color:var(--k-on-primary);box-shadow:none}
 #mobileConfigDock{background:var(--k-bg);color:var(--k-ink);border-color:var(--k-line)}
 #mobileDock #mobilePrimary,#mobileConfigDock .primary{background:var(--k-primary);border-color:var(--k-primary);color:var(--k-on-primary)}
 /* Work-sheet text has explicit roles; legacy olive labels must not leak in. */
 .config-sheet p,.config-sheet label,.config-sheet summary{color:var(--k-ink-2)}
 .config-sheet small,.config-sheet .variant-card p,.config-sheet .variant-choice-hint{color:var(--k-ink-3)}
 .config-sheet .kit-toggle strong,.config-sheet .variant-card strong{color:var(--k-ink)}
 .config-sheet .kit-toggle input,.config-sheet .service-composition input{accent-color:var(--k-primary)}
 .config-sheet .relation-hint,.config-sheet .relation-empty{color:var(--k-ink-2);background:var(--k-surface-2);border-color:var(--k-line)}
 .config-sheet .kit-footer>p{color:var(--k-ink-2)}
 .config-sheet .kit-footer>.composition-hint{color:var(--k-ink-2);background:var(--k-surface-2);border:1px solid var(--k-line);padding:12px;border-radius:8px}
 .config-sheet .service-composition{border-color:var(--k-line)}
 .config-sheet #kitSummary>div{border-color:var(--k-line)}
 .config-sheet #kitSummary .kit-total{color:var(--k-ink)}
 .config-sheet .kit-footer .return-to-step{background:var(--k-surface-2);color:var(--k-ink);border:1px solid var(--k-line-strong)}
 .config-sheet .kit-footer .return-to-step:hover{background:var(--k-surface-3);color:var(--k-ink)}
 .config-sheet [role=alert],.config-sheet #feedback{color:var(--k-danger)}
 .config-sheet #configFeedback{color:var(--k-success)}
 .config-sheet #mobileConfigTotal{color:var(--k-ink)}
 .config-sheet #mobileConfigCaption,.config-sheet legend{color:var(--k-ink-2)}
 .config-sheet .kit-variant-readonly{margin-bottom:10px;padding:8px 0;line-height:1.5}
 .config-sheet .kit-variant-readonly>span{display:block;color:var(--k-ink-3);font-size:12px;margin-bottom:4px}
 .config-sheet .kit-variant-readonly>strong{display:block;color:var(--k-ink);font-weight:600;font-size:14px}
 .config-sheet .kit-variant-readonly>small{margin-top:3px}
 #calc .flow-step{border-color:var(--k-line)}#calc .flow-step.current{border-color:var(--k-primary)}
 #calc .flow-step>.flow-body{padding:0 14px 14px}
 #calc .flow-step>.flow-body .visual-grid{margin:0;gap:10px}
 #calc .flow-step .visual-card{border-color:var(--k-line);background:var(--k-surface-2)}
 #calc .flow-step>summary{padding:14px}
 #calc .flow-step .flow-actions{border-color:var(--k-line);margin-top:12px}
 .rooms-card-body>.rooms-more{grid-column:1/-1;width:100%;min-width:0;border-top:1px solid var(--k-line);margin-top:0}
 .rooms-card-body>.rooms-more>.k-acc__head{padding:10px 0;min-height:44px}
 .rooms-card-body>.rooms-more>.k-acc__body{padding:14px;background:var(--k-bg);border:1px solid var(--k-line);border-radius:10px}
 .rooms-zones .rooms-hint,.rooms-cuts .rooms-hint{margin:0 0 12px;max-width:760px}
 .rooms-zones .rooms-subhead{margin-bottom:6px}
 .rooms-parts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:start}
 .rooms-parts-grid>.rooms-row{margin:0;background:var(--k-surface);border-color:var(--k-line)}
 .rooms-zones>.rooms-chips,.rooms-cuts>.rooms-chips{margin:12px 0 0}
 .rooms-cuts{border:0;border-top:1px solid var(--k-line);padding:0;margin:16px 0 0}
 .rooms-cuts>summary{min-height:44px;padding:12px 0;font-weight:600;color:var(--k-ink-2)}
 .rooms-legacy-note{margin:0 0 10px;font-size:12px;background:var(--k-info-soft);color:var(--k-info);border:0}
 @media(max-width:760px){
  #calc #mobileRoomBar{align-items:end;gap:8px}
  #calc #mobileRoomBar>label{min-width:0;margin:0}
  #calc #mobileRooms{flex:none;width:auto;min-height:44px;margin:0;padding:8px 10px;font-size:12px;white-space:nowrap}
  #calc #mobileRoom{min-height:44px;margin-top:6px}
  #calc #editOrderCard{width:44px;min-height:44px;padding:10px}#calc #editOrderCard>span{display:none}
  #calc #visualCatalog .flow-step>.flow-body{padding:0 10px 10px}
  #calc #visualCatalog .flow-step>summary{padding:12px 10px}
  #calc #visualCatalog .flow-step .visual-grid{gap:8px}
  .rooms-card-body>.rooms-more>.k-acc__body{padding:10px}
  .rooms-parts-grid{grid-template-columns:minmax(0,1fr)}
 }
}

/* Compact, calm workspace: reveal secondary controls when they are needed. */
@media screen{
 :root{--k-r-sm:8px;--k-r-md:10px;--k-r-lg:12px;--k-r-control:9px;--k-h-md:44px;--k-h-lg:48px;--k-pad-card:16px}
 h1,h2,h3,h4,.k-h1,.k-h2,.k-h3,.objects-card__title{font-family:var(--k-font-sans);letter-spacing:-.025em;text-transform:none;font-weight:700}
 main{max-width:1280px;padding:20px 24px 32px}
 .intro{margin-bottom:16px}.intro h1{font-size:28px;margin:0 0 4px}.intro p{margin:0}
 .order-strip{padding-bottom:12px;margin-bottom:14px}.order-strip small{font-size:11px}
 .wizard-tabs{margin-bottom:12px;padding:3px}.wizard-tabs button{min-height:40px;padding:8px}
 .room-wizard{background:transparent;box-shadow:none}
 .rooms-setup{margin:0 0 10px}.rooms-head{align-items:center;gap:4px 12px}.rooms-head h2{font-size:20px}.rooms-totals{font-size:12px}
 .rooms-add-panel{margin:8px 0 0;padding:0;border:0}
 .rooms-add-panel>summary{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--k-line);border-radius:9px;color:var(--k-accent-text);font-weight:650;list-style:none}
 .rooms-add-panel>summary::-webkit-details-marker{display:none}.rooms-add-panel[open]>summary{margin-bottom:4px}
 .rooms-add-panel .rooms-chips.is-compact{flex-wrap:wrap;overflow:visible}
 .rooms-sets>span{width:100%;font-size:12px}.rooms-sets .rooms-chip small{display:none}
 .rooms-card-shell{position:relative;min-width:0}.rooms-card-shell .rooms-card{margin:0}
 .rooms-card-shell>.rooms-card-delete{position:absolute;right:8px;top:8px;width:44px;height:44px;min-height:44px;padding:10px;margin:0;border:0;color:var(--k-ink-3);background:transparent;z-index:1}
 .rooms-card-delete:hover{color:var(--k-danger);background:var(--k-danger-soft)}
 .rooms-card-shell .rooms-card-head{padding:10px 64px 10px 14px;min-height:62px;gap:8px}
 .rooms-card-head::after{margin-right:0}.rooms-card-name{font-size:16px}.rooms-card-line{font-size:12px;line-height:1.4}
 .rooms-card-works{white-space:nowrap}.rooms-card-body{padding:0 14px 14px!important}
 .rooms-card-body>*+*,.rooms-main>*+*,.rooms-side>*+*{margin-top:10px}
 .rooms-seg{margin-top:0}.rooms-seg button{min-height:40px;padding:6px 8px;font-size:13px}
 .rooms-shape-menu{border:0;margin:8px 0;padding:0}
 .rooms-shape-menu>summary{min-height:36px;padding:7px 2px;font-size:13px;color:var(--k-ink-2)}
 .rooms-shape-menu>summary strong{color:var(--k-ink);font-weight:650}
 .rooms-method .room-shape-options{margin:8px 0;gap:6px}.rooms-method .room-shape-options button{min-height:64px}
 .rooms-method .room-shape-preview{width:100%;max-width:none;margin:8px 0 12px;padding:8px}
 .rooms-method .room-editable-plan{height:210px;aspect-ratio:auto;margin:0}
 .rooms-method .room-editable-plan>svg{width:100%;height:100%;max-height:none}
 .room-shape-preview>p,.rooms-method>.rooms-hint{display:none}
 .rooms-grid3 .k-field__label,.rooms-grid2 .k-field__label{font-size:12px}
 .rooms-method .shape-unit select{min-height:36px;height:36px;margin:0}
 .rooms-result{position:static;margin:10px 0 0;box-shadow:none;background:var(--k-bg);padding:8px;border:0;border-radius:9px;--k-fs-num:21px}
 .rooms-result .k-metric{padding:4px 6px;background:transparent}.rooms-result-more{font-size:11px;margin-top:5px}
 .rooms-card-actions{grid-column:1/-1;border:0;border-top:1px solid var(--k-line);margin:0;padding:0}
 .rooms-card-actions>summary{font-size:12px;color:var(--k-ink-3);padding:10px 0 0;min-height:36px}
 .rooms-card-tools{margin-top:8px}.rooms-card-tools .rooms-rename{flex-basis:180px}
 .rooms-card .rooms-more .k-acc__title{font-size:13px}.rooms-more{margin-top:8px}.rooms-more>.k-acc__head{min-height:40px}
 .rooms-subhead{font-size:14px}.rooms-chips{gap:6px;margin:8px 0}.rooms-chip{min-height:40px;padding:7px 10px;font-size:13px}
 .rooms-method .rooms-link{font-size:12px;min-height:36px;padding:6px 0}
 .manager-search{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;margin:12px 0;max-width:none}
 .manager-search>label:first-child{flex:1 1 240px;margin:0}.manager-search .favorite-only{margin:0;min-height:44px}
 #managerMatches{flex-basis:100%}#managerMatches:empty{display:none}
 .flow-step>summary{padding:14px;gap:10px}.flow-step>summary strong{font-size:16px}.flow-step>summary small{font-size:12px;margin-top:3px}
 .flow-step .card-image{height:120px}.flow-step .visual-grid{gap:12px}.flow-step .card-body{padding:12px}
 .flow-actions{gap:8px;padding-top:12px;margin-top:12px}.flow-actions button{min-height:44px}
 #wizardNextBar{margin:10px 0}#wizardNextBar button{min-height:44px;padding:10px 14px}
 @media(min-width:1100px){
  .rooms-card.is-open>.rooms-card-body{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:12px 24px}
  .rooms-method .rooms-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rooms-side{padding-top:4px}.rooms-method .room-editable-plan{height:220px}
 }
 @media(max-width:760px){
  :root{--mobile-nav-height:calc(56px + env(safe-area-inset-bottom));--k-gutter:12px}
  main,.mobile-order-active main{padding:10px 12px calc(var(--mobile-nav-height) + 72px)}
  .mobile-stage-nav{margin:6px 0 10px;padding:3px;border-radius:9px}.mobile-stage-nav button{min-height:38px;font-size:12px;padding:6px 2px}
  .mobile-dock-info{display:none!important}
  .order-strip{margin:0 0 8px;padding:0 0 8px;gap:6px}.order-strip>div{min-width:0;max-width:100%;overflow:hidden}.order-strip>div:first-child{flex:1 1 150px}.order-strip .eyebrow,.order-strip small,#compactOrderNumber{display:none}.order-strip strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.order-strip button{min-height:44px;font-size:12px;padding:10px}
  #editOrderCard>span{display:none}#editOrderCard .k-icon{display:block;width:20px;height:20px}
  header #mainNavigation{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom));border-radius:0}
  header #mainNavigation button{min-height:44px;padding:2px;font-size:10px;gap:2px!important}
  header #mainNavigation .k-icon{width:19px;height:19px}
  #mobileDock{bottom:var(--mobile-nav-height);padding:6px 12px;box-shadow:none;border-top:1px solid var(--k-line)}
  #mobileDock .mobile-dock-actions{grid-template-columns:70px minmax(0,1fr);gap:8px}
  #mobileDock button{min-height:44px;padding:8px;font-size:13px}
  .rooms-head{align-items:start}.rooms-head h2{font-size:18px}.rooms-totals{max-width:70%;text-align:right;font-size:11px}
  .rooms-list{gap:8px;margin:8px 0}.rooms-card-line{font-size:11px}.rooms-card-shell .rooms-card-head{padding-right:60px}
  .rooms-card-works{display:none}.rooms-method .rooms-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .rooms-method .rooms-grid3 .k-field__input{padding-inline:8px;font-size:16px}
  .rooms-method .rooms-grid3 .k-field__unit{font-size:11px;padding-right:6px}
  .rooms-method .rooms-grid3 .k-field__label{font-size:11px}
  .rooms-method .room-editable-plan{height:168px}.rooms-method .shape-preview-caption{font-size:10px}
  .rooms-result{--k-fs-num:clamp(16px,4.7vw,20px)}.rooms-result .k-metric__unit{font-size:11px}
  .rooms-card-body .rooms-result,.rooms-card-body .rooms-side{margin-top:10px}
  .rooms-card-tools .rooms-rename{flex-basis:100%}.rooms-card-tools button{flex:none}
  .flow-step>summary small{display:none}.step-number{width:28px;height:28px;font-size:12px}.flow-step>summary{padding:12px}
  .flow-step .card-image{height:96px}.flow-step .card-body{padding:10px}.flow-step .card-body>strong{font-size:13px}
  #toast{max-width:calc(100% - 24px);font-size:12px;bottom:calc(var(--mobile-nav-height) + 64px)}
  .account-layout,.account-layout>div{min-width:0}
  .account-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:4px;padding:4px;margin-bottom:12px;border-radius:9px;scrollbar-width:thin}
  .account-nav button{flex:none;width:auto;white-space:nowrap;min-height:40px;padding:8px 10px;font-size:12px}
  .account-heading h2{font-size:23px}.account-heading p{font-size:12px}.account-badge{font-size:11px}
  .account-layout .panel{padding:16px}.account-layout .panel h2{font-size:20px}.account-layout .panel>p{font-size:13px;line-height:1.5}
 }
}

@media screen{
 .appearance-setting{min-width:0;margin:0 0 20px;padding:0 0 20px;border:0;border-bottom:1px solid var(--k-line)}
 .appearance-setting legend{padding:0;font-size:16px;font-weight:700;color:var(--k-ink)}
 .appearance-setting>p{margin:4px 0 12px;font-size:12px;color:var(--k-ink-3)}
 .appearance-options{display:flex;gap:8px;max-width:400px}
 .appearance-options button{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px;border:1px solid var(--k-line-strong);border-radius:9px;background:var(--k-field-bg);color:var(--k-ink);font:600 14px var(--k-font-sans)}
 .appearance-options button[aria-pressed=true]{background:var(--k-accent-soft);border-color:var(--k-accent-text);color:var(--k-accent-text);box-shadow:inset 0 0 0 1px var(--k-accent-text)}
 .appearance-options svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
}

@media screen{
 .brand{color:var(--k-accent-text)}
 summary{color:var(--k-ink-2)}
 #priceCount,.flow-collapse-tools span{color:var(--k-ink-3)}
}