:root{--ink:#161a17;--green:#3f7657;--deep:#28513d;--paper:#fff;--bg:#eef0ed;--line:#d9dfda;--muted:#69716c;--amber:#d7912d;--danger:#a84737}
.top-actions button:disabled{opacity:.65;cursor:wait}.doc-table tr,.pi-details,.pi-remarks,.signature-grid{break-inside:avoid;page-break-inside:avoid}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;font-family:Arial,"PingFang SC",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}.app-shell{display:grid;grid-template-columns:218px 1fr;min-height:100vh}.sidebar{background:linear-gradient(165deg,#111613,#1d2922);color:#fff;padding:26px 12px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-family:Impact,"Arial Narrow",sans-serif;font-size:23px;letter-spacing:-.5px;padding:0 10px 31px}.brand span{color:#58a378}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#c5ccc8;border-radius:7px;padding:13px 14px;text-align:left;font-size:14px;cursor:pointer;display:flex;gap:12px}.nav-item:hover,.nav-item.active{background:var(--green);color:#fff}.offline{margin-top:auto;border-top:1px solid #405047;padding:18px 10px 5px;display:flex;gap:10px;align-items:flex-start}.offline i{width:10px;height:10px;background:#51a570;border-radius:50%;margin-top:4px}.offline strong,.offline small{display:block}.offline small{color:#9eaaa3;margin-top:5px;font-size:11px}.workspace{min-width:0}.topbar{height:92px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:15px 25px}.title-row{display:flex;align-items:center;gap:20px}.title-row h1{margin:0;font-size:24px}.title-row input{border:0;border-left:1px solid var(--line);padding-left:20px;font-weight:bold;font-size:15px;width:160px}.topbar p{margin:8px 0 0;color:var(--muted);font-size:12px}.status{background:#fff0d8;color:#9a5e08;border-radius:4px;padding:4px 7px}.top-actions{display:flex;gap:9px;align-items:center}.top-actions button,.primary,.ghost{height:39px;padding:0 17px;border-radius:5px;border:1px solid var(--line);font-weight:bold;cursor:pointer}.primary{background:var(--deep);color:#fff;border-color:var(--deep)}.primary:hover{background:#193f2d}.ghost{background:#fff}.validation{font-size:12px;margin-right:8px}.validation.ok{color:var(--green)}.validation.bad{color:var(--danger)}.project-grid{display:grid;grid-template-columns:minmax(480px,1fr) minmax(430px,.98fr) 225px;min-height:calc(100vh - 92px);height:auto;overflow:visible;align-items:start}.form-pane{padding:18px;overflow:visible}.panel{background:#fff;border:1px solid var(--line);margin-bottom:13px}.panel-title{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}.panel-title h2{font-size:14px;margin:0}.panel-title h2 span{font-size:11px;color:var(--muted);font-weight:normal;margin-left:5px;text-transform:uppercase;letter-spacing:.7px}.panel-body{padding:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:11px;font-weight:bold;color:#343b36}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select{display:block;width:100%;border:1px solid var(--line);background:#fbfcfb;border-radius:3px;margin-top:6px;padding:9px;font-size:12px;color:var(--ink)}.link-btn,.mini{border:1px solid var(--green);background:white;color:var(--deep);border-radius:4px;padding:6px 10px;cursor:pointer}.table-wrap{overflow:auto}.editor-table{width:100%;border-collapse:collapse;font-size:11px}.editor-table th{text-align:left;background:#f4f6f4;color:#58605b;padding:9px 7px}.editor-table td{border-top:1px solid #e8ebe9;padding:7px}.editor-table input,.editor-table select{border:1px solid transparent;background:transparent;width:100%;padding:6px;font-size:11px}.editor-table input:focus,.editor-table select:focus{border-color:var(--green);outline:0;background:#fff}.editor-table .money{text-align:right;white-space:nowrap}.remove{border:0;background:transparent;color:#999;cursor:pointer}.editor-total{text-align:right;padding:12px 18px;border-top:1px solid var(--line);font-size:12px}.editor-total strong{margin-left:18px;font-size:14px}.messages{background:#f6fbf7;color:var(--green);border:1px solid #cadccc;padding:12px;margin-bottom:18px}.messages.error{background:#fff7f5;color:var(--danger);border-color:#e6c2bb}.preview-pane{background:#e4e7e3;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.preview-toolbar{height:49px;background:#f8f9f8;border-bottom:1px solid var(--line);padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:bold}.preview-toolbar button{border:0;background:transparent;font-size:18px;cursor:pointer}.preview-toolbar b{margin:0 9px;font-size:11px}.paper-stage{padding:18px;overflow:auto;display:flex;justify-content:center}.paper{background:#fff;width:620px;min-height:877px;padding:38px 38px 35px;box-shadow:0 5px 18px #69716c3b;transform-origin:top center;transition:transform .2s}.doc-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--deep);padding-bottom:18px}.doc-logo{font-family:Impact,"Arial Narrow",sans-serif;color:var(--green);font-size:24px}.doc-head h2{font-size:19px;margin:0;text-align:right}.doc-head small{display:block;margin-top:5px;color:var(--muted)}.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0}.doc-block h4{font-size:10px;text-transform:uppercase;color:var(--green);letter-spacing:1px;margin:0 0 8px}.doc-block p{font-size:10px;line-height:1.55;margin:0}.meta{border-collapse:collapse;width:100%;font-size:10px}.meta td{border-bottom:1px solid #e2e5e2;padding:5px}.meta td:first-child{font-weight:bold;width:45%}.doc-table{width:100%;border-collapse:collapse;font-size:9px;margin:22px 0}.doc-table th{background:var(--deep);color:white;padding:7px;text-align:left}.doc-table td{border:1px solid #dfe3df;padding:7px}.doc-table .right{text-align:right}.totals{margin-left:auto;width:48%;font-size:10px}.totals div{display:flex;justify-content:space-between;padding:5px 3px}.totals .grand{border-top:2px solid var(--ink);font-weight:bold;font-size:11px;margin-top:4px}.doc-notes{margin-top:28px;font-size:9px;line-height:1.6;color:#555}.doc-footer{text-align:center;margin-top:60px;color:var(--green);font-size:9px;font-style:italic}.document-rail{background:#fff;border-left:1px solid var(--line);padding:21px 14px;display:flex;flex-direction:column;gap:12px}.document-rail h3{font-size:12px;letter-spacing:1px;text-transform:uppercase}.doc-card{border:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:11px;text-align:left;padding:13px;border-radius:6px;cursor:pointer}.doc-card.active{border:2px solid var(--green);box-shadow:0 3px 10px #3f76571f}.doc-card i{font-style:normal;background:var(--green);color:white;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.doc-card strong,.doc-card small{display:block}.doc-card small{color:var(--muted);font-size:10px;margin-top:4px}.rail-note{margin-top:auto;background:#f0f6f2;border-left:3px solid var(--green);padding:12px}.rail-note strong{font-size:11px}.rail-note p{font-size:10px;color:var(--muted);line-height:1.5}.full{width:100%}.placeholder{margin:50px;background:#fff;padding:70px;text-align:center;border:1px solid var(--line)}.placeholder span{color:var(--green);font-weight:bold;letter-spacing:2px}.placeholder h2{font-size:30px;margin:15px}.placeholder p{color:var(--muted);margin-bottom:25px}
.library-view{padding:28px;min-height:calc(100vh - 92px);background:#f1f3f0}.library-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.library-head>div:last-child{display:flex;gap:9px}.library-head span{text-transform:uppercase;letter-spacing:1.6px;color:var(--green);font-size:10px;font-weight:bold}.library-head h2{font-size:29px;margin:7px 0}.library-head p{color:var(--muted);margin:0}.library-toolbar{background:#fff;border:1px solid var(--line);padding:12px;display:flex;gap:10px;align-items:center;margin-bottom:14px}.library-toolbar input{min-width:310px;flex:1}.library-toolbar input,.library-toolbar select{border:1px solid var(--line);padding:10px;background:#fff;border-radius:4px}.library-toolbar span{font-size:11px;color:var(--muted);white-space:nowrap}.customer-layout{display:grid;grid-template-columns:minmax(560px,1.45fr) minmax(330px,.75fr);gap:14px}.list-card,.detail-card{background:#fff;border:1px solid var(--line);min-width:0}.library-table{width:100%;border-collapse:collapse}.library-table th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#f7f8f7;text-align:left;padding:13px}.library-table td{padding:13px;border-top:1px solid #e8ebe9;font-size:12px}.library-table tbody tr{cursor:pointer}.library-table tbody tr:hover,.library-table tbody tr.selected{background:#eff6f1}.library-table td strong,.library-table td small{display:block}.library-table td small{color:var(--muted);margin-top:4px}.stage-pill{display:inline-block;border:1px solid #bbd3c3;background:#f0f7f2;color:var(--deep);border-radius:15px;padding:4px 8px;font-size:9px}.detail-card{padding:20px;max-height:calc(100vh - 235px);overflow:auto}.detail-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:15px}.detail-top h3{margin:5px 0;font-size:20px}.detail-top span{font-size:10px;color:var(--green);text-transform:uppercase}.detail-actions{display:flex;gap:6px}.detail-actions button{padding:7px 9px}.detail-section{margin-top:18px}.detail-section h4{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--green);margin:0 0 9px}.detail-section p{font-size:12px;line-height:1.6;margin:4px 0}.customer-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.customer-form label{font-size:10px;font-weight:bold}.customer-form .wide{grid-column:1/-1}.customer-form input,.customer-form select,.customer-form textarea{display:block;width:100%;border:1px solid var(--line);padding:8px;margin-top:5px;font:inherit}.customer-form textarea{min-height:65px;resize:vertical}.form-actions{display:flex;gap:8px;margin-top:14px}.product-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.product-record{background:#fff;border:1px solid var(--line);padding:15px;position:relative}.product-record:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}.product-record header{display:flex;justify-content:space-between;align-items:flex-start}.product-record h3{margin:0;font-size:17px}.product-record .price{font-weight:bold;color:var(--deep)}.product-record dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.product-record dt{font-size:9px;text-transform:uppercase;color:var(--muted)}.product-record dd{font-size:11px;margin:2px 0 0}.pending-tag{display:inline-block;background:#fff2dd;color:#9a5e08;padding:4px 6px;border-radius:3px;font-size:9px}.product-record footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px}.product-record footer small{color:var(--muted);font-size:9px}.product-record footer button{border:1px solid var(--green);background:white;color:var(--deep);padding:6px 8px;border-radius:4px;cursor:pointer}
.danger-btn{border:1px solid #d9aaa3;background:#fff8f7;color:var(--danger);border-radius:4px;padding:7px 9px;cursor:pointer}.danger-btn:hover{background:#a84737;color:#fff}.history-actions{display:flex;gap:8px;align-items:center}.undo-toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:13px 15px;border-radius:6px;box-shadow:0 8px 25px #0004;display:flex;align-items:center;gap:18px;z-index:99}.undo-toast button{border:0;background:transparent;color:#79c391;font-weight:bold;cursor:pointer}
.lead-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#f3f7f4;padding:10px;margin-bottom:6px}.lead-summary div{border-right:1px solid #d9e2dc;padding:3px 7px}.lead-summary div:last-child{border:0}.lead-summary small,.lead-summary strong{display:block}.lead-summary small{font-size:8px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.lead-summary strong{font-size:12px}.priority-high{color:#a84737}.priority-medium{color:#a66c14}.priority-low{color:var(--green)}.score-note{font-size:9px!important;color:var(--muted);margin:0!important}.timeline-add{float:right;font-size:9px;padding:4px 7px}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #e8ebe9}.timeline-item i{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:4px}.timeline-item small{font-size:9px;color:var(--muted)}.timeline-item p{margin:4px 0!important}.timeline-item em{font-size:9px;color:var(--deep);font-style:normal}.empty-state{color:var(--muted)}.followup-overlay{position:fixed;inset:0;background:#101713a8;z-index:80;display:grid;place-items:center}.followup-card{background:#fff;width:min(560px,90vw);padding:0 18px 18px;box-shadow:0 20px 60px #0005}.followup-card .panel-title{margin:0 -18px 16px;padding:0 18px}
.detail-card .detail-top{display:block}.detail-card .detail-actions{margin-top:10px;flex-wrap:wrap}
.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #178a51;background:#178a51;color:#fff;border-radius:4px;cursor:pointer;text-decoration:none}.whatsapp-btn:hover{background:#107744}.whatsapp-help{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:6px}.timeline-item.system-event{background:#f2faf5;margin:0 -8px;padding:8px}.timeline-result{display:inline-block;margin:3px 0 5px;padding:3px 7px;border-radius:12px;background:#e5f4eb;color:#17683f;font-size:9px}.timeline-item.system-event i{background:#20a464}
@media(max-width:1400px){.project-grid{grid-template-columns:minmax(470px,1fr) minmax(430px,.95fr)}.document-rail{display:none}.validation{display:none}}
@media(max-width:850px){.app-shell{grid-template-columns:70px 1fr}.brand{font-size:0;padding:0 2px 25px}.brand span{font-size:14px}.nav-item span{display:none}.sidebar{padding-left:8px;padding-right:8px}.offline div{display:none}.project-grid{display:block;height:auto}.preview-pane{min-height:900px}.topbar{height:auto;gap:14px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}}
@page{size:A4 portrait;margin:0}
@media print{html,body{width:210mm!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff}.sidebar,.topbar,.form-pane,.document-rail,.preview-toolbar{display:none!important}.app-shell,.project-grid{display:block!important;width:210mm!important;height:auto!important;min-height:0!important;margin:0!important}.workspace,.preview-pane,.paper-stage{position:static!important;display:block!important;width:210mm!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff}.paper{box-shadow:none!important;transform:none!important;transition:none!important;width:210mm!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:14mm!important;overflow:visible!important}.doc-footer{display:none!important}}
.spec-btn{border:1px solid var(--green);background:#fff;color:var(--deep);border-radius:3px;padding:5px 7px;white-space:nowrap;cursor:pointer}.product-extra td{background:#f7f9f7;padding:10px 13px}.product-extra-grid{display:grid;grid-template-columns:150px 110px 1fr;gap:12px;align-items:start}.product-extra-grid label{font-size:10px;font-weight:bold}.product-extra-grid input,.product-extra-grid textarea{display:block;width:100%;margin-top:6px}.product-extra-grid textarea{min-height:92px;border:1px solid var(--line);padding:8px;resize:vertical}.photo-mini{font-size:9px;color:var(--muted)}.photo-mini img{display:block;max-width:100px;max-height:72px;object-fit:contain;margin-bottom:5px}.photo-mini button{border:0;background:transparent;color:var(--danger);padding:0;cursor:pointer}.doc-photo{width:54px;text-align:center;color:#9aa29d;font-size:7px}.doc-photo img{max-width:48px;max-height:42px;object-fit:contain}.doc-spec{min-width:120px;line-height:1.35}.pi-details{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);margin-top:18px;font-size:8px;line-height:1.45}.pi-details>div{padding:9px}.bank-box{background:#f0f1f0;border-left:1px solid var(--line)}.pi-remarks{border:1px solid var(--line);border-top:0;padding:9px;font-size:7.5px;line-height:1.55}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;border:1px solid var(--line);border-top:0;padding:12px;min-height:92px;font-size:8px;line-height:1.45}
.dashboard-view{padding:46px;min-height:100vh;background:linear-gradient(145deg,#f6f8f5,#e8eee9)}.dashboard-hero{max-width:1100px;margin:0 auto 28px}.dashboard-hero span{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:bold}.dashboard-hero h1{font-size:36px;margin:10px 0 7px}.dashboard-hero p{color:var(--muted);font-size:15px}.action-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-card{min-height:190px;border:1px solid var(--line);background:#fff;padding:23px;text-align:left;display:flex;gap:17px;cursor:pointer;box-shadow:0 5px 16px #23372b0b;transition:.18s transform,.18s box-shadow}.action-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #23372b1c}.action-card i{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:#e7f0ea;color:var(--deep);font-style:normal;font-weight:bold}.action-card h2{margin:2px 0 9px;font-size:20px}.action-card p{color:var(--muted);line-height:1.55;min-height:60px}.action-card b{color:var(--green);font-size:12px}.action-card.primary-card{background:linear-gradient(145deg,#284f3c,#3f7657);color:#fff;border-color:var(--deep)}.action-card.primary-card i{background:#fff;color:var(--deep)}.action-card.primary-card p,.action-card.primary-card b{color:#e4eee7}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid .panel:last-child{grid-column:1/-1}.settings-grid .panel{margin:0}
@media(max-width:1100px){.action-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.settings-grid .panel:last-child{grid-column:auto}}
.training-card{border-top:4px solid var(--amber)}.training-progress{background:#fff;border:1px solid var(--line);min-width:105px;padding:12px 18px;text-align:center}.training-progress strong,.training-progress small{display:block}.training-progress strong{font-size:18px;color:var(--deep)}.training-progress small{font-size:9px;color:var(--muted);margin-top:4px}.training-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.training-item{background:#fff;border:1px solid var(--line);padding:18px;display:grid;grid-template-columns:64px 1fr;gap:16px;min-height:205px}.training-item.completed{border-color:#8eb59b;background:#f7fbf8}.training-icon{width:58px;height:72px;background:#e9f1eb;color:var(--deep);display:grid;place-items:center;font-size:11px;font-weight:bold;border-radius:3px}.training-copy>span{font-size:9px;color:var(--green);text-transform:uppercase;letter-spacing:1px;font-weight:bold}.training-copy h3{font-size:18px;margin:7px 0}.training-copy p{color:var(--muted);line-height:1.55;min-height:58px}.training-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.training-actions a{display:inline-flex;align-items:center;text-decoration:none}.training-actions button:disabled{cursor:not-allowed;color:#999;background:#f4f4f4}@media(max-width:1050px){.training-grid{grid-template-columns:1fr}}

/* Product master: image-led B2B catalogue */
.product-toolbar{position:sticky;top:0;z-index:5;box-shadow:0 5px 20px #17251d0a}.product-toolbar select{min-width:170px}.product-library-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px}.product-record{padding:0;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #1732250c;transition:.18s transform,.18s box-shadow}.product-record:before{display:none}.product-record:hover{transform:translateY(-3px);box-shadow:0 13px 30px #1732251b}.product-record.featured-product{border-color:#e2a34a;box-shadow:0 8px 25px #d7912d1a}.product-visual{border:0;border-bottom:1px solid var(--line);width:100%;height:190px;padding:0;background:linear-gradient(145deg,#f7f9f7,#e8eeea);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--deep);cursor:pointer;overflow:hidden}.product-visual:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #cbd8d0;border-radius:50%;opacity:.65}.product-visual img{width:100%;height:100%;object-fit:contain;background:#fff;position:relative;z-index:1}.product-visual .placeholder-mark{font-size:9px;letter-spacing:2px;font-weight:bold;color:#6c8576;position:relative;z-index:1}.product-visual strong{font-size:25px;margin:10px 0 7px;position:relative;z-index:1}.product-visual small{font-size:9px;line-height:1.45;color:#829087;position:relative;z-index:1}.product-visual>b{position:absolute;z-index:2;left:12px;top:12px;background:var(--amber);color:#fff;padding:6px 9px;border-radius:4px;font-size:10px}.product-card-copy{padding:15px}.product-record header>div>small{color:var(--muted);font-size:9px;text-transform:uppercase}.product-record h3{font-size:20px;margin:5px 0 0}.product-record .price{text-align:right;font-size:17px;color:var(--amber)}.product-record .price small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.product-record dl{margin:15px 0 13px;gap:10px 14px}.product-record dt{letter-spacing:.6px}.product-record dd{font-size:12px;font-weight:bold;line-height:1.35}.product-record footer{gap:8px}.product-record footer button{flex:1;padding:8px}.product-record footer .detail-button{border-color:var(--line);color:var(--muted)}.product-empty{grid-column:1/-1;background:#fff;border:1px dashed var(--line);padding:70px;text-align:center;color:var(--muted)}
.product-detail-overlay{position:fixed;inset:0;background:#0e1712c9;z-index:100;display:grid;place-items:center;padding:30px}.product-detail-panel{width:min(900px,94vw);max-height:92vh;overflow:auto;background:#fff;box-shadow:0 25px 80px #0007;position:relative}.product-detail-close{position:absolute;right:14px;top:11px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:25px;cursor:pointer;z-index:3}.product-detail-hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:330px}.product-detail-image{background:linear-gradient(145deg,#f5f8f6,#e4ece7);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-detail-image:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #c4d4ca;border-radius:50%}.product-detail-image img{width:100%;height:330px;object-fit:contain;background:#fff;position:relative;z-index:1}.product-detail-image>span,.product-detail-image>strong,.product-detail-image>small{position:relative;z-index:1}.product-detail-image>span{font-size:10px;letter-spacing:2px;color:#678070}.product-detail-image>strong{font-size:31px;color:var(--deep);margin:13px 0 8px}.product-detail-image>small{color:var(--muted)}.product-detail-image label{position:absolute;z-index:2;left:18px;bottom:18px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 11px;font-size:10px;font-weight:bold;cursor:pointer}.product-detail-image input{display:none}.product-detail-hero>div:last-child{padding:65px 45px;background:var(--dark,#102d22);color:#fff}.product-category{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#b8cabf}.product-detail-hero h2{font-size:38px;margin:12px 0}.featured-badge,.supporting-badge{display:inline-block;padding:6px 9px;border-radius:3px;font-size:9px}.featured-badge{background:var(--amber)}.supporting-badge{background:#375647;color:#dbe7df}.detail-price{font-size:28px;font-weight:bold;margin:36px 0 24px}.detail-price small{font-size:10px;color:#aebdb4;font-weight:normal}.product-detail-hero .primary{background:#fff;color:var(--deep);border-color:#fff}.product-detail-specs{padding:24px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.product-detail-specs div{background:#fff;padding:14px;min-height:70px}.product-detail-specs small,.product-detail-specs strong{display:block}.product-detail-specs small{font-size:9px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.product-detail-specs strong{font-size:12px;line-height:1.4}@media(max-width:850px){.product-toolbar{position:static;flex-wrap:wrap}.product-toolbar input,.product-toolbar select{width:100%;min-width:0}.product-detail-hero{grid-template-columns:1fr}.product-detail-specs{grid-template-columns:1fr 1fr}}

.form-grid textarea{display:block;width:100%;border:1px solid var(--line);background:#fbfcfb;border-radius:3px;margin-top:6px;padding:9px;font:inherit;min-height:78px;resize:vertical}.requirements-panel{border-top:3px solid var(--amber)}.requirement-note{border-left:3px solid var(--amber);background:#fff8ed;padding:10px!important}.customs-view,.finance-view{padding:24px}.customs-layout{display:grid;grid-template-columns:minmax(520px,.88fr) minmax(650px,1.12fr);gap:16px;align-items:start}.customs-editor{max-height:calc(100vh - 155px);overflow:auto;padding-right:4px}.customs-card,.finance-card{background:#fff;border:1px solid var(--line);margin-bottom:14px}.customs-section-title{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.customs-section-title b{font-size:14px}.customs-section-title span{font-size:10px;color:var(--muted)}.customs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px}.customs-form-grid label,.finance-base label{font-size:10px;font-weight:bold;color:#434d47}.customs-form-grid input,.customs-form-grid select,.customs-form-grid textarea,.finance-base input{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:3px;padding:8px;font:inherit;background:#fbfcfb}.customs-form-grid textarea{min-height:70px;resize:vertical}.customs-form-grid .wide{grid-column:1/-1}.customs-item{margin:12px;border:1px solid #e2e7e3;background:#fafbfa}.customs-item-head{padding:9px 12px;background:#edf3ef;display:flex;align-items:center;justify-content:space-between}.customs-item-head .danger-btn{padding:4px 7px}.item-grid{grid-template-columns:repeat(4,1fr)}.item-grid .confirm-hs{display:flex;align-items:center;gap:8px;padding-top:18px;color:var(--deep)}.item-grid .confirm-hs input{width:auto;margin:0}.hs-note,.hs-warning{font-size:10px;line-height:1.5}.hs-note{margin:12px;background:#f0f5f2;color:var(--deep);padding:9px;border-left:3px solid var(--green)}.hs-warning{color:#9a5e08;background:#fff4df;margin:0;padding:8px 12px}.customs-preview{position:sticky;top:15px;background:#dfe4e0;padding:12px;max-height:calc(100vh - 125px);overflow:auto}.customs-tabs{display:flex;gap:6px;background:#fff;padding:8px;margin-bottom:10px;position:sticky;top:-12px;z-index:4}.customs-tabs button{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:3px;cursor:pointer}.customs-tabs button.active{background:var(--deep);color:#fff;border-color:var(--deep)}#exportSingleCustoms{margin-left:auto}.customs-paper{background:#fff;min-height:560px;padding:28px;box-shadow:0 4px 15px #24372b1c;color:#111;font-family:Arial,"PingFang SC",sans-serif}.customs-paper>header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--deep);padding-bottom:14px;margin-bottom:26px}.customs-paper>header div b,.customs-paper>header div small{display:block}.customs-paper>header div b{color:var(--green);font-size:19px}.customs-paper>header div small{font-size:8px;margin-top:5px}.customs-paper>header h2{font-size:22px;margin:0}.customs-paper h2{text-align:center}.customs-paper table{width:100%;border-collapse:collapse;font-size:9px;margin-top:18px}.customs-paper th{background:var(--deep);color:#fff;padding:7px}.customs-paper td{border:1px solid #cbd2cd;padding:7px;text-align:center}.customs-paper .total-row{font-weight:bold;background:#eef3ef}.commercial-meta{display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:10px;line-height:1.65}.commercial-meta p:last-child{text-align:right}.route{border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:9px 0;margin:18px 0;font-size:10px}.route span{float:right}.declaration-paper{padding:20px}.declaration-paper>h2{font-size:18px;margin:0 0 15px}.declaration-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #adb6b0;border-top:1px solid #adb6b0}.declaration-grid div{padding:7px;border-right:1px solid #adb6b0;border-bottom:1px solid #adb6b0;min-height:46px}.declaration-grid small,.declaration-grid b{display:block}.declaration-grid small{font-size:8px;color:#555;margin-bottom:5px}.declaration-grid b{font-size:9px}.customs-doc-note{border:1px solid #adb6b0;border-top:0;padding:8px}.customs-doc-note small,.customs-doc-note b{display:block;font-size:9px}.customs-doc-note small{margin-bottom:5px;color:#555}.declaration-elements td{text-align:left!important;background:#f8f9f8}.customs-paper footer{text-align:center;font-size:8px;color:#777;margin-top:20px}.customs-export-bundle{position:fixed;left:-20000px;top:0;width:277mm;background:#fff}.customs-export-bundle .customs-paper{width:277mm;min-height:190mm;box-shadow:none}.finance-base{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:15px}.finance-base input{font-size:12px}.finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.finance-kpis div{background:#fff;border:1px solid var(--line);padding:16px}.finance-kpis small,.finance-kpis b{display:block}.finance-kpis small{font-size:9px;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.finance-kpis b{font-size:19px}.finance-kpis .profit{background:var(--deep);color:#fff;border-color:var(--deep)}.finance-kpis .profit small{color:#c6d7cd}.finance-table{width:100%;border-collapse:collapse}.finance-table th{background:#f2f5f3;text-align:left;color:#59645d;font-size:9px;padding:9px}.finance-table td{border-top:1px solid #e5e9e6;padding:6px}.finance-table input{border:1px solid transparent;padding:7px;width:100%;min-width:105px}.finance-table input:focus{border-color:var(--green);outline:0}.finance-table .remove{font-size:18px}@media(max-width:1250px){.customs-layout{grid-template-columns:1fr}.customs-editor{max-height:none}.customs-preview{position:static;max-height:none}.item-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.finance-base,.finance-kpis{grid-template-columns:1fr 1fr}.declaration-grid{grid-template-columns:1fr 1fr}}

/* v19 PI workflow */
.preview-pane{position:sticky;top:0;height:100vh;overflow:hidden}.paper-stage{height:calc(100vh - 49px)}.document-rail{position:sticky;top:0;height:100vh;overflow:auto}.product-extra-grid{grid-template-columns:1fr 1fr}.product-extra-grid .spec-wide,.paid-items{grid-column:1/-1}.paid-items{border-top:1px solid var(--line);padding-top:12px}.paid-items header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.paid-items header small{display:block;color:var(--muted);margin-top:3px}.paid-item{display:grid;grid-template-columns:minmax(170px,1fr) 65px 75px 90px 100px 26px;gap:7px;align-items:center;margin-top:7px}.paid-item input,.paid-item select{margin:0!important;border:1px solid var(--line)!important;background:#fff!important;padding:7px!important}.paid-item>b{text-align:right;font-size:10px}.product-picker-overlay{position:fixed;inset:0;background:#0c1510b8;z-index:70;display:grid;place-items:center;padding:28px}.product-picker{width:min(760px,94vw);max-height:86vh;background:#fff;border-radius:8px;padding:22px;display:flex;flex-direction:column;box-shadow:0 24px 70px #0005}.product-picker header{display:flex;justify-content:space-between;gap:20px}.product-picker h2{margin:5px 0}.product-picker header span{color:var(--green);font-size:10px;letter-spacing:1px;font-weight:bold}.product-picker header p{color:var(--muted);font-size:12px}.product-picker>input{padding:12px;border:1px solid var(--line);margin:12px 0}.product-picker-list{overflow:auto;display:grid;gap:7px}.product-picker-list button{display:grid;grid-template-columns:130px 1fr 110px;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;padding:12px;cursor:pointer}.product-picker-list button:hover{border-color:var(--green);background:#f3f8f5}.product-picker-list span{color:var(--muted);font-size:11px}.product-picker-list strong{text-align:right;color:var(--deep)}.doc-paid-row td{background:#f7faf8;color:#34473c}.doc-paid-row td:nth-child(2){padding-left:14px;font-style:italic}.doc-logo{line-height:.88}.doc-logo small{color:#111;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.2px;margin-top:6px}
@media(max-width:850px){.preview-pane,.document-rail{position:static;height:auto}.paper-stage{height:auto}.paid-item{grid-template-columns:1fr 60px 70px 80px}.paid-item>b{display:none}.product-picker-list button{grid-template-columns:1fr}.product-picker-list strong{text-align:left}}
/* v20 official PI header and complete sections */
.doc-logo img{display:block;width:82px;height:54px;object-fit:contain;object-position:left center}.doc-head{min-height:64px}.form-grid textarea{display:block;width:100%;min-height:86px;margin-top:6px;border:1px solid var(--line);background:#fbfcfb;border-radius:3px;padding:9px;font:inherit;resize:vertical}.pi-details{grid-template-columns:1fr 1fr;font-size:8.5px;line-height:1.55}.pi-remarks{font-size:8px;line-height:1.5;white-space:normal}.paper{height:auto;min-height:877px;overflow:hidden;flex:0 0 auto;align-self:flex-start}.doc-table td{vertical-align:top}.doc-spec{min-width:145px;overflow-wrap:anywhere}
/* v21 quotation follows the 2026 wholesale list while PI keeps its own template */
.quotation-paper{padding:24px 18px 18px;background:#fff}.quote-sheet{font-family:Arial,sans-serif;color:#111;min-height:835px;display:flex;flex-direction:column}.quote-head{display:grid;grid-template-columns:95px 1fr 90px;gap:13px;align-items:center;border-bottom:1px solid #ccd4ce;padding-bottom:11px}.quote-head>img{width:92px;height:67px;object-fit:contain}.quote-head h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:26px;letter-spacing:.2px;margin:0;white-space:nowrap}.quote-head h2 em{color:#168043;font-style:normal}.quote-head p{font-size:8px;margin:5px 0 0;letter-spacing:.7px}.quote-head aside{background:#0e1512;color:#fff;border-radius:4px;padding:10px 6px;text-align:center;font-size:9px}.quote-head aside b,.quote-head aside span{display:block}.quote-head aside span{color:#b8ef35;margin-top:8px;font-size:7px;overflow-wrap:anywhere}.quote-meta{display:flex;justify-content:space-between;gap:10px;background:#f1f5f2;padding:7px 9px;margin-top:8px;font-size:8px}.quote-parties{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.quote-parties>div{border-left:3px solid #28724b;background:#f7f9f7;padding:7px 9px;min-height:50px}.quote-parties strong,.quote-parties b,.quote-parties span{display:block}.quote-parties strong{font-size:6px;letter-spacing:.6px;color:#28724b;margin-bottom:3px}.quote-parties b{font-size:7.5px;margin-bottom:3px}.quote-parties span{font-size:6px;line-height:1.35;color:#4e5751;overflow-wrap:anywhere}.quote-benefits{display:grid;grid-template-columns:repeat(5,1fr);padding:11px 2px;gap:5px;color:#1c6f43}.quote-benefits div{border-right:1px solid #d7ddd9;padding:2px 5px;font-size:14px}.quote-benefits div:last-child{border:0}.quote-benefits b,.quote-benefits small{display:block;color:#111;font-size:7px}.quote-benefits small{font-size:6px;color:#555;margin-top:2px}.quote-products{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quote-product-card{border:1px solid #d8ded9;border-radius:17px;overflow:hidden;break-inside:avoid;background:#fff}.quote-product-card>header{display:grid;grid-template-columns:25px 1fr;position:relative;padding:9px 10px 2px}.quote-product-card>header small{grid-column:1/-1;font-size:5px;color:#777}.quote-index{font-size:16px;color:#168043}.quote-product-card h3{font-size:10px;margin:4px 0 0}.quote-product-main{display:grid;grid-template-columns:42% 58%;min-height:112px;padding:0 7px 5px}.quote-photo{display:grid;place-items:center;min-width:0;color:#9da69f;text-align:center;font-size:8px}.quote-photo img{display:block;max-width:100%;max-height:105px;object-fit:contain}.quote-product-main dl{margin:2px 0;font-size:5.4px;line-height:1.4}.quote-product-main dl div{display:grid;grid-template-columns:43% 57%;gap:3px;border-bottom:1px solid #edf0ee;padding:1px 0}.quote-product-main dt{color:#6c756f}.quote-product-main dd{margin:0;font-weight:bold;overflow-wrap:anywhere}.quote-product-card>footer{height:21px;background:#087438;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:7px}.quote-product-card>footer b{font-size:12px}.quote-empty{grid-column:1/-1;text-align:center;padding:80px 10px;color:#777}.quote-terms{margin-top:auto;background:#eef2ef;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:9px}.quote-terms>div{display:grid;grid-template-columns:64px 1fr;gap:7px}.quote-terms b{color:#157441;font-family:Impact,"Arial Narrow",sans-serif;font-size:13px}.quote-terms p{font-size:6.5px;line-height:1.55;margin:0}.quote-footer{margin:9px -18px -18px;background:#0e1512;color:#fff;padding:13px 18px;display:flex;justify-content:space-between;font-size:8px;border:0}.quote-footer span:first-child{color:#b8ef35;font-weight:bold}
@media print{html,body,.quotation-paper,.quotation-paper *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.quotation-paper{position:relative!important;width:210mm!important;height:297mm!important;min-height:297mm!important;padding:0!important;overflow:hidden!important;background:#fff!important}.quote-sheet{position:absolute!important;top:10mm!important;bottom:10mm!important;left:0!important;right:0!important;width:auto!important;height:auto!important;min-height:0!important;background:#fff!important;padding-top:3mm!important}.quote-head,.quote-meta,.quote-parties,.quote-benefits,.quote-products{margin-left:3mm!important;margin-right:3mm!important}.quote-meta,.quote-parties>div,.quote-terms{background-color:#f1f5f2!important}.quote-product-card{break-inside:avoid;background:#fff!important}.quote-product-card>footer{background:#087438!important;color:#fff!important}.quote-head aside,.quote-footer{background:#0e1512!important;color:#fff!important}.quote-head h2 em,.quote-index,.quote-benefits,.quote-parties strong{color:#168043!important}.quote-footer span:first-child,.quote-head aside span{color:#b8ef35!important}.quote-terms{margin-left:3mm!important;margin-right:3mm!important}.quote-footer{margin:3mm 0 0!important;padding-left:3mm!important;padding-right:3mm!important}}
.knowledge-overlay{position:fixed;inset:0;background:#0c1510c9;z-index:90;padding:24px;display:grid;place-items:center}.knowledge-panel{width:min(1180px,96vw);height:min(880px,92vh);background:#f4f6f4;padding:22px;display:flex;flex-direction:column;box-shadow:0 25px 80px #0007}.knowledge-panel>header{display:flex;justify-content:space-between;gap:20px}.knowledge-panel>header span{font-size:10px;color:var(--green);font-weight:bold;letter-spacing:1px}.knowledge-panel>header h2{font-size:27px;margin:6px 0}.knowledge-panel>header p{color:var(--muted);margin:0 0 14px}.knowledge-panel>input{padding:12px;border:1px solid var(--line);background:#fff;margin-bottom:14px}.knowledge-grid{overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.knowledge-grid button{border:1px solid var(--line);background:#fff;text-align:left;padding:10px;cursor:pointer;display:flex;flex-direction:column;min-width:0}.knowledge-grid button:hover{border-color:var(--green);box-shadow:0 4px 12px #244c3430}.knowledge-grid img{width:100%;height:120px;object-fit:contain;background:#fff}.knowledge-grid span{color:var(--green);font-size:8px;margin-top:7px}.knowledge-grid b{font-size:15px;margin:4px 0}.knowledge-grid small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knowledge-grid strong{color:var(--deep);margin-top:8px}@media(max-width:900px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v28 numbered product editor groups */
.product-no-head{width:48px;text-align:center!important}.product-row-number{width:48px;text-align:center!important;background:#edf5ef!important;border-right:1px solid #d5e1d8!important}.product-row-number span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#28513d;color:#fff;font-size:12px;font-weight:700}.product-main-row td{border-top:2px solid #bdcfc3}.product-extra td[colspan]{border-left:0}

/* v30 larger PI product image cell */
.doc-photo{width:82px!important;min-width:82px!important}.doc-photo img{max-width:76px!important;max-height:68px!important}

.product-title-actions{display:flex;gap:8px;align-items:center}

/* v34 premium three-page PI */
.pi-premium-paper{padding:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.pi-page{position:relative;width:620px;min-height:877px;background:#fff;padding:30px 34px 38px;margin:0 0 18px;box-shadow:0 5px 18px #69716c3b;color:#151915;break-after:page;page-break-after:always}.pi-page:last-child{margin-bottom:0;break-after:auto;page-break-after:auto}.pi-pro-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #28513d;padding-bottom:12px;margin-bottom:12px}.pi-pro-brand img{width:116px;height:64px;object-fit:contain;object-position:left center}.pi-pro-head h2{margin:0;color:#28513d;font-size:21px;letter-spacing:.3px;text-align:right}.pi-pro-head p{margin:5px 0 0;color:#657069;font-size:8px;text-align:right}.pi-top-facts{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #d7ded9;margin-bottom:12px}.pi-top-facts>div{padding:7px 5px;border-right:1px solid #e1e6e2;min-width:0}.pi-top-facts>div:last-child{border:0}.pi-top-facts b,.pi-top-facts span,.pi-shipping-strip b,.pi-shipping-strip span{display:block}.pi-top-facts b,.pi-shipping-strip b{font-size:6.5px;color:#28513d;text-transform:uppercase;margin-bottom:4px}.pi-top-facts span,.pi-shipping-strip span{font-size:7.5px;overflow-wrap:anywhere}.pi-party-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.pi-party-cards section{border-top:8px solid #28513d;background:#f7f9f7;padding:9px 10px;min-height:105px}.pi-party-cards h3,.pi-info-card h3,.pi-term-list>h3{font-size:8px;color:#28513d;letter-spacing:.8px;margin:0 0 8px}.pi-party-cards section>b{font-size:8px}.pi-party-cards p{font-size:7px;line-height:1.55;margin:5px 0}.pi-shipping-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dbe2dd;margin-bottom:12px}.pi-shipping-strip>div{background:#f3f6f4;padding:7px 9px}.pi-pro-table{margin:0;font-size:7px}.pi-pro-table th{padding:6px 5px}.pi-pro-table td{padding:6px 5px}.pi-pro-table .doc-photo{width:92px!important;min-width:92px!important}.pi-pro-table .doc-photo img{max-width:84px!important;max-height:76px!important}.pi-pro-table .doc-spec{font-size:6.5px;line-height:1.32}.pi-pro-total{display:grid;grid-template-columns:1fr 220px;margin:12px 0 26px}.pi-pro-total>div{padding-top:3px}.pi-pro-total>div>div{display:flex;justify-content:space-between;font-size:7px;padding:3px 8px}.pi-pro-total>div b{color:#606962}.pi-pro-total strong{display:flex;justify-content:space-between;align-items:center;background:#edf5ef;border:1px solid #3f7657;color:#17452e;padding:10px 12px;font-size:18px}.pi-pro-total strong small{font-size:8px}.pi-page>footer{position:absolute;left:34px;right:34px;bottom:16px;border-top:1px solid #d7ded9;padding-top:7px;color:#3f7657;font-size:6.5px;font-weight:bold}.pi-page>footer span{float:right;color:#737d77;font-weight:normal}.pi-two-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:12px}.pi-term-list,.pi-info-card{border:1px solid #d7ded9}.pi-term-list>h3,.pi-info-card h3{background:#28513d;color:#fff;padding:7px 9px;margin:0}.pi-term-list>div{display:grid;grid-template-columns:25px 1fr;padding:7px;border-bottom:1px solid #e0e5e1}.pi-term-list>div:last-child{border:0}.pi-term-list i{width:19px;height:19px;display:grid;place-items:center;border:1px solid #83a28e;border-radius:50%;font-size:7px;font-style:normal;color:#28513d}.pi-term-list p{margin:0;font-size:7px;line-height:1.35}.pi-term-list p b,.pi-term-list p span{display:block}.pi-term-list p span{color:#4e5751;margin-top:3px}.pi-info-card{margin-bottom:12px}.pi-info-card>div{display:grid;grid-template-columns:39% 61%;border-bottom:1px solid #e1e6e2;font-size:6.6px}.pi-info-card>div:last-child{border:0}.pi-info-card>div b,.pi-info-card>div span{padding:4px 6px}.pi-info-card>div b{background:#f2f5f3}.pi-info-card>div span{overflow-wrap:anywhere}.pi-legal{border:1px solid #d3dbd5}.pi-legal>div{display:grid;grid-template-columns:165px 1fr;border-bottom:1px solid #d3dbd5;min-height:86px}.pi-legal>div:last-child{border:0}.pi-legal h3{margin:0;padding:12px;background:#f0f5f1;color:#28513d;font-size:8px;line-height:1.4}.pi-legal p{margin:0;padding:12px;font-size:7.5px;line-height:1.55;white-space:pre-wrap}.pi-signatures{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border:1px solid #28513d}.pi-signatures>div+div{border-left:1px solid #28513d}.pi-signatures h3{background:#28513d;color:#fff;margin:0;padding:7px;text-align:center;font-size:8px}.pi-signatures>div>div{display:grid;grid-template-columns:48px 1fr;font-size:7.5px;margin:9px 12px;border-bottom:1px solid #d6ddd8;padding-bottom:6px}.pi-signatures>div>div b{color:#59635d}.pi-signatures>div>p{height:120px;margin:12px;border:1px solid #d6ddd8;padding:9px;font-size:7.5px}
@media print{.pi-premium-paper{width:210mm!important;padding:0!important;background:#fff!important}.pi-page{width:210mm!important;min-height:297mm!important;height:auto!important;margin:0!important;padding:12mm 13mm 14mm!important;box-shadow:none!important;overflow:visible!important;break-after:page!important;page-break-after:always!important}.pi-page:last-child{break-after:auto!important;page-break-after:auto!important}.pi-page>footer{left:13mm;right:13mm;bottom:7mm}}

/* Refined document archive header */
.history-hero{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;margin-bottom:20px;padding:22px 24px;border-radius:14px;background:linear-gradient(120deg,#173d2d,#2f6b4c);color:#fff;box-shadow:0 10px 24px #193c2b24}.history-hero-icon{width:54px;height:54px;border:1px solid #ffffff52;border-radius:14px;display:grid;place-items:center;background:#ffffff12;font-size:27px}.history-hero-copy span{font-size:9px;letter-spacing:2px;color:#a9d4b9;font-weight:bold}.history-hero-copy h2{font-size:28px;margin:5px 0}.history-hero-copy p{font-size:12px;color:#d7e5dc;margin:0}.history-hero-actions{display:flex;align-items:center;gap:16px}.history-hero-actions>div{text-align:right;padding-right:16px;border-right:1px solid #ffffff35}.history-hero-actions strong,.history-hero-actions small{display:block}.history-hero-actions strong{font-size:25px}.history-hero-actions small{font-size:9px;color:#c9ddd0;margin-top:3px}.history-clear{height:38px;padding:0 15px;border:1px solid #f1b4a7;border-radius:6px;background:#fff;color:#a23c27;font-weight:bold;cursor:pointer}.history-clear:hover{background:#fff2ee}.history-clear:active{transform:translateY(1px)}
@media(max-width:760px){.history-hero{grid-template-columns:48px 1fr}.history-hero-actions{grid-column:1/-1;justify-content:flex-end}.history-hero-copy p{line-height:1.5}}

.form-section-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf5ef;border-left:4px solid #3f7657;padding:10px 12px;color:#244b37}.form-section-guide b{font-size:12px}.form-section-guide span{font-size:10px;color:#627168}.form-section-guide.bank-guide{margin-top:7px;background:#f3f5f3;border-left-color:#1d3327}

.pi-page-map{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px;padding:10px 13px;border-radius:7px;background:#183d2d;color:#fff}.pi-page-map b{font-size:13px}.pi-page-map span{font-size:10px;color:#c9ddd0;letter-spacing:.4px}

.trash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px 4px}.trash-toolbar span{font-size:12px;color:#68736d}.trash-toolbar .danger-btn{font-weight:700}

.model-requirements-title{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:10px;color:var(--deep)}.model-requirements-title small{color:var(--muted);font-weight:400}.pi-model-requirement{border-top:1px solid #d9e2dc;padding-top:5px;margin-top:5px}.pi-model-requirement h4{margin:0 0 4px;color:#24583f;font-size:7px;letter-spacing:.4px}.pi-empty-requirements{padding:7px;margin:0;color:#78827c}

.order-delete-whole{width:100%;margin-top:12px;padding:10px;border:1px solid #e4a99f;border-radius:5px;background:#fff8f6;color:#aa3c2c;font-weight:700;cursor:pointer}.order-delete-whole:hover{background:#fff0ec}.order-delete-whole:active{transform:translateY(1px)}