/* The planner is scoped so the existing account management screens keep their styling. */
.planner{--ink:#2d332d;--accent:#526149;--line:#e1e3dc;--muted:#71766c;background:#f5f5f0;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}.planner *{box-sizing:border-box}.planner [hidden]{display:none!important}.planner button,.planner input,.planner select{font:inherit}.planner button{cursor:pointer}.planner button:focus-visible,.planner summary:focus-visible,.planner a:focus-visible{outline:3px solid #869a69;outline-offset:3px}.planner .topbar{height:76px;padding:12px 28px;border-bottom:1px solid var(--line);background:#fff;gap:24px;max-width:none}.planner .brand img{width:76px;height:43px}.planner-title{border-left:1px solid var(--line);padding-left:24px}.planner-title>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.planner h1{font-family:inherit;font-size:18px;margin:4px 0 0;letter-spacing:-.4px;font-weight:500}.planner .topbar nav{margin-left:auto;gap:24px;font-size:12px}.planner main{max-width:none;padding:0;margin:0}.planner .product-toolbar{height:76px;display:flex;align-items:center;gap:14px;margin:0;padding:10px 28px;border:0;border-bottom:1px solid var(--line);background:#fff;border-radius:0}.planner .product-toolbar .field{margin:0;gap:3px;font-size:10px;color:var(--muted);min-width:155px}.planner .product-toolbar input,.planner .product-toolbar select{height:34px;padding:6px 9px;font-size:12px}.planner .product-toolbar .secondary{margin-left:auto;min-height:38px;padding:8px 13px}.planner .product-menu{position:relative;font-size:12px;min-width:122px}.planner .product-menu summary{list-style:none;cursor:pointer;padding:10px 0}.planner .product-menu summary span{margin-left:12px}.planner .product-menu>div{position:absolute;top:38px;right:0;z-index:20;width:222px;background:#fff;box-shadow:0 12px 35px #26321e24;border:1px solid var(--line);border-radius:10px;padding:10px}.planner .product-menu button,.planner .product-menu label{display:block;border:0;background:none;text-align:left;padding:12px;width:100%;color:var(--ink);border-radius:5px;cursor:pointer}.planner .product-menu button:hover,.planner .product-menu label:hover{background:#f1f2eb}.planner .product-menu small{display:block;color:var(--muted);padding:8px 12px;line-height:1.5}.planner .workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:0;min-height:420px;height:calc(100dvh - 249px);align-items:stretch}.planner .visual-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f0f1eb;overflow:hidden;position:relative}.planner .canvas-toolbar{border:0;display:flex;justify-content:space-between;padding:20px 26px 12px;gap:14px;background:transparent;z-index:2}.planner .scene-heading{display:flex;align-items:center;gap:8px;font-size:11px}.planner .scene-heading strong{font-weight:500}.planner .scene-mode{border:1px solid #ced3c7;border-radius:4px;font-size:9px;padding:2px 4px;color:var(--muted)}.planner .live-dot{height:6px;width:6px;border-radius:50%;background:#78935d}.planner .view-toggle{border:1px solid #dadfd2;background:#e9ece3;padding:3px;border-radius:7px;gap:2px;display:flex}.planner .view-toggle button{border:0;padding:7px 11px;font-size:11px;border-radius:4px;background:transparent;color:#626a5d}.planner .view-toggle button[aria-pressed=true]{background:#fff;color:#323c2b;box-shadow:0 1px 3px #2c3a2920}.planner .scene-wrap{position:relative;flex:1;min-height:240px}.planner .drawing{position:absolute;inset:0;padding:0;width:100%;min-height:0;border:0;background:transparent;display:block;aspect-ratio:auto;overflow:hidden}.planner .drawing canvas{display:block;width:100%;height:100%;touch-action:none}.planner .drawing svg{display:block;width:100%;height:100%;max-height:none}.planner .scene-instruction{position:absolute;top:4px;left:26px;right:26px;text-align:center;pointer-events:none;color:#888d81;font-size:10px;margin:0}.planner .scene-tools{display:flex;align-items:center;position:absolute;bottom:15px;left:50%;transform:translateX(-50%);padding:5px;background:#fffffff2;border:1px solid #dfe3d7;border-radius:9px;box-shadow:0 3px 12px #29331d0b;white-space:nowrap}.planner .scene-tools button{border:0;background:none;color:#59644e;min-width:34px;height:34px;padding:0 10px;font-size:11px;border-radius:5px}.planner .scene-tools button:nth-child(-n+3){font-size:18px;padding:0}.planner .scene-tools button[aria-pressed=true]{background:#e4eadd;color:#34432b}.planner .scene-tools>span{height:18px;width:1px;background:var(--line);margin:0 5px}.planner .scene-tools button:disabled{opacity:.35;cursor:default}.planner #dimension-overlay{position:absolute;inset:0;pointer-events:none}.planner .dimension-tag{position:absolute;background:#fffffff2;color:#4d5d40;border:1px solid #cbd5be;font-size:11px;border-radius:5px;padding:5px 7px;transform:translate(-50%,-50%);white-space:nowrap}.planner .module-selection{padding:14px 26px 16px;margin:0;border:0;border-top:1px solid #e0e4d8;background:#f8f9f4;position:relative;z-index:2}.planner .module-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.planner #active-module-label{margin:0;font-size:11px;font-weight:500}.planner #dimension-summary{font-size:10px;color:var(--muted)}.planner #module-picker{display:flex;flex-wrap:wrap;gap:6px;margin:0}.planner #module-picker button{min-width:43px;padding:6px 10px;background:#fff;border:1px solid #d8ddcf;border-radius:5px;color:#69715f;font-size:11px}.planner #module-picker button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.planner .material-summary{display:flex;gap:15px;padding:0;margin-top:11px;font-size:10px;color:#7f8575;border:0;background:none}.planner .material-summary span{padding:0;background:none}.planner .control-panel{border:0;border-left:1px solid var(--line);border-radius:0;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:0}.planner .tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 16px;flex-shrink:0;gap:0;background:#fff}.planner .tabs button{display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font-size:12px;height:60px;color:#85897e;padding:0 8px}.planner .tabs button span{border:0;background:none;color:inherit;font-size:9px;width:auto;height:auto;display:inline;padding:0;opacity:.7}.planner .tabs button[aria-selected=true]{color:#3b4c2e;border-bottom-color:#526149;background:none;font-weight:600}.planner #design-form{padding:22px 24px 30px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6dbce transparent;flex:1}.planner .step{padding:0}.planner h2{font-family:inherit;font-size:19px;font-weight:500;letter-spacing:-.4px;margin:0 0 7px}.planner h3{font-size:12px;font-weight:600;margin:20px 0 10px}.planner .hint{font-size:11px;color:#828878;line-height:1.6;margin:6px 0 17px}.planner .field{font-size:11px;font-weight:400;color:#555d4e;gap:7px;margin:17px 0}.planner input:not([type=checkbox]):not([type=radio]):not([type=file]),.planner select{border:1px solid #dce1d5;border-radius:6px;background:#fafbf8;min-width:0;height:42px;color:#353e2e;padding:10px 12px}.planner .input-unit{position:relative;display:flex}.planner .input-unit input{width:100%;padding-right:35px!important}.planner .input-unit>span{position:absolute;right:12px;top:14px;color:#929987;font-size:10px}.planner .measure-grid{gap:10px}.planner .measure-grid .field{margin:0}.planner .detail-note{background:#f2f5eb;border:0;border-radius:7px;color:#748163;padding:12px;font-size:11px;line-height:1.6;margin:18px 0}.planner .detail-note p{margin:0}.planner .next{width:100%;margin:22px 0 0;min-height:43px;display:flex;justify-content:space-between;align-items:center}.planner .primary{border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-size:12px;padding:12px 18px;box-shadow:none}.planner .primary:hover{background:#3e4d35}.planner .secondary{border:1px solid #d5dccb;background:#fff;border-radius:6px;font-size:11px;color:#526149;min-height:36px;padding:10px 12px}.planner .secondary:hover{background:#f2f5ee}.planner hr{border:0;border-top:1px solid #edf0e8;margin:20px 0}.planner .fixed-spec{font-size:10px;line-height:1.6;color:#858d7a;margin:15px 0}.planner .selection-scope{font-size:10px;padding:9px 11px;background:#f1f5e9;color:#6e8058;border:0;border-radius:5px;margin:15px 0}.planner .colors{border:0;margin:18px 0 0;padding:0;gap:14px}.planner .colors legend{font-size:11px;color:#555d4e;margin-bottom:12px}.planner .colors label{font-size:10px;gap:7px}.planner .swatch{width:32px;height:32px;border-radius:50%}.planner .colors input:checked+.swatch{outline:2px solid #71875a;outline-offset:3px}.planner .models-near-drawing{margin:18px 0;padding:0;border:0;background:none}.planner .model-gallery{grid-template-columns:repeat(3,1fr);gap:7px}.planner .model-gallery button{background:#fafbf7;border:1px solid #e0e5d7;border-radius:6px;padding:10px 5px;min-width:0}.planner .model-gallery button[aria-pressed=true],.planner .glass-gallery button[aria-pressed=true]{border-color:#6b8057;background:#eef3e5;box-shadow:0 0 0 1px #6b8057}.planner .model-gallery svg{width:38px;height:62px}.planner .model-gallery span{font-size:10px}.planner .model-gallery small{font-size:8px;margin-top:4px}.planner .glass-gallery{gap:7px}.planner .glass-gallery button{font-size:10px;padding:9px;border-radius:5px;min-width:0}.planner .glass-sample{height:80px}.planner .apply-all-row{display:block;margin:16px 0;padding:0}.planner .apply-all-row button{width:100%;font-size:10px}.planner .apply-all-row small{display:block;font-size:9px;text-align:center;color:#8b927f;margin-top:7px}.planner .two-col{gap:12px}.planner .two-col .field{margin:8px 0}.planner .check{font-size:11px;margin:17px 0;align-items:center;line-height:1.5}.planner input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.planner #apply-all-led{font-size:10px;width:100%}.planner .price-dock{display:flex;align-items:center;gap:14px;height:97px;background:#fff;border-top:1px solid var(--line);padding:15px 28px;position:relative;z-index:3}.planner .dock-price{min-width:245px;display:flex;flex-direction:column;gap:3px;margin-right:auto}.planner .dock-price>span{font-size:8px;letter-spacing:1.25px;color:#7f8774}.planner .dock-price>strong{font-size:25px;letter-spacing:-1px;font-weight:500;line-height:1.2}.planner .dock-price>small{font-size:9px;color:#8a7965}.planner .price-dock .primary,.planner .price-dock .secondary{height:43px;white-space:nowrap;min-width:145px;display:flex;justify-content:center;align-items:center;gap:25px}.planner .dock-disclaimer{font-size:9px;color:#9ca290;line-height:1.7;max-width:210px;margin-left:20px}.planner dialog{border:1px solid #dce2d3;border-radius:12px;box-shadow:0 25px 90px #26331d35;padding:0;max-height:90dvh;color:var(--ink);background:#fff}.planner dialog::backdrop{background:#26321d55;backdrop-filter:blur(3px)}.planner #quote-dialog{width:min(760px,94vw);max-width:760px}.planner .dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line)}.planner .dialog-heading .eyebrow{font-size:9px;color:#8b947d;letter-spacing:1.5px;margin:0 0 6px}.planner .dialog-heading h2{margin:0}.planner .close-quote{font-size:28px;background:none;border:0;padding:2px 8px;color:#748367}.planner .quote-dialog-content{padding:0 28px 20px}.planner .quote-card{box-shadow:none;border:0;padding:24px 0;background:#fff;margin:0}.planner .quote-card .eyebrow{font-size:10px}.planner .quote-card h2{font-size:28px}.planner #price-detail{font-size:11px;color:#808775}.planner #quote-dialog .collection-summary{margin:25px 0 0;padding:20px 0;border-radius:0;border:0;border-top:1px solid var(--line)}.planner #account-dialog .dialog-content{padding:35px}.planner #account-dialog .close-dialog{top:7px;right:10px}.planner #error{font-size:12px}.planner .layout-notice{font-size:10px;padding:8px;margin-top:10px}.planner .bottom-note{font-size:10px}.planner .quote-breakdown{font-size:12px}.planner .quote-breakdown small{font-size:10px}.planner .scene-fallback{position:absolute;top:28px;left:20px;right:20px;z-index:2;color:#63724f;font-size:11px;text-align:center}
@media(min-width:1100px){.planner .workspace{grid-template-columns:minmax(0,1fr) 390px}}@media(min-width:1500px){.planner .workspace{grid-template-columns:minmax(0,1fr) 420px}.planner #design-form{padding:28px 34px}.planner .topbar,.planner .product-toolbar,.planner .price-dock{padding-left:40px;padding-right:40px}}
@media(max-width:800px){.planner .topbar{height:67px;padding:10px 16px;gap:13px}.planner .brand img{width:57px;height:36px}.planner-title{padding-left:13px}.planner-title>span{font-size:8px}.planner h1{font-size:14px}.planner .topbar nav{gap:0}.planner .topbar nav button{font-size:10px;padding:6px 0}.planner .home-link{display:none}.planner .product-toolbar{height:66px;padding:8px 16px;gap:9px}.planner .product-toolbar .field{min-width:0;width:118px;flex-shrink:0;font-size:9px}.planner .product-name-field{display:none!important}.planner .product-toolbar .secondary{min-height:34px;padding:6px 8px;font-size:10px;margin-left:auto;white-space:nowrap}.planner .product-menu{min-width:0;font-size:10px}.planner .product-menu summary{font-size:0;min-width:32px;height:34px;text-align:right}.planner .product-menu summary:before{content:'•••';font-size:15px;letter-spacing:2px}.planner .product-menu summary span{display:none}.planner .workspace{display:flex;flex-direction:column;height:auto;min-height:0;padding-bottom:90px}.planner .visual-panel{height:430px;flex:none;overflow:hidden}.planner .canvas-toolbar{padding:12px 16px 6px;gap:4px}.planner .scene-heading{font-size:10px;gap:5px}.planner .view-toggle button{font-size:10px;padding:7px 9px}.planner .scene-wrap{min-height:0}.planner .scene-instruction{font-size:8px;top:4px;left:10px;right:10px}.planner .scene-tools{bottom:10px;padding:3px}.planner .scene-tools button{height:32px;font-size:10px;padding:0 8px;min-width:31px}.planner .module-selection{padding:11px 16px}.planner .module-heading{margin-bottom:8px;gap:8px}.planner #active-module-label{font-size:10px}.planner #dimension-summary{font-size:9px}.planner #module-picker button{min-width:38px;padding:6px 8px;font-size:10px}.planner .material-summary{font-size:9px;margin-top:8px;gap:12px}.planner .control-panel{border-left:0;border-top:1px solid #dfe5d4;overflow:visible}.planner .tabs{position:sticky;top:0;z-index:5;padding:0 16px}.planner .tabs button{height:53px}.planner #design-form{padding:22px 23px 40px;overflow:visible}.planner .price-dock{position:fixed;bottom:0;left:0;right:0;height:auto;min-height:84px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -4px 16px #34482407}.planner .dock-price{min-width:0;flex:1;gap:4px}.planner .dock-price>span{font-size:7px;letter-spacing:.6px}.planner .dock-price>strong{font-size:22px;white-space:nowrap}.planner .dock-price>small{font-size:8px;max-width:190px;line-height:1.3}.planner .price-dock .secondary{min-width:0;font-size:10px;height:38px;padding:9px}.planner .price-dock .secondary span{display:none}.planner .price-dock .primary{min-width:0;font-size:10px;height:38px;padding:9px}.planner .dock-disclaimer{display:none}.planner .model-gallery{grid-template-columns:repeat(5,1fr)}.planner .model-gallery span{font-size:9px}.planner .model-gallery small{font-size:7px}.planner .quote-dialog-content{padding:0 18px 16px}.planner .dialog-heading{padding:20px 18px}.planner .dialog-heading h2{font-size:17px}.planner .collection-summary article{grid-template-columns:1fr 1fr}.planner .collection-summary article button{grid-column:1/-1}.planner .quote-actions{flex-wrap:wrap}.planner .dimension-tag{font-size:9px;padding:4px}.planner .scene-fallback{font-size:9px}}
@media(prefers-reduced-motion:reduce){.planner *{scroll-behavior:auto;transition:none!important}}

.planner .product-toolbar{flex-wrap:nowrap}.planner .product-toolbar .field{flex:0 1 220px}.planner .material-summary span{border:0;color:inherit;font-size:inherit;border-radius:0}.planner #module-picker button{min-height:31px}.planner .module-selection{border-radius:0}.planner .canvas-toolbar strong{font-size:11px;color:#536249}.planner .quote-actions .primary{color:white}.planner .measure-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.planner .measure-grid>.field:first-child{grid-column:auto}.planner .scene-heading strong{font-weight:500}.planner .scene-wrap{isolation:isolate}@media(max-width:800px){.planner .topbar{flex-wrap:nowrap}.planner .topbar nav{width:auto;margin-left:auto}.planner .product-toolbar .field{flex:0 0 118px}.planner .product-toolbar button{flex:none}.planner .measure-grid>.field{margin-bottom:0}.planner .dock-price>strong{font-size:20px}}

.planner .advanced-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0}.planner .advanced-options summary{font-size:11px;color:#5a694d}.planner .product-menu .product-name-field{display:flex!important;min-width:0;width:100%;padding:10px;margin:0;font-size:11px}.planner .product-menu .product-name-field input{width:100%}.planner .product-menu .product-name-field:hover{background:transparent}.planner #cnc-options .hint{font-size:10px}.planner #wood-models h3,.planner #glass-models h3{margin-top:15px}@media(max-width:800px){.planner .product-menu .product-name-field{width:100%;flex:auto}}

.planner .veneer-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.planner .veneer-gallery button{background:#fafbf7;border:1px solid #dce3d3;border-radius:6px;padding:7px;display:flex;flex-direction:column;gap:7px;align-items:center;font-size:10px;color:#59684b}.planner .veneer-gallery button[aria-pressed=true]{border:2px solid #71834e;padding:6px;background:#eef3e5}.planner .veneer-gallery img{width:100%;height:90px;object-fit:cover;border-radius:3px}.planner .interior-purpose{display:block;margin:18px 0 5px;font-size:11px;color:#62764b}.planner #total-rails{grid-column:1/-1;margin:0}.planner #interior-message{line-height:1.7}.planner #auto-interior{width:100%}

.planner .module-width-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:12px;align-items:end;margin-bottom:12px}.planner .module-width-row .field{margin:0}.planner .module-width-row button{min-height:44px}.planner .module-widths{margin:18px 0}.planner .module-widths h3{font-size:15px}
.planner .colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.planner .colors legend{grid-column:1/-1}.planner .colors label{min-width:0;display:flex;align-items:center;flex-direction:column;text-align:center}.planner .colors .swatch{width:52px;height:52px;border-radius:8px;box-shadow:inset 0 0 0 1px #0001}
.planner .count-control{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:stretch;gap:5px;width:100%;min-width:0}.planner .count-control button{height:44px;min-width:42px;border:1px solid #ccd4c2;border-radius:6px;background:#f1f5eb;color:#435638;font-size:23px;line-height:1;cursor:pointer}.planner .count-control button:hover:not(:disabled){background:#e3ebd8}.planner .count-control button:disabled{opacity:.35;cursor:default}.planner .count-control input,.planner .count-control select{width:100%;text-align:center;padding-left:4px!important;padding-right:4px!important;height:44px!important}.planner .count-control input{-moz-appearance:textfield}.planner .count-control input::-webkit-inner-spin-button,.planner .count-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.planner .count-control button:focus-visible{outline:2px solid #526149;outline-offset:2px}

.glass-sample.bronze-glass{background:linear-gradient(125deg,#80604499,#d7b48c66 45%,#98734a88 52%,#6f503b99);}

.vat-totals{margin-top:20px;border-top:2px solid #536047;padding-top:10px}.vat-totals>div:last-child{font-size:18px;font-weight:700;background:#f1f4eb;padding:14px 10px;}
