/* Shared customer quote interface. Calculation code is independent of this layout. */
:root{--yellow:#fee500;--ink:#20211c;--paper:#f7f7f4;--line:#e8e8e1}
body{background:var(--paper)}.topbar{height:70px;border-bottom:1px solid #e6e6df;padding-inline:max(22px,calc((100vw - 1340px)/2));background:#fff}.brand{font-size:19px}.brand-icon{border-radius:10px}.brand-sub{font-size:10px;letter-spacing:2px;color:#898b83}.container{max-width:1384px;padding:26px 24px 48px;margin:auto}.intro{position:relative;margin-bottom:18px;padding:0}.intro>.eyebrow{font-size:9px;letter-spacing:2px;color:#92948a}.intro h1{font-size:27px;line-height:1.4;letter-spacing:-1px;margin:5px 0}.intro p{position:static;font-size:12px;line-height:1.6;color:#7d8075;margin:0}.live-badge{top:15px;right:0;font-size:10px}.category-nav{display:flex;gap:6px;background:#fff;border:1px solid #e7e7df;padding:5px;border-radius:12px;margin-bottom:22px;width:max-content;min-width:285px}.category-nav a{flex:1;min-width:140px;text-align:center;padding:10px 16px;border:0;border-radius:8px;background:transparent;font-size:13px;font-weight:750;color:#7b7d72}.category-nav a[aria-current]{background:#fee500;box-shadow:0 2px 4px #a6960010;color:#252617}.workspace,.sheet-layout{gap:22px}.options{background:white;border:1px solid var(--line);box-shadow:none;border-radius:14px;padding:0 20px;overflow:visible}.step{padding:20px 0}.section-heading{margin-bottom:14px;gap:8px}.step-number{font-size:10px;border-radius:4px;padding:2px 4px;background:#f4f4eb;color:#929275}.section-heading h2{font-size:14px;letter-spacing:-.4px}.preview-card,.sheet-preview{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 25px #25251a04}.preview-head{font-size:10px;padding:0 0 12px;border-bottom:1px solid #eeeee5;margin-bottom:12px;min-height:30px}.preview-head .eyebrow{font-size:10px;letter-spacing:1px;color:#565d4c}.preview-head>span:last-child{font-size:10px;color:#929888}.preview-stage,.sheet-preview-stage{background-color:#f6f6f0;border-radius:10px;background-image:radial-gradient(#d9dccf 0.65px,transparent 0.65px);background-size:12px 12px}.preview-stage{height:440px;padding:45px 44px 35px}.sheet-preview-stage{padding:30px 38px 10px 8px;margin:0 0 12px}.sheet-canvas svg{box-shadow:none}.preview-caption{padding-top:10px}.sheet-info,.help{line-height:1.6}.sheet-layout-details summary{padding:9px 0;color:#757c68;font-size:11px}.price-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:none}.price-heading{margin-top:0}.price-heading h2{font-size:14px}.price-card .total strong,.sheet-layout .price-card .total strong{font-size:38px;letter-spacing:-1.7px}.primary-button{border-radius:9px;min-height:45px;background:#fee500}.product-card{padding:13px 5px;border-radius:9px}.product-card strong{font-size:12px}.product-card small{font-size:9px}.product-icon{font-size:24px;margin-bottom:6px}.sheet-field select{border-radius:8px;min-height:42px}.sheet-notice{background:#fffbe7;color:#7b7041}.dimension-x,.dimension-y,.sheet-dimension-top,.sheet-dimension-right{color:#191c16!important;font-weight:750;font-size:13px}.sheet-preview-quantity{font-size:16px;margin:8px 0;min-height:22px}.sheet-scroll-hint{font-size:10px}.admin-categories{display:flex;background:#fff;border:1px solid #e5e4d9;border-radius:11px;padding:5px;gap:5px;margin:20px 0}.admin-categories button{flex:1;background:none;border:0;border-radius:7px;padding:11px;font-weight:700}.admin-categories button[aria-pressed=true]{background:#fee500}.admin-container{max-width:900px}.admin-container h1{font-size:27px}.admin-panel{padding:22px;border-radius:12px}.admin-panel h2{font-size:16px}.admin-panel h2 small{font-size:11px;color:#999}.admin-fields input{font-size:16px}.admin-container .admin-actions{position:sticky;bottom:10px;background:#fff;padding:10px;border:1px solid #e8e8df;border-radius:10px;z-index:10}.admin-message{background:#fffbe6;border-radius:8px;padding:10px}.admin-message:empty{display:none}
@media(min-width:681px){
 .workspace,.sheet-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr);align-items:start}
 .preview-column,.sheet-aside{display:contents!important}
 .workspace>.options,.sheet-layout>.options{grid-column:2;grid-row:1;min-width:0}
 .preview-card,.sheet-preview{grid-column:1;grid-row:1 / span 2;position:sticky;top:18px;min-width:0;margin:0;align-self:start}
 .price-card{grid-column:2;grid-row:2;min-width:0}
 .sheet-preview .sheet-canvas{height:420px}.sheet-preview .sheet-info{min-height:0}
 .preview-help{margin:12px 0 0}.sheet-dims input{font-size:18px}.sheet-size-head{margin-bottom:5px}.sheet-field{margin-bottom:11px}
}
@media(min-width:681px) and (max-width:1050px){.workspace,.sheet-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:14px}.container{padding-inline:18px}.options{padding-inline:14px}.preview-card,.sheet-preview{padding:13px}.preview-stage{height:360px}.product-card strong{font-size:10px}.product-card small{font-size:8px}.product-icon{font-size:22px}.category-nav{margin-bottom:16px}}
@media(max-width:680px){
 .topbar{height:54px;padding:0 14px}.brand{font-size:16px;gap:8px}.brand-icon{width:28px;height:28px;border-radius:8px}.brand-sub{display:none}.topbar>.draft-tag{font-size:9px}
 .container{padding:14px 10px 24px}.intro{margin-bottom:10px}.intro>.eyebrow{font-size:8px;letter-spacing:1px}.intro h1{font-size:21px;margin:2px 0}.intro p{display:none}.category-nav{display:flex;width:100%;min-width:0;padding:4px;margin-bottom:12px;gap:4px;border-radius:10px}.category-nav a{padding:9px 8px;min-width:0;font-size:13px;border-radius:7px}
 .workspace,.sheet-layout{display:flex;flex-direction:column;gap:10px;align-items:stretch}.preview-column,.sheet-aside{display:contents!important}
 .preview-card,.sheet-preview{order:0;position:sticky;top:0;z-index:20;width:100%;margin:0;padding:8px 11px;background:#fff;border-radius:12px;box-shadow:0 4px 14px #25251a12}
 .preview-head{min-height:20px;padding-bottom:4px;margin-bottom:4px;line-height:1.3;gap:5px}.preview-head .eyebrow{font-size:9px}.preview-head>span:last-child{font-size:9px}.preview-stage{height:100px;padding:24px 28px 13px}.sheet-preview-stage{padding:22px 30px 3px 0;margin:0 0 2px}.sheet-preview .sheet-canvas{height:90px}
 .preview-caption{padding-top:4px;font-size:10px}.preview-caption>span{padding:1px 5px}.preview-caption button{font-size:10px}.preview-help,.sheet-scroll-hint,.sheet-preview .sheet-zoom{display:none}.sheet-preview-quantity{font-size:12px;min-height:16px;margin:1px 0}.sheet-layout-details summary{font-size:10px;padding:2px 0}.sheet-dimension-top,.sheet-dimension-right,.dimension-x,.dimension-y{font-size:12px}
 .workspace>.options,.sheet-layout>.options{order:1;width:100%;padding:0 13px;border-radius:12px}.price-card,.sheet-aside>.price-card{order:2;width:100%;padding:12px 13px;border-radius:12px}.step,.sheet-layout .step{padding:12px 0}.section-heading,.sheet-layout .section-heading{margin-bottom:9px}.section-heading h2{font-size:13px}.step-number{padding:0 3px;font-size:9px}.sheet-field{margin-bottom:8px;gap:4px}.sheet-field select{min-height:40px;padding:7px 9px;font-size:16px}.sheet-pair{gap:7px}.product-card{padding:9px 4px}.product-card strong{font-size:11px}.product-icon{font-size:22px;margin-bottom:3px}.product-card small{display:none}.sheet-dims{gap:7px}.sheet-dims input{font-size:16px;min-height:40px;padding:9px 7px}.sheet-size{padding-bottom:8px;margin-bottom:8px}.sheet-size-head{margin-bottom:4px}.sheet-cuts span{padding:9px 4px}.help{font-size:10px;margin-top:6px}.sheet-notice{font-size:10px;padding:6px 8px}.sheet-split-controls>div{margin:5px 0}.sheet-split-controls button{min-height:36px;padding:7px 4px}
 .price-card .total strong,.sheet-layout .price-card .total strong{font-size:31px}.price-card .total{min-height:40px}.sheet-layout .quote-totals,.quote-totals{min-height:40px}.sheet-row-total{min-height:26px;padding:4px 0}.mobile-total{z-index:30;min-height:54px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#fffbe0}.mobile-total strong{font-size:20px}.mobile-total>span{font-size:10px}
 .price-card,.step,.size-row,.sheet-size,input,select{scroll-margin-top:215px;scroll-margin-bottom:80px}.admin-container{padding:0 12px;margin-top:20px}.admin-panel{padding:16px}.admin-fields{gap:12px}.admin-categories{margin:14px 0}.admin-actions{gap:7px}.admin-container h1{font-size:23px}
}

#add-sheet{margin-top:16px;width:auto;min-width:170px;justify-content:center}#new-sheet-backs{display:block;width:100%;margin-top:5px;border:1px solid #deddd4;border-radius:7px;padding:10px;font-size:16px;background:white}.admin-fields input[type=text]{font-size:16px}
