.measure-page{max-width:1120px}.measure-page>h1{font-size:clamp(2.3rem,4.7vw,4.2rem);margin-top:12px}.measure-switch{display:inline-flex;border:1px solid #d9c8b9;background:#f1e9df;padding:5px;border-radius:11px;gap:4px;margin:30px 0 26px;flex-wrap:wrap}.measure-switch button{border:0;background:transparent;border-radius:7px;color:#56463c;font-family:'DM Sans',Arial,sans-serif;font-size:.95rem;padding:12px 19px;cursor:pointer;font-weight:700}.measure-switch .is-current{background:#fff;box-shadow:0 1px 7px #907b6738;color:#8e442b}.drawing-section,.quick-panel{background:white;border:1px solid #e6d9ce;border-radius:16px;padding:clamp(16px,3vw,30px)}.drawing-section h2,.quick-panel h2{font:800 clamp(1.35rem,2.8vw,1.9rem) Manrope,sans-serif;letter-spacing:-.02em;margin:0 0 5px}.drawing-section p,.quick-panel p{color:#5d564f;margin:5px 0 12px;max-width:760px}.drawing-heading{display:flex;align-items:start;justify-content:space-between;gap:25px}.measure-scale{font-size:.86rem;font-weight:700;white-space:nowrap}.measure-scale select{display:block;width:160px;margin-top:5px;padding:9px 10px;border:1px solid #c9beb3;border-radius:7px;background:white;color:#292421}.drawing-canvas-wrap{margin-top:18px;background:#fbfaf7;border:1px solid #d8cabe;border-radius:12px;overflow:hidden}.drawing-canvas-wrap svg{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none;user-select:none}.drawing-canvas-note{font-size:.77rem;color:#756c62;background:#faf6f1;padding:8px 12px;border-top:1px solid #e6ded5}.draw-status{font-size:.91rem!important;min-height:24px;color:#695345!important}.draw-status.is-error,.quick-error{color:#a13d2c!important}.drawing-controls{display:flex;gap:9px;flex-wrap:wrap}.measure-btn,.drawing-controls button,.direction-grid button{font:700 .92rem 'DM Sans',Arial,sans-serif;padding:11px 15px;cursor:pointer;border-radius:7px;color:#fff;background:#a75132;border:1px solid #a75132;text-decoration:none;white-space:normal}.measure-btn:hover,.direction-grid button:hover{background:#853d28}.measure-btn-secondary{background:#fff!important;color:#683a27!important;border:1px solid #d6c5b7!important}.measure-btn-secondary:hover{background:#f7f0e9!important}.measure-btn.is-disabled{opacity:.52;cursor:not-allowed;pointer-events:none}.exact-panel{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#faf6f1;padding:18px;margin-top:22px;border-radius:10px}.exact-panel h3{font-family:Manrope,sans-serif;margin:0 0 6px;font-size:1.1rem}.exact-panel p{font-size:.89rem;margin:0;max-width:580px}.exact-controls{display:flex;align-items:end;gap:14px;flex-shrink:0}.exact-controls label,.quick-fields label,.measure-use label{font-size:.89rem;font-weight:700}.exact-controls input,.quick-fields input,.measure-use select{width:100%;background:white;border:1px solid #cdbfb4;border-radius:7px;padding:10px 12px;font:inherit;margin-top:6px;color:var(--ink)}.exact-controls input{max-width:130px}.direction-grid{display:grid;grid-template-columns:repeat(2,48px);gap:5px}.direction-grid button{padding:7px 8px;font-size:1.12rem}.geometry-legend{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:.78rem;color:#766c63;margin-top:13px}.geometry-legend span{display:inline-block;width:20px;border-top:3px solid #ad5637}.geometry-legend .legend-dash{border-top-style:dashed}.geometry-legend .legend-start{width:11px;height:11px;background:#ad5637;border:0;border-radius:50%}.quick-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;max-width:520px}.quick-error{font-size:.89rem}.measure-result{border:1px solid #e2d3c6;border-radius:15px;margin-top:25px;padding:clamp(20px,3vw,30px);background:#f6eee6}.measure-result h2{font-family:Manrope,sans-serif;margin:0;font-size:1.5rem}.measure-result-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.measure-result-row p{margin:4px 0;color:#6b6057}.measure-area{color:#93452b;font:800 clamp(2rem,4.2vw,3.2rem) Manrope,sans-serif;white-space:nowrap}.measure-use{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-top:25px}.measure-use label{flex:1;min-width:200px;max-width:340px}.measure-use .measure-btn{min-height:47px;display:inline-flex;align-items:center}.measure-warning{font-size:.82rem;color:#776559;margin:16px 0 0}.wall-path{fill:#ad5637;fill-opacity:.15;stroke:#a75132;stroke-width:3;stroke-linejoin:round}.wall-line{stroke:#a75132;stroke-width:3;fill:none;stroke-linejoin:round}.wall-ghost{fill:none;stroke:#a75132;stroke-width:3;stroke-dasharray:8 5}.wall-point{fill:white;stroke:#a75132;stroke-width:3}.wall-start{fill:#a75132;stroke:white;stroke-width:3}.wall-label{font:bold 13px 'DM Sans',Arial,sans-serif;fill:#5a3629;stroke:#fbfaf7;stroke-width:4;paint-order:stroke;pointer-events:none}.wall-grid-line{stroke:#ded6ce;stroke-width:.75;pointer-events:none}.wall-grid-axis{stroke:#c7b3a2;stroke-width:1.25;pointer-events:none}@media(max-width:690px){.drawing-heading,.exact-panel{flex-direction:column;align-items:stretch}.measure-scale select{width:100%}.exact-controls{justify-content:space-between}.drawing-canvas-wrap svg{min-height:0}.measure-result-row{align-items:start;flex-direction:column}.measure-switch{display:flex}.measure-switch button{flex:1;min-width:145px}.quick-fields{grid-template-columns:1fr}.drawing-controls button{flex:1 0 40%}.measure-use .measure-btn{width:100%;justify-content:center}.measure-use label{max-width:none;width:100%}}

/* v0.6 – viac náčrtov v jednej kalkulácii. */
.measure-work-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px;align-items:start}.measure-work-main{min-width:0}.measure-work-layout .measure-switch{margin-top:20px}.measure-work-layout .drawing-section{padding:clamp(12px,2vw,20px)}.measure-work-layout .exact-panel{flex-wrap:wrap}.saved-surfaces{position:sticky;top:18px;min-width:0;background:#fff;border:1px solid #e6d9ce;border-radius:15px;padding:20px}.saved-surfaces-heading h2{font:800 1.35rem Manrope,sans-serif;margin:4px 0 8px;letter-spacing:-.03em}.saved-surfaces-heading h2 span{color:#a75132}.saved-surfaces-heading p:not(.eyebrow){font-size:.83rem;color:#79675b;margin:5px 0 18px}.plan-empty{font-size:.87rem;color:#786b62;background:#fbf6f1;padding:16px;border-radius:8px}.saved-surfaces-list{display:grid;gap:12px}.saved-surface-card{display:grid;grid-template-columns:90px 1fr;gap:11px;padding:9px;background:#faf6f1;border:1px solid #e4d4c5;border-radius:10px}.saved-surface-card.is-editing{outline:2px solid #a75132}.plan-thumbnail{width:90px;height:75px;background:#fff;border-radius:7px;border:1px solid #e4d4c5}.saved-surface-content{display:grid;gap:5px;min-width:0;align-content:start}.saved-surface-title{font-size:.85rem;overflow-wrap:anywhere}.saved-surface-product{font-size:.75rem;color:#76665a;overflow-wrap:anywhere}.saved-surface-area{font-weight:800;color:#954b31;font-size:.92rem}.saved-surface-actions{display:flex;flex-wrap:wrap;gap:4px}.saved-surface-actions .measure-btn{padding:6px 8px;font-size:.73rem}.plan-new{width:100%;margin:15px 0}.plan-summary{border-top:1px solid #e2d3c6;margin-top:5px;padding-top:16px}.plan-summary h3{font:800 1.12rem Manrope,sans-serif;margin:0 0 6px}.plan-summary>p{font-size:.8rem;color:#76635a;line-height:1.4}.plan-quote-line{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #eee0d4;font-size:.81rem}.plan-quote-line div{min-width:0}.plan-quote-line small{display:block;color:#807268;margin-top:3px}.plan-quote-line>strong{white-space:nowrap}.plan-quote-total{display:flex;justify-content:space-between;gap:8px;padding:6px 0;font-size:.82rem}.plan-quote-total.is-final{border-top:1px solid #d6c2b2;margin-top:6px;padding-top:12px;font-size:.97rem;color:#994d31}.plan-save-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:14px}.plan-save-controls label{flex:1;min-width:180px;font-size:.88rem;font-weight:700}.plan-save-controls input{display:block;width:100%;background:white;color:var(--ink);border:1px solid #cdbfb4;border-radius:7px;padding:10px 12px;margin-top:6px;font:inherit}.plan-form-error{color:#9b3826;font-weight:700;font-size:.88rem}.measure-direct{margin-top:12px}.measure-direct a{font-size:.78rem}.measure-use label{min-width:180px;flex-basis:180px}@media(max-width:1120px){.measure-work-layout{grid-template-columns:minmax(0,1fr)}.saved-surfaces{position:static}.saved-surfaces-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:690px){.plan-save-controls>*{width:100%}.saved-surfaces-list{grid-template-columns:1fr}.measure-work-layout .drawing-section{padding:14px}}

.saved-surface-dimensions{display:block;color:#8c7b6b;font-size:.71rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}

/* v0.6.1: samostatné dokončenie nezáväzného výpočtu */
.measure-work-layout[hidden],.plan-review[hidden]{display:none!important}
.plan-final-action{border-top:1px solid #e2d3c6;margin-top:20px;padding-top:20px}
.plan-finish-button{display:block;width:100%;font-weight:800;min-height:46px}
.plan-finish-button:disabled{opacity:.45;cursor:not-allowed}
.plan-review{padding:clamp(18px,3.5vw,36px);background:#fff;border:1px solid #e5d6c9;border-radius:16px;margin:28px 0 60px}
.review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid #e5d6c9;padding-bottom:24px;margin-bottom:22px}
.review-head h2{font:800 clamp(1.6rem,3vw,2.6rem) Manrope,sans-serif;letter-spacing:-.035em;margin:6px 0 12px}
.review-head p:not(.eyebrow){max-width:630px;color:#6b6058;margin:0;line-height:1.55}
.review-count{flex:none;color:#a75132;font-weight:800;font-size:1rem;background:#f5ebe2;border-radius:9px;padding:10px}
.plan-review h3{font:800 1.25rem Manrope,sans-serif;margin:25px 0 15px}
.review-surfaces{display:grid;gap:12px}
.review-surface{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #eadcd0;border-radius:11px;padding:12px;background:#fcf9f6;break-inside:avoid}
.review-surface .plan-thumbnail{width:110px;height:82px}
.review-surface-details{min-width:0}
.review-surface-details h4{margin:0 0 5px;font-size:1rem;overflow-wrap:anywhere}
.review-surface-details p{margin:0 0 6px;color:#56493e;font-size:.88rem}
.review-surface-details small{display:block;color:#827469;font-size:.78rem;overflow-wrap:anywhere}
.review-surface-area{color:#a75132;white-space:nowrap;font-size:1.04rem}
.review-quote{max-width:720px;margin:32px auto 0;background:#f9f4ee;border-radius:13px;padding:clamp(16px,3vw,26px);break-inside:avoid}
.review-quote h3{margin-top:0}
.review-line,.review-total{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e5d6c9;font-size:.95rem}
.review-line>strong,.review-total>strong{white-space:nowrap}
.review-line small{display:block;color:#71665b;margin-top:4px}
.review-total.is-final{font-weight:800;font-size:1.17rem;color:#a75132;border-bottom:0;padding-top:18px}
.review-disclaimer{max-width:900px;line-height:1.6;border-left:4px solid #a75132;background:#f7eee7;border-radius:6px;padding:14px 18px;margin:25px 0}
.review-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 10px}
.review-actions button{min-height:44px}
@media(max-width:720px){.review-head{display:block}.review-count{display:inline-block;margin-top:12px}.review-surface{grid-template-columns:75px minmax(0,1fr);gap:12px}.review-surface .plan-thumbnail{width:75px;height:65px}.review-surface-area{grid-column:2;justify-self:start}.review-actions button{width:100%}}
@media print{
    @page{size:A4;margin:13mm}
    body{background:#fff!important;color:#111!important}
    body>header,body>footer,header.site-header,footer.site-footer,nav,.review-actions,.plan-review>.measure-warning,.measure-page>.eyebrow,.measure-page>h1,.measure-page>.lead{display:none!important}
    .section,.shell,.measure-page{max-width:none!important;padding:0!important;margin:0!important}
    .plan-review{display:block!important;border:none!important;padding:0!important;margin:0!important}
    .review-surface,.review-quote,.review-line,.review-total{break-inside:avoid}
    .review-disclaimer{color:#222!important;background:#eee!important}
}

/* v0.6.2 – doplnenie priamo zadanej výmery */
.plan-catalog-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:8px;text-align:center}
.plan-catalog-link:hover{text-decoration:underline}
[data-panel="area"] .quick-fields{max-width:370px;grid-template-columns:1fr}
[data-panel="area"] input{width:100%}


/* v0.7 – presné vnútorné otvory až po uzavretí steny. */
.openings-panel[hidden]{display:none!important}
.openings-panel{background:#fbf6f0;border:1px solid #e0cdbf;border-radius:12px;padding:clamp(14px,2vw,20px);margin-top:20px}
.openings-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}
.openings-heading h3{font:800 1.15rem Manrope,sans-serif;margin:0 0 6px}
.openings-heading p{font-size:.88rem!important;line-height:1.5;margin:0!important}
.opening-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 8px}
.opening-fields label{font-weight:700;font-size:.8rem;min-width:0}
.opening-fields input{display:block;width:100%;min-width:0;margin-top:6px;border:1px solid #cdbfb4;border-radius:7px;background:#fff;color:var(--ink);padding:9px 10px;font:inherit}
.opening-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.opening-actions [aria-pressed="true"]{border-color:#a75132!important;outline:2px solid #a75132;outline-offset:2px}
.opening-error{font-size:.85rem;color:#874029;margin:9px 0;min-height:18px}
.opening-list{display:grid;gap:6px;margin-top:12px}
.opening-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fff;padding:8px 10px;border:1px solid #eadcd0;border-radius:8px;font-size:.82rem}
.opening-row span{flex:1;min-width:140px}
.opening-row button{font:700 .76rem 'DM Sans',Arial,sans-serif;padding:6px 8px;background:#fff;border:1px solid #cdbfb4;border-radius:5px;color:#713d2b;cursor:pointer}
.opening-totals{display:block;color:#89432d;font-size:.88rem;margin-top:12px}
.wall-opening{fill:#fff;stroke:#a75132;stroke-dasharray:6 4;stroke-width:2.5;cursor:pointer}
.wall-opening.is-selected{stroke:#74311f;stroke-width:4;stroke-dasharray:none}
@media(max-width:810px){.opening-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.openings-heading{flex-wrap:wrap}}
@media(max-width:440px){.opening-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.opening-actions button{width:100%}}

/* v0.8: rezerva na materiál podľa obkladu a farebného prevedenia */
.reserve-intro{color:#6d5e52;font-size:.84rem;line-height:1.5;margin:0 0 14px}
.reserve-select-label{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:7px 0;font-size:.81rem;font-weight:700;color:#6b4a3b}
.reserve-select-label select{width:auto;max-width:100%;padding:7px 9px;border:1px solid #d9bcaa;border-radius:7px;background:#fff;color:#332920;font:inherit;cursor:pointer}
.material-quantity{display:block;max-width:100%;line-height:1.55;color:#6b6056;font-size:.78rem}
.plan-quote-line>div{min-width:0}
@media(max-width:520px){.reserve-select-label{align-items:stretch;flex-direction:column}.reserve-select-label select{width:100%}}

/* v0.10: voliteľné rohové prvky podľa produktu a prevedenia. */
.corner-picker{margin-top:10px;padding:10px;background:#f9f4ee;border:1px solid #eadbd0;border-radius:9px;display:grid;gap:7px;max-width:100%}
.corner-picker-heading{font-size:.82rem;color:#73442e}.corner-picker small{color:#76655a;line-height:1.45;font-size:.74rem}
.corner-field{display:grid;gap:5px;min-width:0;color:#564639;font-weight:650;font-size:.77rem}
.corner-field select,.corner-field input{display:block;max-width:100%;width:100%;min-width:0;border:1px solid #cdbfb4;border-radius:7px;background:#fff;color:#322820;padding:8px 9px;font:inherit}
.corner-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.corner-chosen{margin:6px 0;color:#80513c;font-size:.79rem}
.corner-reset{font-size:.74rem;margin-top:10px;width:100%;justify-content:center}
@media(max-width:400px){.corner-fields{grid-template-columns:1fr}}


/* v0.11: prehľadné kroky namiesto ovládania materiálu v úzkom bočnom súhrne. */
.plan-material[hidden],.step-intro[hidden]{display:none!important}
.plan-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:30px 0 24px}
.plan-steps button{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid #e2d6ca;border-radius:11px;color:#66564c;font:700 .94rem 'DM Sans',Arial,sans-serif;min-height:60px;padding:11px;cursor:pointer;text-align:center}
.plan-steps button span{display:inline-flex;justify-content:center;align-items:center;background:#f4eae1;border-radius:99px;width:27px;height:27px;flex:none;color:#9c4f33}
.plan-steps button[aria-current="step"]{border-color:#ad5637;box-shadow:0 0 0 1px #ad5637;color:#7c3e2c;background:#fbf3ed}
.plan-steps button:disabled{opacity:.48;cursor:not-allowed}
.step-intro{margin-bottom:15px;max-width:760px}.step-intro h2{font:800 clamp(1.45rem,2.5vw,2rem) Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 7px}.step-intro p{margin:0;color:#6d5d51;line-height:1.65}
.plan-material{background:#fff;border:1px solid #e6d9ce;border-radius:16px;padding:clamp(19px,3.5vw,38px);margin-bottom:50px}
.plan-material>.step-intro{max-width:100%}
.plan-material .plan-summary{border-top:0;padding-top:0;margin-top:25px}
.plan-material .plan-summary h3{font:800 1.5rem Manrope,sans-serif;margin:0 0 12px}
.plan-material .reserve-intro{font-size:.92rem;line-height:1.65}
.plan-material .plan-quote-line{padding:20px 0;gap:24px;font-size:1rem}
.plan-material .plan-quote-line>strong{font-size:1.05rem}
.plan-material .plan-quote-line>div{flex:1}
.plan-material .plan-quote-total{font-size:.95rem;padding-block:10px}
.plan-material .plan-quote-total.is-final{font-size:1.2rem;padding-top:20px}
.plan-material .corner-picker{max-width:660px;margin:14px 0}
.plan-material .corner-reset{width:auto}
.plan-material .plan-final-action{max-width:460px;margin-left:auto}
.material-actions-top{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.areas-actions{display:grid;gap:10px;border-top:1px solid #e8dacf;padding-top:15px;margin-top:12px}
.areas-actions .plan-next{width:100%}.areas-actions button:disabled{opacity:.45;cursor:not-allowed}
.areas-actions .plan-clear{background:#fff!important;color:#8e4b36!important}
@media(max-width:700px){.plan-steps{gap:5px}.plan-steps button{font-size:.72rem;flex-direction:column;gap:4px;padding:8px 4px;min-height:68px}.material-actions-top>*{flex:1;min-width:160px}.plan-material .plan-quote-line{flex-direction:column;gap:5px}}
@media print{.plan-steps,.step-intro,.plan-material,.measure-work-layout,.breadcrumbs{display:none!important}.plan-review{display:block!important}}

@media print{.plan-review[hidden]{display:none!important}}