.hpp-page{--navy:#0e2f47;--blue:#0878bd;--blue-soft:#eaf5fc;--green:#39856b;--green-soft:#ecf7f2;--ink:#19364c;--muted:#71879a;--line:#dce6ed;--canvas:#f3f7fa;box-sizing:border-box;width:100%;max-width:none;padding:0 1.35rem 2rem;color:var(--ink);font-family:Nunito,Arial,sans-serif}.hpp-page *{box-sizing:border-box}.hpp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 1.15rem}.hpp-toolbar h1{margin:.18rem 0 .22rem;color:#0e2f47;font-size:1.72rem;line-height:1.15;font-weight:800}.hpp-toolbar p{margin:0;color:#71879a;font-size:.8rem}.hpp-toolbar-kicker{color:#0878bd;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hpp-toolbar-kicker i{margin-right:.35rem}.hpp-toolbar-actions{display:flex;gap:.6rem}.hpp-action-btn{height:42px;border:1px solid #d7e3eb;border-radius:11px;background:#fff;color:#23455d;padding:0 1rem;font-size:.75rem;font-weight:800;box-shadow:0 5px 16px rgba(29,55,76,.08);cursor:pointer;transition:.18s}.hpp-action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(29,55,76,.12)}.hpp-action-btn i{margin-right:.35rem}.hpp-action-primary{border-color:#103650;background:#103650;color:#fff}
.hpp-sheet{width:100%;overflow:hidden;border:1px solid #dbe6ed;border-radius:18px;background:var(--canvas);box-shadow:0 16px 42px rgba(25,54,76,.09)}.hpp-sheet-title{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 20px;background:linear-gradient(125deg,#0d3651,#075f8f);color:#fff}.hpp-sheet-title>div{display:flex;align-items:center;gap:12px}.hpp-sheet-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.14);font-size:1rem}.hpp-sheet-title strong{display:block;font-size:1.05rem;letter-spacing:.035em}.hpp-sheet-title small{display:block;margin-top:2px;color:rgba(255,255,255,.72);font-size:.67rem;font-weight:400;letter-spacing:0}.hpp-live-badge{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:.64rem}.hpp-live-badge i{width:7px;height:7px;border-radius:50%;background:#5ee2ae;box-shadow:0 0 0 4px rgba(94,226,174,.14)}
.hpp-sheet-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.72fr) minmax(0,1.55fr) minmax(0,.88fr);grid-template-areas:"info reference costs chart";align-items:start;gap:16px;padding:18px;background:var(--canvas)}.hpp-top-left,.hpp-top-right,.hpp-price-card,.hpp-images-area,.hpp-paper-map-card{min-width:0;border:1px solid #e0e9ef;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(37,67,88,.055)}.hpp-top-left{grid-area:info;padding:16px}.hpp-summary-column{grid-area:chart;display:grid;align-content:start;gap:16px;min-width:0}.hpp-top-right,.hpp-price-card{padding:16px}.hpp-cost-area{grid-area:costs;min-width:0;max-width:none!important;margin:0!important}.hpp-reference-column{grid-area:reference;display:grid;align-content:start;gap:16px;min-width:0;container-type:inline-size}.hpp-images-area{padding:14px}.hpp-paper-map-card{padding:14px}
.hpp-panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.hpp-panel-heading-compact{margin-bottom:12px}.hpp-panel-icon{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:10px;background:#eaf5fc;color:#0878bd;font-size:.8rem}.hpp-panel-heading strong{display:block;color:#19364c;font-size:.8rem;font-weight:800}.hpp-panel-heading small{display:block;margin-top:1px;color:#8a9cab;font-size:.6rem}.hpp-panel-subtitle{display:flex;align-items:center;gap:9px;margin:20px 0 11px;color:#46657a;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hpp-panel-subtitle i{height:1px;flex:1;background:#e3ebf0}
.hpp-meta-grid{display:grid;gap:9px}.hpp-meta-grid label,.hpp-price-grid label{display:grid;grid-template-columns:minmax(168px,.95fr) minmax(130px,1.05fr);align-items:center;gap:9px;margin:0}.hpp-meta-grid span,.hpp-price-grid span,.hpp-side-summary span{color:#526d80;font-size:.64rem;font-weight:800;line-height:1.18}.hpp-meta-grid input,.hpp-margin-input,.hpp-price-grid output,.hpp-side-summary output{width:100%;height:36px;border:1px solid #d5e1e9;border-radius:8px;background:#fbfdfe;color:#19364c;font-size:.7rem;line-height:34px;padding:0 10px;outline:none;transition:.16s}.hpp-meta-grid input:hover{border-color:#b8cedc}.hpp-meta-grid input:focus,.hpp-margin-input:focus-within{border-color:#5eacd8;background:#fff;box-shadow:0 0 0 3px rgba(8,120,189,.09)}.hpp-meta-grid .hpp-number-input{text-align:right;font-weight:700}.hpp-meta-note{margin-top:-3px!important}.hpp-meta-note input{font-size:.62rem;color:#6b8191}.hpp-price-grid{display:grid;gap:8px}.hpp-price-grid output{display:block;text-align:right;padding-right:11px;background:#f6fafc;font-weight:700}.hpp-price-strong output{border-color:#b9d8ea;background:#eaf5fc;color:#075f8f;font-weight:900}.hpp-margin-input{display:flex;padding:0;overflow:hidden}.hpp-margin-input input{width:100%;min-width:0;border:0;background:transparent;padding:0 10px;color:#19364c;font-size:.7rem;font-weight:700;outline:0}.hpp-margin-input b{display:grid;place-items:center;width:34px;color:#688092;font-size:.66rem;background:#eef4f7;border-left:1px solid #d5e1e9}
.hpp-field-label{display:flex;align-items:center;gap:6px;min-width:0}.hpp-field-label-note{justify-content:flex-end}.hpp-tooltip{position:relative;display:inline-flex!important;flex:0 0 auto;color:inherit!important;font:inherit!important}.hpp-tooltip-trigger{width:19px;height:19px;display:grid;place-items:center;padding:0;border:1px solid #c9dce8;border-radius:50%;background:#eef7fc;color:#0878bd;font-family:Arial,sans-serif;font-size:.63rem;font-weight:800;line-height:1;cursor:help;transition:.16s}.hpp-tooltip-trigger:hover,.hpp-tooltip-trigger:focus{border-color:#0878bd;background:#0878bd;color:#fff;outline:0;box-shadow:0 0 0 3px rgba(8,120,189,.12)}.hpp-tooltip-content{position:absolute;z-index:30;left:50%;bottom:calc(100% + 10px);width:290px;max-width:min(290px,calc(100vw - 36px));display:block!important;padding:12px 14px;border:1px solid #d7e4ec;border-radius:11px;background:#fff;color:#486477!important;font-size:.67rem!important;font-weight:500!important;line-height:1.45!important;text-transform:none;letter-spacing:0;box-shadow:0 12px 30px rgba(20,52,73,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-12%,5px);transition:opacity .16s,transform .16s,visibility .16s}.hpp-tooltip-content:after{content:"";position:absolute;left:12%;top:100%;border:7px solid transparent;border-top-color:#fff}.hpp-tooltip-content strong{display:block;margin-bottom:4px;color:#173d56;font-size:.69rem;font-weight:900}.hpp-tooltip-content>span{display:block;color:#486477!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}.hpp-tooltip:hover .hpp-tooltip-content,.hpp-tooltip:focus-within .hpp-tooltip-content{opacity:1;visibility:visible;transform:translate(-12%,0)}
.hpp-distribution-title{margin:2px 0 10px;color:#8a9cab;text-align:left;font-size:.52rem;font-weight:900;letter-spacing:.1em}.hpp-cost-legends{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hpp-cost-legend{min-width:0;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px;border:1px solid #e1eaf0;border-radius:10px;background:#f8fbfd;transition:.18s}.hpp-cost-legend:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(30,65,86,.08)}.hpp-cost-legend span{display:grid;gap:4px;color:#60788a;font-size:.48rem;font-weight:800}.hpp-cost-legend span i{width:9px;height:9px;border-radius:3px}.hpp-cost-legend strong{color:#19364c;font-size:.68rem;font-weight:900}.hpp-cost-legend-raw span i{background:#0878bd}.hpp-cost-legend-operational span i{background:#4f7f00}.hpp-pie-area{position:relative;height:176px;margin:8px 0 4px;display:grid;place-items:center}.hpp-pie3d{width:154px;height:154px;border-radius:50%;background:conic-gradient(from -90deg,#4f7f00 0 15%,#0878bd 15% 100%);box-shadow:0 10px 24px rgba(23,67,91,.13);transition:background .2s}.hpp-pie3d:after{content:"";position:absolute;width:96px;height:96px;border:1px solid #edf2f5;border-radius:50%;background:#fff;box-shadow:inset 0 2px 8px rgba(28,59,78,.05)}.hpp-donut-center{position:absolute;z-index:2;display:grid;place-items:center;text-align:center;pointer-events:none}.hpp-donut-center span{color:#8297a6;font-size:.47rem;font-weight:800;text-transform:uppercase}.hpp-donut-center strong{display:block;max-width:88px;margin-top:3px;overflow:hidden;color:#19364c;font-size:.61rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.hpp-side-summary{display:grid;gap:7px;margin-top:7px;padding-top:11px;border-top:1px solid #e3ebf0}.hpp-side-summary label{display:grid;grid-template-columns:minmax(82px,.7fr) minmax(105px,1fr);align-items:center;gap:7px;margin:0}.hpp-side-summary span{font-size:.55rem!important}.hpp-side-summary output{height:34px;line-height:32px;border-color:#e0e8ed;background:#f8fbfd;font-size:.65rem;text-align:right;font-weight:900}.hpp-side-summary label:first-child output{border-color:#a9d0e7;background:#eaf5fc;color:#075f8f}
#hppCostSections{display:grid;gap:14px}.hpp-cost-section{overflow:hidden;margin:0;border:1px solid #dce7ed;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(37,67,88,.06)}.hpp-cost-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px 9px 14px;background:#fff;border-bottom:1px solid #e3ebf0}.hpp-cost-title{display:flex;align-items:center;gap:9px;min-width:0}.hpp-cost-title>i{width:10px;height:10px;flex:0 0 auto;border-radius:3px;background:var(--section-color);box-shadow:0 0 0 5px var(--section-soft)}.hpp-cost-title strong{display:block;color:#19364c;font-size:.72rem;font-weight:900}.hpp-cost-title small{display:block;margin-top:2px;color:#8b9eac;font-size:.52rem;font-weight:700}.hpp-add-row{height:30px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #d6e3eb;border-radius:8px;background:#f7fafc;color:var(--section-color);font-size:.53rem;font-weight:900;cursor:pointer;transition:.15s}.hpp-add-row:hover{border-color:var(--section-color);background:var(--section-soft);transform:translateY(-1px)}.hpp-add-row i{font-size:.52rem}.hpp-cost-table-wrap{overflow-x:auto}.hpp-cost-table{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff}.hpp-cost-table col:nth-child(1){width:42%}.hpp-cost-table col:nth-child(2){width:13%}.hpp-cost-table col:nth-child(3){width:19%}.hpp-cost-table col:nth-child(4){width:23%}.hpp-cost-table col:nth-child(5){width:3%}.hpp-cost-table th{height:38px;padding:5px 9px;background:var(--section-soft);color:var(--section-color);font-size:.55rem;font-weight:900;text-align:left;border-bottom:1px solid #dce7ed;text-transform:uppercase;letter-spacing:.025em}.hpp-cost-table th:nth-child(n+2){text-align:right}.hpp-cost-table td{height:38px;padding:0 2px;border-bottom:1px solid #edf2f5;background:#fff;transition:.13s}.hpp-cost-table tbody tr:nth-child(even) td{background:#fbfcfd}.hpp-cost-table tbody tr:hover td{background:var(--section-soft)}.hpp-cost-table input{width:100%;height:31px;border:1px solid transparent;border-radius:7px;background:transparent;padding:0 7px;color:#29475c;font-size:.6rem;outline:0;transition:.15s}.hpp-cost-table input:hover{border-color:#dce6ec;background:#fff}.hpp-cost-table input:focus{border-color:var(--section-color);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--section-color) 12%,transparent)}.hpp-cost-table .hpp-row-qty,.hpp-cost-table .hpp-row-cost{text-align:right}.hpp-row-total{padding:0 9px!important;text-align:right;color:#19364c;font-size:.61rem;font-weight:900;white-space:nowrap}.hpp-remove-row{width:100%;height:30px;border:0;background:transparent;color:#a6b6c1;font-size:.54rem;cursor:pointer;opacity:0;transition:.15s}.hpp-cost-table tr:hover .hpp-remove-row,.hpp-remove-row:focus{opacity:1}.hpp-remove-row:hover{color:#c34555}.hpp-cost-total{min-height:48px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 14px;background:linear-gradient(90deg,var(--section-soft),#fff);color:#526d80;font-size:.62rem;font-weight:900;border-top:1px solid #e0e9ef;text-transform:uppercase;letter-spacing:.04em}.hpp-cost-total strong{min-width:145px;color:var(--section-color);text-align:right;font-size:.76rem;letter-spacing:0}
.hpp-image-panel{position:relative;height:220px;overflow:hidden;border:1px solid #dce6ed;border-radius:12px;background:#f8fbfc}.hpp-image-button{display:block;width:100%;height:100%;border:0;background:transparent;padding:12px;cursor:pointer}.hpp-image-button img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 7px rgba(44,72,91,.07))}.hpp-image-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(14,47,71,.86);color:#fff;font-size:.57rem;white-space:nowrap;opacity:0;transition:.16s}.hpp-image-panel:hover .hpp-image-hint{opacity:1}.hpp-image-reset{position:absolute;right:8px;top:8px;width:28px;height:28px;border:1px solid #dce6ed;border-radius:9px;background:rgba(255,255,255,.94);color:#315b75;font-size:.62rem;cursor:pointer;opacity:0}.hpp-image-panel:hover .hpp-image-reset{opacity:1}
.hpp-product-photo{margin-top:16px;padding-top:14px;border-top:1px solid #e3ebf0}.hpp-product-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.hpp-product-photo-heading>span{color:#526d80;font-size:.64rem;font-weight:900}.hpp-product-photo-heading>small{color:#91a2af;font-size:.5rem;font-weight:700}.hpp-product-image-panel{height:250px;border-style:dashed;border-color:#bfd5e2;background:linear-gradient(145deg,#fbfdff,#f2f8fb);transition:border-color .18s,background .18s,box-shadow .18s}.hpp-product-image-panel:hover{border-color:#70afd2;background:#f7fbfe;box-shadow:0 7px 18px rgba(37,67,88,.07)}.hpp-product-image-panel .hpp-image-button{padding:16px}.hpp-product-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#8198a8;pointer-events:none}.hpp-product-image-placeholder>i{width:42px;height:42px;display:grid;place-items:center;margin-bottom:3px;border-radius:12px;background:#e6f3fb;color:#0878bd;font-size:1rem}.hpp-product-image-placeholder>strong{color:#31566f;font-size:.69rem;font-weight:900}.hpp-product-image-placeholder>small{font-size:.55rem}.hpp-product-image-panel.is-filled{border-style:solid;background:#fff}.hpp-product-image-panel.is-filled .hpp-product-image-placeholder{display:none}.hpp-product-image-panel:not(.is-filled) .hpp-image-hint,.hpp-product-image-panel:not(.is-filled) .hpp-image-reset{display:none}.hpp-product-image-panel.is-filled .hpp-image-button img{position:relative;z-index:1}.hpp-product-image-panel.is-filled .hpp-image-hint,.hpp-product-image-panel.is-filled .hpp-image-reset{z-index:2}
.hpp-derived-input{background:#eef7fc!important;color:#086b9f!important;font-weight:900!important;cursor:default}.hpp-paper-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #e3ebf0}.hpp-paper-map-head .hpp-panel-heading{margin:0}.hpp-paper-map-sizes{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:7px;background:#f4f8fb;color:#70879a;font-size:.53rem;font-weight:800;white-space:nowrap}.hpp-paper-map-sizes i{width:1px;height:12px;background:#cbdbe5}.hpp-paper-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.hpp-paper-stats>div{min-width:0;padding:11px 12px;border:1px solid #e1eaf0;border-radius:11px;background:#f8fbfd}.hpp-paper-stats span,.hpp-paper-stats small{display:block;color:#8a9cac;font-size:.54rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.hpp-paper-stats strong{display:block;margin:3px 0 1px;color:#0878bd;font-size:1.15rem;line-height:1.1}.hpp-paper-stats>div:nth-child(2) strong{color:#e39700}.hpp-paper-stats>div:nth-child(3) strong{color:#e2445f}.hpp-paper-mode{margin:11px 0;padding:9px;border:1px solid #e1eaf0;border-radius:10px;background:#f8fbfd}.hpp-paper-mode>span{display:block;margin-bottom:7px;color:#526d80;font-size:.5rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase}.hpp-paper-mode-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hpp-paper-mode-btn{min-width:0;height:30px;padding:0 4px;border:1px solid #d4e1e9;border-radius:7px;background:#fff;color:#5b7283;font-size:.5rem;font-weight:800;white-space:nowrap;transition:.16s}.hpp-paper-mode-btn i{margin-right:3px}.hpp-paper-mode-btn:hover{border-color:#8dbdd7;color:#0878bd}.hpp-paper-mode-btn.is-active{border-color:#0878bd;background:#0878bd;color:#fff;box-shadow:0 4px 10px rgba(8,120,189,.18)}.hpp-paper-layout-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:12px 0 9px}.hpp-paper-layout-title>div span{display:block;color:#0878bd;font-size:.55rem;font-weight:900;letter-spacing:.065em}.hpp-paper-layout-title>div strong{display:block;margin-top:2px;color:#19364c;font-size:.8rem}.hpp-paper-auto-badge{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#ecf7f2;color:#2f8064;font-size:.55rem;font-weight:800}.hpp-paper-auto-badge b{font:inherit}.hpp-paper-auto-badge i{width:6px;height:6px;border-radius:50%;background:#43c795}.hpp-paper-stage{position:relative;height:355px;overflow:hidden;border:1px dashed #c9dce8;border-radius:12px;background:#fbfdff}.hpp-paper-stage svg{position:absolute;inset:16px;display:block;width:calc(100% - 32px);height:calc(100% - 32px);overflow:visible}.hpp-paper-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:10px 0 0;color:#526d80;font-size:.56rem;font-weight:800}.hpp-paper-legend span{display:flex;align-items:center;gap:5px}.hpp-legend-box{width:11px;height:11px;border-radius:2px}.hpp-legend-portrait{border:2px solid #4f46e5;background:rgba(79,70,229,.1)}.hpp-legend-landscape{border:2px solid #f43f5e;background:rgba(244,63,94,.1)}.hpp-legend-waste{border:1px dashed #f43f5e;background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(244,63,94,.18) 3px,rgba(244,63,94,.18) 4px)}.hpp-paper-info{margin-top:11px;padding:10px 12px;border-radius:9px;background:#f0f7fb;color:#537083;font-size:.61rem;line-height:1.45}.hpp-paper-info.is-error{background:#fff1f3;color:#b72c47}
@container(max-width:360px){.hpp-paper-map-head{display:block}.hpp-paper-map-sizes{margin-top:9px;gap:5px;padding:5px 6px;font-size:.46rem}.hpp-paper-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 0}.hpp-paper-stats>div{padding:7px 4px;border-radius:8px}.hpp-paper-stats span,.hpp-paper-stats small{overflow:hidden;font-size:.36rem;letter-spacing:0;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.hpp-paper-stats strong{margin:2px 0 1px;font-size:.86rem}.hpp-paper-mode{padding:7px}.hpp-paper-mode-btn{height:28px;font-size:.45rem}.hpp-paper-stage{height:300px}.hpp-paper-layout-title{align-items:flex-start;flex-direction:column}.hpp-paper-auto-badge{align-self:flex-start}}
@media(max-width:1500px){.hpp-sheet-body{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-template-areas:"info reference" "costs chart"}.hpp-meta-grid label,.hpp-price-grid label{grid-template-columns:minmax(190px,.9fr) minmax(190px,1.1fr)}.hpp-cost-table{min-width:650px}}
@media(max-width:1050px){.hpp-sheet-body{grid-template-columns:1fr;grid-template-areas:"info" "reference" "costs" "chart"}.hpp-top-right{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.hpp-top-right>.hpp-panel-heading{grid-column:1/-1}.hpp-distribution-title{grid-column:1}.hpp-cost-legends{grid-column:1}.hpp-pie-area{grid-column:1}.hpp-side-summary{grid-column:2;grid-row:2/5;align-content:center}.hpp-images-area{display:block}.hpp-image-panel{height:290px}}
@media(max-width:700px){.hpp-page{padding:0 .7rem 1.25rem}.hpp-toolbar{align-items:flex-start;flex-direction:column}.hpp-toolbar-actions{width:100%}.hpp-action-btn{flex:1}.hpp-sheet{border-radius:14px}.hpp-sheet-title{align-items:flex-start;padding:14px}.hpp-live-badge{display:none}.hpp-sheet-body{gap:12px;padding:11px}.hpp-top-left,.hpp-top-right,.hpp-images-area,.hpp-paper-map-card{padding:13px}.hpp-meta-grid label,.hpp-price-grid label,.hpp-side-summary label{grid-template-columns:1fr;gap:4px}.hpp-meta-grid{gap:10px}.hpp-field-label-note{justify-content:flex-start;min-height:19px}.hpp-tooltip-content{position:fixed;left:18px;right:18px;bottom:auto;top:50%;width:auto;max-width:none;transform:translateY(-45%)}.hpp-tooltip-content:after{display:none}.hpp-tooltip:hover .hpp-tooltip-content,.hpp-tooltip:focus-within .hpp-tooltip-content{transform:translateY(-50%)}.hpp-panel-subtitle{margin-top:18px}.hpp-top-right{display:block}.hpp-distribution-title{margin-top:8px}.hpp-cost-legends{gap:8px}.hpp-pie-area{height:148px}.hpp-side-summary label{margin-bottom:8px}.hpp-image-panel{height:250px}.hpp-cost-table{min-width:560px}.hpp-paper-map-head{display:block}.hpp-paper-map-sizes{margin-top:9px;text-align:left}.hpp-paper-stats{grid-template-columns:1fr}.hpp-paper-stage{height:285px}}
@media print{body .no-print,body .topbar,body .sidebar{display:none!important}#content-wrapper{width:100%!important}.hpp-page{padding:0}.hpp-toolbar{display:none}.hpp-sheet{border:0;box-shadow:none}.hpp-sheet-body{grid-template-columns:1.12fr .72fr 1.55fr .88fr;grid-template-areas:"info reference costs chart";gap:8px;padding:10px}.hpp-reference-column{gap:8px}.hpp-top-left,.hpp-top-right,.hpp-images-area,.hpp-cost-section,.hpp-paper-map-card{box-shadow:none}.hpp-cost-table{min-width:0}.hpp-remove-row{display:none}.hpp-image-panel{height:205px}.hpp-paper-stage{height:260px}}
.hpp-paper-mode-btn{outline:0}.hpp-paper-mode-btn:focus-visible{box-shadow:0 0 0 3px rgba(8,120,189,.16)}
.hpp-number-input,.hpp-row-qty,.hpp-row-cost{font-variant-numeric:tabular-nums}
/* Consistent, more readable typography for both HPP cost tables */
.hpp-cost-table th{font-size:10px;line-height:1.2}
.hpp-cost-table input,.hpp-row-total{font-size:10px;line-height:1.2}
.hpp-cost-table input{font-weight:700}
.hpp-cost-table .hpp-row-name,.hpp-cost-table .hpp-row-qty,.hpp-cost-table .hpp-row-cost{font-weight:700}
/* Modern HPP cost-card refinements */
.hpp-sheet{overflow:visible;border:0;background:transparent;box-shadow:none}
.hpp-sheet-title{display:none}
.hpp-sheet-body{padding:0;background:transparent}
.hpp-pie3d{position:relative;display:grid;place-items:center}
.hpp-cost-area{align-self:start!important;height:auto!important;min-height:0!important}
#hppCostSections{height:auto!important;min-height:0!important;align-content:start!important;align-items:start!important;grid-template-rows:none!important;grid-auto-rows:max-content!important}
.hpp-cost-section{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-self:start!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important}
.hpp-cost-header{flex:0 0 58px!important;height:58px!important;min-height:58px!important;max-height:58px!important;padding:9px 12px 9px 14px!important}
.hpp-cost-table-wrap{flex:0 0 auto!important;height:auto!important;min-height:0!important}
.hpp-cost-total{flex:0 0 48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
.hpp-paper-layout-title-compact{min-height:22px;justify-content:flex-end}
.hpp-visually-hidden{display:none!important}
.hpp-price-card{align-self:start}
.hpp-panel-icon-margin{background:#eef8e8;color:#4f7f00}
.hpp-price-card-grid{gap:8px}
.hpp-price-card .hpp-price-grid label{min-width:0;grid-template-columns:minmax(0,1fr) minmax(105px,.82fr)!important;gap:8px;padding:8px;border:1px solid #e3ebf0;border-radius:10px;background:#f9fbfc;transition:border-color .16s,box-shadow .16s,transform .16s}
.hpp-price-card .hpp-price-grid label:hover{border-color:#cbdce6;box-shadow:0 5px 14px rgba(37,67,88,.06);transform:translateY(-1px)}
.hpp-price-card .hpp-price-grid output,.hpp-price-card .hpp-margin-input{height:34px;line-height:32px;background:#fff}
.hpp-price-card .hpp-price-strong{border-color:#b9d8ea!important;background:#eef8fd!important}
.hpp-price-card .hpp-price-strong output{background:#e4f3fb}
.hpp-price-card .hpp-margin-control{border-color:#d8e6ef!important}
.hpp-price-card .hpp-margin-control:focus-within{border-color:#5eacd8!important;box-shadow:0 0 0 3px rgba(8,120,189,.09)!important;transform:none!important}
.hpp-price-card .hpp-profit-row{border-color:#d7ead0!important;background:#f4faef!important}
.hpp-price-card .hpp-profit-row output{border-color:#cfe4c6;background:#fff;color:#3d7000;font-weight:900}
.hpp-plano-simulation{margin:12px 0;padding:11px;border:1px solid #dce6ee;border-radius:11px;background:linear-gradient(145deg,#fbfdff,#f4f8fb)}
.hpp-plano-simulation-head{display:grid;gap:3px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid #e3ebf0}
.hpp-plano-simulation-head span{color:#536d80;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.hpp-plano-simulation-head span i{margin-right:4px;color:#0878bd}
.hpp-plano-simulation-head small{color:#90a1ae;font-size:.48rem;font-weight:700;white-space:nowrap}
.hpp-plano-simulation-main{display:grid;grid-template-columns:1fr;align-items:center;gap:8px}
.hpp-plano-simulation-main>div{display:grid;gap:2px;min-width:0}
.hpp-plano-simulation-main span{color:#8296a5;font-size:.47rem;font-weight:900}
.hpp-plano-simulation-main strong{overflow:hidden;color:#0878bd;font-size:.82rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.hpp-plano-simulation-main output{min-height:36px;display:grid;place-items:center;justify-self:stretch;padding:6px 9px;border:1px solid #ffd3d9;border-radius:9px;background:#fff1f3;color:#dc3545;font-size:.56rem;font-weight:900;text-align:center;white-space:nowrap}
.hpp-plano-simulation p{margin:8px 0 0;color:#6c8292;font-size:.49rem;font-weight:650;line-height:1.45}
.hpp-sheet-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(520px,1.75fr);grid-template-areas:"summary summary summary" "info reference costs"}
.hpp-top-left,.hpp-reference-column{align-self:stretch}.hpp-top-left{height:100%}.hpp-reference-column{display:flex;flex-direction:column;height:100%}.hpp-paper-map-card{flex:1}
.hpp-summary-column{grid-area:summary;display:block;min-width:0}
.hpp-summary-card{display:grid;grid-template-columns:minmax(0,4fr) minmax(510px,3fr);gap:12px;background:transparent}
.hpp-summary-card-head{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #e3ebf0;background:linear-gradient(90deg,#fff,#f6fafc)}
.hpp-summary-card-head strong{display:block;color:#19364c;font-size:.82rem;font-weight:900}
.hpp-summary-card-head small{display:block;margin-top:2px;color:#8296a5;font-size:.56rem}
.hpp-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.hpp-kpi-card{min-width:0;min-height:178px;display:flex;flex-direction:column;justify-content:center;padding:15px;border:1px solid #dce7ed;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(37,67,88,.045);transition:transform .16s,box-shadow .16s}
.hpp-kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,67,88,.09)}
.hpp-kpi-icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:16px;border-radius:10px;font-size:.9rem}
.hpp-kpi-card>small{color:#50677b;font-size:.59rem;font-weight:900;letter-spacing:.025em}
.hpp-kpi-card>strong{display:block;margin-top:5px;color:#172f45;font-size:.96rem;font-weight:900;line-height:1.15;white-space:nowrap}
.hpp-kpi-card>p{margin:7px 0 0;color:#8193a2;font-size:.55rem}
.hpp-kpi-margin-input{height:38px!important;margin-top:7px;border-color:#f0d7b3!important;background:#fff!important}
.hpp-kpi-margin-input input{font-size:.9rem!important;font-weight:900!important}
.hpp-kpi-margin-input b{width:38px!important;background:#fff6e9!important;color:#bf7200!important}
.hpp-kpi-blue .hpp-kpi-icon{background:#eaf4ff;color:#086ed4}.hpp-kpi-green .hpp-kpi-icon{background:#edf8e9;color:#4f9200}.hpp-kpi-orange .hpp-kpi-icon{background:#fff4e6;color:#f09100}.hpp-kpi-purple .hpp-kpi-icon{background:#f4edff;color:#8247e5}
.hpp-summary-card-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr);gap:9px}
.hpp-summary-distribution,.hpp-summary-pricing{min-width:0;padding:13px 14px!important;border:1px solid #dce7ed;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(37,67,88,.045)}
.hpp-summary-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.hpp-summary-section-title span{color:#31566f;font-size:.65rem;font-weight:900}
.hpp-summary-section-title span i{margin-right:4px;color:#0878bd}
.hpp-summary-pricing .hpp-summary-section-title span i{color:#4f7f00}
.hpp-summary-section-title small{color:#8ca0ae;font-size:.5rem;font-weight:700}
.hpp-summary-distribution-body{display:grid;grid-template-columns:minmax(95px,1fr) 106px;align-items:center;gap:8px}
.hpp-summary-distribution .hpp-cost-legends{align-content:center}
.hpp-summary-distribution .hpp-pie-area{height:112px;margin:0}
.hpp-summary-distribution .hpp-pie3d{width:104px;height:104px}
.hpp-summary-distribution .hpp-pie3d:after{width:66px;height:66px}
.hpp-summary-distribution .hpp-donut-center strong{max-width:70px;font-size:.55rem}
.hpp-summary-pricing .hpp-price-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hpp-summary-pricing .hpp-price-grid label{min-width:0;display:grid;grid-template-columns:1fr!important;gap:5px;padding:8px;border:1px solid #e3ebf0;border-radius:10px;background:#f9fbfc;transition:border-color .16s,box-shadow .16s,transform .16s}
.hpp-summary-pricing .hpp-price-grid label:hover{border-color:#cbdce6;box-shadow:0 5px 14px rgba(37,67,88,.06);transform:translateY(-1px)}
.hpp-summary-pricing .hpp-price-grid output,.hpp-summary-pricing .hpp-margin-input{height:34px;line-height:32px;background:#fff}
.hpp-summary-pricing .hpp-price-strong{border-color:#b9d8ea!important;background:#eef8fd!important}
.hpp-summary-pricing .hpp-price-strong output{background:#e4f3fb}
.hpp-summary-pricing .hpp-margin-control:focus-within{border-color:#5eacd8!important;box-shadow:0 0 0 3px rgba(8,120,189,.09)!important;transform:none!important}
.hpp-summary-pricing .hpp-profit-row{border-color:#d7ead0!important;background:#f4faef!important}
.hpp-summary-pricing .hpp-profit-row output{border-color:#cfe4c6;background:#fff;color:#3d7000;font-weight:900}
@media(max-width:1500px){.hpp-cost-table{min-width:520px}}
@media(max-width:1500px){
  .hpp-sheet-body{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-template-areas:"summary summary" "info reference" "costs costs"}
  .hpp-summary-card{grid-template-columns:1fr}
  .hpp-kpi-card{min-height:145px}
}
@media(max-width:1050px){
  .hpp-sheet-body{grid-template-columns:1fr;grid-template-areas:"summary" "info" "reference" "costs"}
  .hpp-top-left,.hpp-reference-column{height:auto}.hpp-reference-column{display:grid}.hpp-paper-map-card{flex:none}
  .hpp-summary-card-body{grid-template-columns:1fr}
  .hpp-summary-distribution{border-right:0;border-bottom:1px solid #e3ebf0}
}
@media(max-width:700px){
  .hpp-pie-area{height:164px}
  .hpp-pie3d{width:140px;height:140px}
  .hpp-pie3d:after{width:86px;height:86px}
  .hpp-price-card{padding:13px}
  .hpp-price-card .hpp-price-grid label{grid-template-columns:1fr!important;gap:5px}
  .hpp-plano-simulation-main{grid-template-columns:1fr}
  .hpp-plano-simulation-main output{justify-self:stretch}
  .hpp-summary-card-head{align-items:flex-start}
  .hpp-summary-card{display:block}
  .hpp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}
  .hpp-kpi-card{min-height:138px}
  .hpp-summary-card-body{display:block}
  .hpp-summary-card-body>*+*{margin-top:10px}
  .hpp-summary-distribution,.hpp-summary-pricing{padding:12px!important}
  .hpp-summary-section-title{align-items:flex-start;flex-direction:column}
  .hpp-summary-distribution-body{grid-template-columns:1fr}
  .hpp-summary-distribution .hpp-cost-legends{grid-template-columns:1fr 1fr}
  .hpp-summary-distribution .hpp-side-summary{padding:10px 0 0;border-left:0;border-top:1px solid #e3ebf0}
  .hpp-summary-pricing .hpp-price-card-grid{grid-template-columns:1fr}
  .hpp-product-photo-heading{align-items:flex-start;flex-direction:column}
  .hpp-product-image-panel{height:230px}
}
@media print{
  .hpp-sheet-body{grid-template-columns:1.12fr .72fr 1.55fr;grid-template-areas:"summary summary summary" "info reference costs"}
  .hpp-summary-card{box-shadow:none}
}
