.order-hero{min-height:45vh}@media (max-width:768px){.order-hero{min-height:50vh}}.order-main{padding-bottom:2rem}.pdf-dropzone{border-style:dashed;min-height:200px}.pdf-dropzone .dropzone-icon svg{width:56px;height:56px}.file-info{background:var(--bg-secondary);border:1px solid var(--success);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.file-info-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--success);background:#22c55e1a;justify-content:center;align-items:center;display:flex}.file-info-icon svg{width:24px;height:24px}.file-info-details{flex-direction:column;flex:1;gap:.25rem;display:flex}.file-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.file-size{color:var(--text-muted);font-size:.8rem}.remove-file-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.remove-file-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.remove-file-btn svg{width:16px;height:16px}.orders-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:200px;margin-top:2rem;padding:1.5rem}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-header h2{font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display", serif);color:var(--text-primary);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;display:flex}.section-header svg{width:24px;height:24px;color:var(--accent)}.order-count{color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.85rem}.orders-loading{text-align:center;padding:3rem}.orders-loading p{color:var(--text-muted);margin-top:1rem}.orders-empty{text-align:center;padding:3rem 2rem}.orders-empty .empty-icon{width:64px;height:64px;color:var(--text-muted);opacity:.5;margin:0 auto 1rem}.orders-empty .empty-icon svg{width:100%;height:100%}.orders-empty h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.orders-empty p{color:var(--text-muted);margin-bottom:1.5rem}.orders-list{flex-direction:column;gap:.75rem;display:flex}.order-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.order-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.order-info{flex-direction:column;gap:.35rem;display:flex}.order-header-row{align-items:center;gap:1rem;display:flex}.order-id{color:var(--text-primary);font-size:.95rem;font-weight:600}.order-date{color:var(--text-muted);font-size:.85rem}.order-details{align-items:center;gap:1rem;display:flex}.order-items{color:var(--text-secondary);font-size:.85rem}.order-total{color:var(--accent);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.95rem;font-weight:600}.view-pdf-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.view-pdf-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.view-pdf-btn svg{width:18px;height:18px}.order-actions{flex-shrink:0;gap:.5rem;display:flex}.ikea-pdf-btn{color:var(--text-muted)}.ikea-pdf-btn:hover{color:#0058a3;background:#0058a314;border-color:#0058a3}.processing-state{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:1.5rem;padding:3rem 2rem}.processing-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.processing-state p{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:500}.processing-sub{color:var(--text-muted);font-size:.85rem}.results-panel{margin-top:2rem}.results-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.results-summary h2{font-family:var(--font-display,"Playfair Display", serif);margin-bottom:1rem;font-size:1.75rem}.summary-stats{gap:1.5rem;display:flex}.stat-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:80px;padding:.75rem 1.25rem;display:flex}.stat-value{color:var(--accent);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-item-total{border-color:var(--accent)}.results-actions{gap:.75rem;display:flex}.action-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;display:inline-flex}.action-btn svg{width:18px;height:18px}.export-pdf-btn{color:#fff;box-shadow:var(--shadow-sm);background:#374ca0;border:none}.export-pdf-btn:hover{background:#2a3a7a;transform:translateY(-1px)}.submit-order-btn{color:#fff;box-shadow:var(--shadow-sm), 0 0 0 0 #22c55e66;transition:all var(--transition-base), box-shadow .3s ease;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none}.submit-order-btn:hover{box-shadow:var(--shadow-md), 0 0 20px #22c55e4d;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);transform:translateY(-1px)}.items-grid{flex-direction:column;gap:2rem;margin-bottom:2rem;display:flex}.section-group{flex-direction:column;gap:1rem;display:flex}.section-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);margin:0;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.items-table{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.items-header{background:var(--bg-primary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);grid-template-columns:60px 1fr 1fr 1fr 1fr 100px;gap:1rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:grid}.item-row{border-bottom:1px solid var(--border);transition:background var(--transition-base);grid-template-columns:60px 1fr 1fr 1fr 1fr 100px;align-items:center;gap:1rem;padding:.875rem 1rem;font-size:.9rem;display:grid}.item-row:last-child{border-bottom:none}.item-row:hover{background:#00000005}.item-row .col-qty{color:var(--accent);font-weight:700}.item-row .col-item{color:var(--text-primary);font-weight:600}.item-row .col-door{color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.item-row .col-door .door-na{color:var(--text-muted)}.item-row .col-finish{color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.door-chip{object-fit:cover;border:1px solid var(--border);background:#f5f5f5;border-radius:3px;flex-shrink:0;width:20px;height:20px}.door-editable{cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);align-items:center;gap:.5rem;margin:-.35rem -.5rem;padding:.35rem .5rem;display:flex}.door-editable:hover{background:var(--accent-dim)}.door-edit-icon{width:14px;height:14px;color:var(--text-muted);opacity:.5;transition:opacity var(--transition-base);flex-shrink:0}.door-editable:hover .door-edit-icon{opacity:1}.door-name,.finish-name{color:var(--text-secondary);font-size:.9rem;font-weight:500}.door-placeholder,.finish-placeholder{color:var(--text-muted);font-size:.85em;font-weight:400}.color-chip{object-fit:cover;border:1px solid var(--border);border-radius:3px;flex-shrink:0;width:20px;height:20px}.finish-editable{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);align-items:center;gap:.5rem;margin:-.25rem -.5rem;padding:.25rem .5rem;display:flex}.finish-editable:hover{background:var(--accent-dim)}.finish-edit-icon{opacity:.4;width:14px;height:14px;transition:opacity var(--transition-fast);flex-shrink:0;margin-left:.25rem}.finish-editable:hover .finish-edit-icon{opacity:.8}.item-row .col-size{color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem}.item-row .col-price{color:var(--text-primary);text-align:right;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem;font-weight:600}.items-header .col-price{text-align:right}.color-picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-base);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.color-picker-overlay.active{opacity:1;visibility:visible}.color-picker-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:85vh;transition:transform var(--transition-base);flex-direction:column;display:flex;overflow:hidden;transform:scale(.95)translateY(10px);box-shadow:0 25px 50px -12px #0006}.color-picker-overlay.active .color-picker-modal{transform:scale(1)translateY(0)}.color-picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.color-picker-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.color-picker-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.color-picker-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.color-picker-close svg{width:18px;height:18px}.color-picker-current{background:var(--bg-secondary);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;display:flex}.current-label{color:var(--text-muted)}.current-finish{color:var(--text-primary);font-weight:500}.apply-all-section{border-bottom:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#d4952d14 0%,#d4952d26 100%);padding:1rem 1.5rem}.apply-all-toggle-large{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-primary);border-radius:var(--radius-md);border:2px solid var(--border);transition:all var(--transition-base);align-items:center;gap:1rem;padding:.75rem 1.25rem;display:inline-flex}.apply-all-toggle-large:hover{border-color:var(--accent);box-shadow:0 2px 8px #d4952d26}.apply-all-toggle-large:has(input:checked){border-color:var(--accent);background:var(--accent-dim)}.toggle-switch-large{flex-shrink:0;width:56px;height:30px;position:relative}.toggle-switch-large input{opacity:0;width:0;height:0}.toggle-slider-large{cursor:pointer;background-color:#ccc;border-radius:30px;transition:all .3s;position:absolute;inset:0}.toggle-slider-large:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0003}.toggle-switch-large input:checked+.toggle-slider-large{background-color:var(--accent)}.toggle-switch-large input:checked+.toggle-slider-large:before{transform:translate(26px)}.toggle-label-text{color:var(--text-primary);font-size:1rem;font-weight:600}.toggle-hint{color:var(--text-muted);margin:.75rem 0 0;font-size:.8rem;font-style:italic}.color-picker-grid{flex-direction:column;gap:0;max-height:60vh;padding:0;display:flex;overflow-y:auto}.color-clear-row{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.75rem 1rem;display:grid}.color-accordion{border-bottom:1px solid var(--border)}.color-accordion:last-child{border-bottom:none}.color-accordion-toggle{background:var(--bg-secondary);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);border:none;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.color-accordion-toggle:hover{background:var(--bg-primary)}.color-accordion-toggle .accordion-icon{width:20px;height:20px;transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.color-accordion-toggle .accordion-icon svg{width:16px;height:16px;color:var(--text-muted)}.color-accordion-toggle.active .accordion-icon{transform:rotate(0)}.color-accordion-toggle:not(.active) .accordion-icon{transform:rotate(-90deg)}.color-accordion-toggle .accordion-text{color:var(--text-primary);flex:1;font-size:.9rem;font-weight:600}.color-accordion-toggle .accordion-count{color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem}.color-accordion-content{background:var(--bg-primary);padding:.75rem 1rem 1rem;display:none}.color-accordion-content.active{display:block}.color-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.color-option{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;display:flex;overflow:hidden}.color-option:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-2px)}.color-option.selected{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.color-option.selected .color-option-name{color:var(--text-primary)}.color-option img{aspect-ratio:1;border-radius:var(--radius-sm);object-fit:cover;width:100%}.color-option-name{color:var(--text-secondary);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.clear-swatch{aspect-ratio:1;border-radius:var(--radius-sm);border:2px dashed var(--border);background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;display:flex}.clear-swatch svg{width:24px;height:24px;stroke:var(--text-muted)}.color-option-clear:hover .clear-swatch{border-color:var(--accent);background:var(--accent-dim)}.color-option-clear:hover .clear-swatch svg{stroke:var(--accent)}.picker-actions{border-top:1px solid var(--border);background:var(--bg-secondary);padding:1rem 1.5rem}.picker-ok-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-base);border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}.picker-ok-btn:hover{background:#b8842a;transform:translateY(-1px);box-shadow:0 4px 12px #d4952d4d}.door-picker-modal{max-width:600px}.door-picker-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;max-height:60vh;padding:1rem;display:grid;overflow-y:auto}.door-picker-grid .door-option{border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#fff;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem;display:flex}.door-picker-grid .door-option:hover{background:var(--bg-primary);border-color:var(--text-muted);transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.door-picker-grid .door-option.selected{border-color:var(--accent);background:var(--accent-dim)}.door-picker-grid .door-option img{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);background:#f9f9f9;width:70px;height:90px}.door-picker-grid .door-option-name{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:80px;font-size:.7rem;line-height:1.2;display:-webkit-box;overflow:hidden}.door-picker-grid .door-option-clear .clear-swatch{width:70px;height:90px}.submit-order-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-base);background:#0009;justify-content:center;align-items:flex-start;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.submit-order-overlay.active{opacity:1;visibility:visible}.submit-order-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;max-height:calc(100vh - 2rem);transition:transform var(--transition-base);margin:auto 0;position:relative;overflow-y:auto;transform:translateY(20px)scale(.95)}.submit-order-overlay.active .submit-order-modal{transform:translateY(0)scale(1)}.submit-order-close{background:var(--bg-secondary);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.submit-order-close:hover{background:var(--error);border-color:var(--error);color:#fff}.submit-order-close svg{width:16px;height:16px}.submit-order-header{text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#22c55e14 0%,#16a34a0a 100%);padding:2rem 2rem 1.5rem}.submit-order-icon{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex;box-shadow:0 4px 12px #22c55e4d}.submit-order-icon svg{color:#fff;width:28px;height:28px}.submit-order-header h3{font-family:var(--font-display,"Playfair Display", serif);color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.submit-order-summary{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1.25rem 2rem}.summary-row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.summary-row:not(:last-child){border-bottom:1px solid var(--border)}.summary-label{color:var(--text-secondary);font-size:.9rem}.summary-value{color:var(--text-primary);font-weight:600}.category-breakdown{border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.75rem}.category-breakdown .summary-row{padding:.35rem 0}.category-breakdown .summary-row:not(:last-child){border-bottom:none}.category-breakdown .summary-label,.category-breakdown .summary-value{font-size:.85rem}.summary-row-total{margin-top:.5rem;padding-top:.75rem}.summary-row-total .summary-label{color:var(--text-primary);font-weight:600}.summary-row-total .summary-value{color:var(--accent);font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.25rem}.submit-order-form{padding:1rem 2rem 1.5rem}.form-group{margin-bottom:.75rem}.form-group label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:block}.form-group input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);transition:all var(--transition-base);padding:.65rem .85rem;font-size:.9rem}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.form-group input::placeholder{color:var(--text-muted)}.form-row{gap:.75rem;display:flex}.form-row .form-group{flex:1}.submit-order-confirm{color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-base);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;display:flex}.submit-order-confirm:hover:not(:disabled){background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.submit-order-confirm:disabled{opacity:.7;cursor:not-allowed}.btn-loading{align-items:center;gap:.5rem;display:flex}.btn-loading .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.submit-order-note{text-align:center;color:var(--text-muted);padding:0 2rem 1.5rem;font-size:.8rem}.back-nav{text-align:center;padding:2rem 0}.back-link{color:var(--text-secondary);transition:all var(--transition-base);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-primary)}.back-link svg{width:18px;height:18px}.error-box{border-radius:var(--radius-md);color:var(--error);background:#ef444414;border:1px solid #ef444433;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}.success-state{text-align:center;padding:3rem 2rem}.success-icon{background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.success-state h2{font-family:var(--font-display,"Playfair Display", serif);margin-bottom:.5rem;font-size:1.5rem}.success-state p{color:var(--text-secondary);margin-bottom:.25rem}.success-state .new-order-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;margin-top:1.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600}.success-state .new-order-btn:hover{box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}@media (max-width:768px){.results-header{flex-direction:column}.results-summary{width:100%}.summary-stats{flex-wrap:nowrap;gap:.5rem;width:100%;display:flex}.summary-stats .stat-item{flex:1 1 0;min-width:0;padding:.6rem .5rem}.results-actions{width:100%}.results-actions .action-btn{flex:1;justify-content:center}.items-header{display:none}.item-row{grid-template-rows:auto auto auto auto;grid-template-columns:40px 1fr auto;align-items:start;gap:.25rem .75rem;padding:.75rem 1rem;display:grid}.item-row .col-qty{background:var(--accent-dim);border-radius:var(--radius-sm);grid-area:1/1/5;justify-content:center;align-self:stretch;align-items:center;padding:.5rem;font-size:.9rem;font-weight:700;display:flex}.item-row .col-item{grid-area:1/2;font-size:.95rem;line-height:1.3}.item-row .col-door{grid-area:2/2;align-items:center;font-size:.8rem;line-height:1.3;display:flex}.item-row .col-door.door-na-row{display:none}.item-row .col-door:before{content:"Door Style:";color:var(--text-muted);flex-shrink:0;width:80px;font-weight:400}.item-row .col-finish{grid-area:3/2;align-items:center;font-size:.8rem;line-height:1.3;display:flex}.item-row .col-finish:before{content:"Finish:";color:var(--text-muted);flex-shrink:0;width:80px;font-weight:400}.item-row .col-size{grid-area:4/2;align-items:center;gap:.5rem;font-family:inherit;font-size:.8rem;line-height:1.3;display:flex}.item-row .col-size:before{content:"Size:";color:var(--text-muted);flex-shrink:0;width:80px;font-weight:400}.item-row .col-price{text-align:right;grid-area:1/3/5;align-self:center;font-size:.9rem}.door-picker-grid{grid-template-columns:repeat(3,1fr)}.door-picker-grid .door-option img,.door-picker-grid .door-option-clear .clear-swatch{width:60px;height:78px}.apply-all-section{padding:.875rem 1rem}.apply-all-toggle-large{gap:.75rem;padding:.6rem 1rem}.toggle-switch-large{width:50px;height:26px}.toggle-slider-large:before{width:18px;height:18px}.toggle-switch-large input:checked+.toggle-slider-large:before{transform:translate(24px)}.toggle-label-text{font-size:.9rem}.color-grid{grid-template-columns:repeat(4,1fr);gap:.35rem}}@media (max-width:480px){.summary-stats{gap:.35rem}.summary-stats .stat-item{padding:.5rem .25rem}.stat-value{font-size:1.25rem}.color-grid,.color-clear-row{grid-template-columns:repeat(3,1fr)}.door-picker-grid{grid-template-columns:repeat(2,1fr)}.door-picker-grid .door-option img,.door-picker-grid .door-option-clear .clear-swatch{width:70px;height:90px}.submit-order-overlay{padding:.5rem}.submit-order-modal{border-radius:var(--radius-md);max-width:100%;max-height:calc(100vh - 1rem)}.submit-order-header,.submit-order-form,.submit-order-summary{padding-left:1.25rem;padding-right:1.25rem}}