/* Simple estimator: project, rooms, other options, side-by-side summary. Uses the Everest palette from estimator.css. */
.icon-btn{min-width:44px;min-height:44px;border:1px solid #b3bdc7;background:#fff;border-radius:9px;color:var(--blue);font-size:18px;line-height:1;cursor:pointer;padding:0}
.icon-btn.small{min-width:44px}
.icon-btn.danger{color:#9b2c2c;border-color:#d9b3b3}
.field-label{font-size:12px;font-weight:650;color:var(--muted)}
.rooms-panel input.num{width:8ch;min-width:0;min-height:44px;padding:6px 8px;border:1px solid #bdcbd5;border-radius:8px;font:inherit;font-size:16px;text-align:center;background:#fff}
.seg{display:inline-flex;border:1px solid #b3bdc7;border-radius:9px;overflow:hidden;background:#fff}
.seg-btn{min-height:44px;padding:8px 14px;border:0;border-right:1px solid #d4dde4;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:650;cursor:pointer;white-space:nowrap}
.seg-btn:last-child{border-right:0}
.seg-btn.active{background:var(--blue);color:#fff}
.dims{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.dims .times{padding-bottom:12px;color:var(--muted)}
.dims-ft{padding-bottom:12px;font-size:13px;color:var(--muted);white-space:nowrap}
.unit{font-size:13px;color:var(--muted)}
.small-btn{min-height:44px;padding:8px 14px}
.style-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-height:216px;overflow-y:auto;padding:2px 4px 2px 2px;border:1px solid var(--line);border-radius:10px;background:#fafbfb;scrollbar-width:thin;scroll-snap-type:y proximity;overscroll-behavior:contain}
.stylecard{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:92px;padding:6px 4px 5px;border:1px solid #d4dfe5;border-radius:10px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;scroll-snap-align:start}
.stylecard img{width:64px;height:48px;object-fit:contain;background:#f8f9f7;border-radius:6px}
.stylecard span{font-size:12px;line-height:1.15;font-weight:650;text-align:center;overflow-wrap:anywhere}
.stylecard:hover{border-color:#7895a6}
.stylecard.selected{border:2px solid var(--blue);background:#f0f6f9;padding:5px 3px 4px;box-shadow:0 0 0 2px #c9dbe6}
.stylecard.selected::after{content:'✓';position:absolute;top:3px;right:5px;width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;line-height:18px;text-align:center}
.size-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sizechoices{display:flex;flex-wrap:wrap;gap:6px}
.sizechoices .sizechoice{min-height:44px;min-width:56px;padding:6px 10px}
.hint{font-size:13px;color:var(--muted)}
.btn.danger{color:#9b2c2c;border-color:#d9b3b3}
.langswitch{text-align:right;margin:-6px 0 6px}
.langlink{display:inline-block;padding:10px 14px;min-height:44px;line-height:24px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--blue);font-weight:650;text-decoration:none}
.langlink:hover{border-color:#7895a6}
.seg{max-width:100%}
.seg-btn{min-height:44px;padding:8px 12px;border:0;border-right:1px solid #d4dde4;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:650;cursor:pointer;line-height:1.15;text-align:center}
.seg-btn:last-child{border-right:0}
.seg-btn.active{background:var(--blue);color:#fff}
.seg{max-width:100%}
.panel label.field{display:grid;gap:3px;font-size:13px;font-weight:650;color:var(--muted)}
.panel input.num,.proj-name input{min-height:44px;padding:6px 8px;border:1px solid #bdcbd5;border-radius:8px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}
.panel input.num{width:8ch;min-width:0;text-align:center}
.proj-name input{width:100%;max-width:420px}
.picker{display:grid;gap:10px;justify-items:start;max-width:100%}
.proj-panel .style-grid,.own .style-grid,.compare-panel .style-grid{width:100%;max-width:760px}
.intro{margin:0 0 10px;font-size:15px;color:var(--ink);max-width:62ch}
.room-list{display:grid;gap:12px;margin:10px 0}
.room{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.room-head{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--blue2)}
.room-name{flex:1 1 auto;min-width:0;max-width:26ch;min-height:44px;padding:6px 10px;border:1px solid #bdcbd5;border-radius:8px;font:inherit;font-size:16px;font-weight:650;background:#fff}
.room-head .icon-btn:first-of-type{margin-left:auto}
.icon-btn{min-width:44px;min-height:44px;border:1px solid #b3bdc7;background:#fff;border-radius:9px;color:var(--blue);font-size:18px;line-height:1;cursor:pointer;padding:0}
.icon-btn.danger{color:#9b2c2c;border-color:#d9b3b3}
.room-body{display:grid;gap:10px;padding:12px 14px 6px;justify-items:start}
.chk{display:flex;align-items:center;gap:8px;min-height:44px;font-size:15px;cursor:pointer}
.chk input{width:22px;height:22px;flex:none}
.dims{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.dims .times{padding-bottom:12px;color:var(--muted)}
.wall-line{display:flex;align-items:flex-end;gap:8px}
.wall-line .icon-btn{align-self:flex-end}
.room-tools{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.room-summary{margin:0;font-size:14px;font-weight:650;color:var(--blue);min-height:1.3em}
.linklike{margin:0 14px 10px;padding:10px 2px;min-height:44px;border:0;background:none;color:var(--blue);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.own{margin:0 14px 12px;padding:12px;border:1px dashed #9fb6c4;border-radius:10px;display:grid;gap:10px;justify-items:start;background:#fafcfd}
.room-add-row{display:flex;gap:12px;flex-wrap:wrap}
.room-add{min-height:44px}
.compare-panel{display:grid;gap:10px;justify-items:start}
.compare-panel h2,.compare-panel h3{margin:0}
.compare-panel .sizechoice[aria-disabled=true]{opacity:.75;cursor:default}
.stylecard .yours{font-style:normal;font-size:10px;color:var(--blue);font-weight:700}
.sizechoices .sizechoice{min-height:44px;min-width:56px;padding:6px 10px}
.summary-panel .opt-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;font-size:14px!important;align-items:start}
.summary-panel .opt-card{width:auto!important;margin:0!important}
.summary-panel table{max-width:100%}
.summary-panel .est-title{overflow-wrap:anywhere}
.job-report h3{font-size:15px;margin:20px 0 8px}
@media(max-width:600px){
 .room-add{width:100%}
 .style-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:200px}
 .summary-panel .opt-grid{grid-template-columns:minmax(0,1fr)}
 .summary-panel table{font-size:12px}
}

.extra-grid input{min-height:44px}

.chk-hint{margin:-6px 0 0 30px;font-size:12px;line-height:1.3;color:var(--muted)}
.own .own-back{margin:0;padding:6px 2px}