.measurePage{gap:20px;padding-bottom:90px;display:grid}.measureBack{color:#14773a;background:0 0;border:0;align-items:center;gap:7px;width:max-content;font-weight:800;display:flex}.measureBack svg{width:18px}.measureHeader{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.measureHeader h1{margin:5px 0}.measureHeader p{color:var(--muted);margin:0}.measureHeader>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.measureHeader button,.roomCard button,.measureActions button,.measureEmpty button,.roomDanger button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.measureHeader svg,.roomCard footer svg,.roomDanger svg{width:17px}.measureStats{grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;display:grid}.measureStats article{background:#fff;border:1px solid #e0e9e4;border-radius:14px;padding:16px;box-shadow:0 6px 22px #1749270a}.measureStats span{color:var(--muted);font-size:13px;display:block}.measureStats b{margin-top:8px;font-size:23px;display:block}.measureStats small{color:var(--muted);font-size:13px}.roomGrid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:15px;display:grid}.roomCard,.surfaceCard,.measureBreakdown{background:#fff;border:1px solid #dfe8e3;border-radius:16px;padding:18px;box-shadow:0 8px 28px #153d2208}.roomCard header,.surfaceCard>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.roomBadge,.surfaceBadge{color:#14773a;text-transform:uppercase;background:#eaf8ef;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.roomCard h3{margin:16px 0 4px}.roomCard p{color:var(--muted);margin:0}.roomNumbers{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.roomNumbers span{background:#f4f8f5;border-radius:10px;padding:10px;font-size:12px}.roomNumbers b{font-size:18px;display:block}.roomCard>small{color:var(--muted)}.roomCard footer{align-items:center;gap:6px;margin-top:16px;display:flex}.roomCard footer .primary{margin-right:auto;padding:8px 13px}.roomCard time{color:var(--muted);margin-top:10px;font-size:11px;display:block}.measureEmpty{text-align:center;background:#f8fbf9;border:1px dashed #b9d3c2;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:30px;display:flex}.measureEmpty>svg{color:#198b46;width:44px;height:44px}.measureEmpty h2{margin:14px 0 4px}.measureEmpty p{color:var(--muted)}.measureBreakdown{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.measureBreakdown h2{grid-column:1/-1}.measureBreakdown article{border:1px solid #e5ece8;border-radius:12px;padding:12px;display:grid}.measureBreakdown span{color:var(--muted);font-size:12px}.measureBreakdown strong{color:#14773a;margin-top:8px}.measureOverlay{z-index:80;background:#10261999;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.measureDialog{background:#fff;border-radius:18px;width:min(720px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 25px 80px #0004}.measureDialog>header{z-index:2;background:#fff;border-bottom:1px solid #e5ece8;justify-content:space-between;align-items:center;padding:18px 20px;display:flex;position:sticky;top:0}.measureDialog h2{margin:0}.measureForm{grid-template-columns:1fr 1fr;gap:15px;padding:20px;display:grid}.measureForm>label,.measureDimensions label{gap:6px;font-size:13px;font-weight:700;display:grid;position:relative}.measureForm input,.measureForm select,.measureForm textarea{width:100%;font:inherit;background:#fff;border:1px solid #d7e2dc;border-radius:10px;padding:12px}.measureForm textarea{resize:vertical;min-height:90px}.measureForm label span,.measureDimensions label span{color:var(--muted);font-weight:600;position:absolute;bottom:13px;right:12px}.measureForm label small{color:var(--muted);font-weight:400}.measureDimensions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.measureActions{border-top:1px solid #e7ede9;grid-column:1/-1;justify-content:flex-end;gap:9px;padding-top:16px;display:flex}.measurePreview{background:#f0f9f3;border:1px solid #cfe9d8;border-radius:12px;grid-column:1/-1;gap:5px;padding:14px;display:grid}.measurePreview strong{color:#14773a;font-size:24px}.measurePreview small{color:var(--muted)}.checkRow{grid-column:1/-1;gap:24px;display:flex}.checkRow label,.inlineCheck{align-items:center;gap:8px;display:flex!important}.checkRow input,.inlineCheck input{width:auto}.measureForm>p{grid-column:1/-1}.surfaceList{gap:14px;display:grid}.surfaceCard h3{margin:7px 0}.included,.excluded{border-radius:999px;padding:5px 9px;font-size:11px}.included{color:#14773a;background:#eaf8ef}.excluded{color:#68736d;background:#f1f2f2}.formula{color:#4e5e55;font-weight:700}.surfaceTotals{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.surfaceTotals span{color:var(--muted);background:#f6f9f7;border-radius:10px;padding:12px;font-size:12px}.surfaceTotals b,.surfaceTotals strong{color:#1f2c25;margin-top:3px;font-size:18px;display:block}.surfaceTotals strong{color:#14773a}.surfaceCard footer{border-top:1px solid #e5ece8;align-items:center;gap:6px;margin-top:12px;padding-top:12px;display:flex}.surfaceCard footer time{color:var(--muted);margin-left:auto;font-size:11px}.deductions{border-top:1px solid #e7ede9;margin-top:15px;padding-top:12px}.deductions summary{cursor:pointer;color:#30443a;align-items:center;gap:8px;font-weight:800;display:flex}.deductions summary svg{width:17px}.deductions summary b{background:#eaf8ef;border-radius:20px;margin-left:auto;padding:3px 8px}.deductionRow{border-bottom:1px solid #edf1ef;align-items:center;gap:8px;padding:10px 0;display:flex}.deductionRow span{margin-right:auto;display:grid}.deductionRow small{color:var(--muted)}.deductions .link{align-items:center;gap:5px;margin-top:10px;display:flex}.deductions .link svg{width:16px}.danger{color:#c32727!important}.dangerButton{color:#b42323;background:#fff5f5;border:1px solid #efb7b7;border-radius:10px;padding:10px 14px;font-weight:800}.roomDanger{border-top:1px solid #e4ebe7;justify-content:space-between;padding-top:20px;display:flex}.measureError{color:#b42323;background:#fff0f0;border-radius:10px;padding:12px 15px}.measureLoading{color:#14773a;place-items:center;min-height:350px;display:grid}.measureLoading svg{width:42px;height:42px}.measureMobileBar{display:none}@media (width<=1050px){.measureStats{grid-template-columns:repeat(3,1fr)}.roomGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.measurePage{padding-bottom:85px}.measureHeader{flex-direction:column;align-items:stretch}.measureHeader>div:last-child{grid-template-columns:1fr;display:grid}.measureStats{scroll-snap-type:x mandatory;padding-bottom:4px;display:flex;overflow:auto}.measureStats article{scroll-snap-align:start;min-width:145px}.roomGrid,.measureBreakdown{grid-template-columns:1fr}.measureForm{grid-template-columns:1fr;padding:15px}.measureDimensions{grid-template-columns:1fr}.measureActions{background:#fff;margin:0 -15px -15px;padding:12px 15px;display:grid;position:sticky;bottom:0}.surfaceTotals{grid-template-columns:1fr 1fr}.surfaceTotals span:last-child{grid-column:1/-1}.surfaceCard footer{flex-wrap:wrap}.surfaceCard footer time{width:100%;margin-top:5px}.measureDialog{border-radius:16px 16px 0 0;align-self:end;max-height:100vh}.measureOverlay{place-items:end center;padding:0}.measureMobileBar{z-index:30;color:#fff;background:#173f29;border-radius:14px;padding:6px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0a281877}.measureMobileBar button{color:#fff;background:0 0;border:0;align-items:center;gap:5px;padding:9px 13px;display:flex}.measureMobileBar svg{width:17px}}
