:root{color:#20262d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f8;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #b1121b;--accent-strong: #8f0f18;--ink: #20262d;--muted: #66717d;--line: #d9e0e6;--soft-line: #e7ebef;--surface: #ffffff;--surface-subtle: #f9fafb;--focus: #4267b2}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}button,input,select,textarea{font:inherit}button{align-items:center;background:var(--surface);border:1px solid #cfd8df;border-radius:6px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:760;gap:.45rem;justify-content:center;min-height:2.4rem;padding:.55rem .9rem;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}button:hover{background:#f8fafc;border-color:var(--accent);color:var(--accent-strong)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}.primary-action{background:var(--accent);border-color:var(--accent);color:#fff}.primary-action:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.app-shell{display:block;min-height:100vh}.lock-screen{align-items:center;background:radial-gradient(circle at top left,rgba(177,18,27,.08),transparent 28rem),#f5f7f8;display:flex;min-height:100vh;padding:1rem}.lock-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 60px #141f2b1f;display:grid;gap:.85rem;margin:0 auto;max-width:26rem;padding:1.25rem;width:100%}.lock-icon{align-items:center;background:var(--ink);border-radius:8px;color:#fff;display:inline-flex;height:3rem;justify-content:center;width:3rem}.lock-card h1{color:var(--ink);font-size:1.35rem;line-height:1.2;margin:0}.lock-card p{color:var(--muted);font-size:.9rem;line-height:1.45;margin:0}.lock-message{color:var(--accent-strong)!important;font-weight:800}.workspace{min-width:0}.topbar{align-items:center;background:#fffffff5;border-bottom:1px solid var(--soft-line);display:flex;gap:1rem;justify-content:space-between;padding:.85rem clamp(1rem,3vw,2rem);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-heading{align-items:center;display:flex;gap:.85rem;min-width:0}.brand-heading img{background:#fff;border:1px solid var(--soft-line);border-radius:8px;height:2.65rem;object-fit:contain;padding:.25rem;width:3.25rem}.brand-heading span{color:var(--accent);display:block;font-size:.72rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.topbar h1{color:var(--ink);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.2;margin:0}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end;min-width:0}.save-status{align-items:center;background:#eef4ff;border:1px solid #d4e2ff;border-radius:999px;color:#31579d;display:inline-flex;font-size:.84rem;font-weight:800;min-height:2rem;padding:.35rem .65rem}.icon-button{min-width:2.4rem;padding:.55rem}.danger{color:var(--accent-strong)}.summary-strip{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1530px;padding:1rem clamp(1rem,3vw,2rem) 0}.summary-strip>div{background:var(--surface);border:1px solid var(--soft-line);border-radius:8px;min-width:0;padding:.85rem 1rem}.summary-strip span,.records-drawer summary span,.client-picker summary span{color:var(--muted);display:block;font-size:.73rem;font-weight:820;letter-spacing:0;text-transform:uppercase}.summary-strip strong{color:var(--ink);display:block;font-size:1rem;line-height:1.25;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(34rem,.85fr) minmax(54rem,1.15fr);margin:0 auto;max-width:1680px;padding:1rem clamp(1rem,3vw,2rem) 1.5rem}.editor-section,.more-details,.records-drawer{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px #1725320e}.editor{display:grid;gap:.9rem;min-width:0}.editor-section{min-width:0;padding:1rem 1.05rem}.editor-section h2{color:var(--ink);font-size:1rem;margin:0 0 .9rem}.drawer-body,.client-picker .drawer-body{border-top:1px solid var(--soft-line);display:grid;gap:.8rem;padding:.9rem}.records-drawer summary,.client-picker summary{align-items:center;color:var(--ink);cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;min-width:0;padding:.95rem 1rem}.records-drawer summary strong,.client-picker summary strong{color:var(--ink);font-size:.9rem;line-height:1.2;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.client-picker{background:#f9fafb;border:1px solid var(--soft-line);border-radius:8px;margin-bottom:.9rem}.search-field{align-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:8px;color:var(--muted);display:grid;gap:.5rem;grid-template-columns:auto 1fr;min-height:2.65rem;padding:0 .7rem}.search-field input{background:transparent;border:0;box-shadow:none;min-height:2.55rem;padding:0}.search-field:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #4267b224}.history-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.record-list{display:grid;gap:.55rem}.compact-record-list{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.record-card{background:var(--surface-subtle);border:1px solid var(--soft-line);border-radius:8px;display:grid;gap:.65rem;min-width:0;padding:.75rem}.record-card strong,.record-card span{display:block}.record-card strong{color:var(--ink);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-card span,.empty-records{color:var(--muted);font-size:.78rem;line-height:1.35;margin-top:.15rem;overflow-wrap:anywhere}.empty-records{margin:.3rem 0 0}.history-actions button{min-height:2.15rem;padding:.45rem .65rem}.record-card .history-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.4rem,1fr))}.record-card .history-actions button{min-width:0;padding-inline:.5rem;width:100%}.save-client-button{justify-self:start}.grid{display:grid;gap:.7rem;margin-bottom:.7rem}.grid:last-child{margin-bottom:0}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:.35rem}.field span{color:#2b3440;font-size:.82rem;font-weight:800}input,select,textarea{background:#fff;border:1px solid #cfd8df;border-radius:6px;color:var(--ink);font-size:.96rem;min-height:2.8rem;padding:.7rem .72rem;width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px #4267b224;outline:none}.item-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.item-heading,.item-row{display:grid;grid-template-columns:minmax(12rem,1fr) 5rem 5.1rem 7rem 2.8rem}.item-heading{background:#2b3440;color:#fff;font-size:.76rem;font-weight:800}.item-heading span,.item-row>*{border-right:1px solid var(--line)}.item-heading span{padding:.55rem}.item-heading span:last-child,.item-row>*:last-child{border-right:0}.item-row{border-top:1px solid var(--line)}.item-row label{display:grid;min-width:0}.item-row label>span{display:none}.item-row input,.item-row textarea{border:0;border-radius:0;min-height:3.4rem}.item-row textarea{min-height:5.5rem}.item-row output{align-items:center;display:flex;font-size:.88rem;font-weight:800;justify-content:flex-end;padding:.55rem}.item-row .icon-button{border:0;border-radius:0}.add-button{margin-top:.75rem}.check-row{align-items:center;display:flex;font-size:.88rem;font-weight:700;gap:.5rem}.check-row input{min-height:1rem;width:1rem}.more-details summary{color:var(--ink);cursor:pointer;font-size:.98rem;font-weight:900;padding:1rem}.more-details-body{border-top:1px solid var(--soft-line);padding:1rem}.preview-pane{align-self:start;background:#eef2f4;border:1px solid var(--line);border-radius:8px;min-width:0;overflow:auto;padding:1rem;position:sticky;top:5.6rem}.po-paper{background:#fff;border:1px solid #d1d9d5;box-shadow:0 16px 40px #141f1b1c;color:#111a17;margin:0 auto;min-height:1123px;padding:1.8rem;width:min(100%,794px)}.po-header{display:grid;gap:2rem;grid-template-columns:1fr 15.5rem}.company-block{align-items:flex-start;display:flex;gap:1rem}.document-mark{border-color:#b1121b;color:#b1121b;flex:0 0 auto;font-size:1.15rem;height:3.7rem;width:3.7rem}.company-block h2,.po-title h2{margin:0}.company-block p,.delivery-block p,.notes-block p,.compact-dl,.po-title dl{font-size:.82rem}.company-block p{margin:.15rem 0}.po-title h2{color:#34322f;font-size:1.45rem;text-align:right;text-transform:uppercase}.po-title dl,.compact-dl,.totals dl{display:grid;grid-template-columns:auto 1fr}.po-title dl{column-gap:1rem;row-gap:.3rem}.po-title dt,.compact-dl dt,.totals dt{color:#4e5c57;font-weight:700}.po-title dd,.compact-dl dd,.totals dd{margin:0;text-align:right}.po-line{border-top:2px solid #b1121b;margin:1.1rem 0}.po-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.po-grid h3,.delivery-block h3,.notes-block h3{color:#34322f;font-size:.83rem;letter-spacing:0;margin:0 0 .5rem;text-transform:uppercase}.po-grid p{font-size:.82rem;margin:.15rem 0;white-space:pre-line}.compact-dl{column-gap:.8rem;margin:.55rem 0 0;row-gap:.2rem}.compact-dl dd{text-align:left}.delivery-block{margin:0 0 1rem}.po-items{border-collapse:collapse;font-size:.78rem;width:100%}.po-items th{background:#34322f;color:#fff;padding:.6rem .5rem;text-align:left}.po-items td{border:1px solid #d6ded9;padding:.58rem .5rem;vertical-align:top;white-space:pre-line}.po-items td:nth-child(1),.po-items td:nth-child(3),.po-items td:nth-child(4){text-align:center}.po-items td:nth-child(5),.po-items td:nth-child(6){text-align:right}.po-bottom{display:grid;gap:1.5rem;grid-template-columns:1fr 16rem;margin-top:1.2rem}.notes-block p{margin:0;white-space:pre-line}.terms{color:#52615c;margin-top:.7rem!important}.totals{align-self:start;border-top:2px solid #b1121b;padding-top:.65rem}.totals dl{column-gap:1rem;font-size:.86rem;row-gap:.42rem}.totals .grand{border-top:1px solid #b1121b;color:#b1121b;font-size:1.05rem;font-weight:900;margin-top:.4rem;padding-top:.55rem}.signatures{display:grid;gap:5rem;grid-template-columns:1fr 1fr;margin-top:4rem}.signatures span{display:block;font-size:.82rem;font-weight:800;text-align:center}.signatures i{border-bottom:1px solid #4c5c56;display:block;height:3rem;margin-bottom:.55rem}.signatures p{font-size:.78rem;margin:.22rem 0}.po-paper.po-template{border:0;box-shadow:0 16px 40px #141f1b1f;color:#111;font-family:Arial,Helvetica,sans-serif;max-width:none;min-height:1123px;overflow:visible;padding:42px 38px 34px;position:relative;width:794px}.company-reg{font-size:14px;font-weight:800;position:absolute;right:48px;top:30px}.template-header{text-align:center}.template-header img{display:block;height:auto;margin:28px auto 12px;max-width:74%}.template-contact{display:flex;font-family:Times New Roman,Times,serif;font-size:13px;justify-content:space-between;margin:0 4px 28px}.template-header h2{font-size:19px;letter-spacing:.2px;margin:0 0 22px}.template-rule{border-top:3px solid #000000;margin-bottom:16px}.template-ref-area{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(220px,255px);gap:0;margin-bottom:0}.template-to-label{font-size:12px;font-weight:800;padding-top:8px}.template-client-box{border:2px solid #000000;border-bottom:0;font-size:12px;min-height:74px;min-width:0;overflow-wrap:anywhere;padding:6px 8px;word-break:break-word}.template-client-box p{margin:0 0 6px}.template-client-box .client-address{white-space:pre-wrap}.client-contact-line{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:5px;min-width:0;overflow-wrap:anywhere}.template-ref-box{align-self:start;display:grid;grid-template-columns:90px 1fr;margin-left:auto;width:255px}.ref-labels{display:grid;font-size:12px;font-weight:800;grid-template-rows:repeat(3,22px);justify-items:end;padding-right:8px}.ref-values{border:2px solid #000000;display:grid;font-size:12px;grid-template-rows:repeat(3,22px);min-width:0}.ref-values span{align-items:center;border-bottom:2px solid #000000;display:flex;min-width:0;overflow-wrap:anywhere;padding:0 5px}.ref-values span:last-child{border-bottom:0}.template-items{border-collapse:collapse;font-size:12px;table-layout:fixed;width:100%}.template-items .col-no{width:7.5%}.template-items .col-description{width:39%}.template-items .col-quantity{width:12%}.template-items .col-unit{width:8%}.template-items .col-price,.template-items .col-total{width:16.75%}.template-items th,.template-items td{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.template-items td{border:2px solid #000000;padding:4px 5px;vertical-align:top}.template-items th{background:#fff;font-weight:800;text-align:left}.template-items .project-row{font-size:12px;height:35px;line-height:1.35;text-transform:uppercase}.template-items th:nth-child(3),.template-items td:nth-child(3),.template-items th:nth-child(4),.template-items td:nth-child(4){text-align:right}.template-items th:nth-child(5),.template-items td:nth-child(5),.template-items th:nth-child(6),.template-items td:nth-child(6){text-align:right}.template-items tbody tr:not(.blank-row):not(.amount-row):not(.grand-total-row) td{min-height:30px}.template-items .blank-row td{height:var(--blank-row-height, 405px)}.template-items .amount-row td,.template-items .grand-total-row td{height:22px;vertical-align:middle}.template-items .amount-row td:first-child{text-align:left}.template-items .amount-row td:nth-child(2),.template-items .grand-total-row td:nth-child(2){font-weight:800;text-align:right}.template-items .grand-total-row td{font-weight:800}.template-note{font-size:12px;min-height:48px;padding:4px 12px 0}.template-note p{margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.po-template.template-compact .template-client-box,.po-template.template-compact .template-items,.po-template.template-compact .template-note,.po-template.template-compact .template-prepared{font-size:11px}.po-template.template-compact .template-items th,.po-template.template-compact .template-items td{padding:3px 4px}.po-template.template-compact .template-items .project-row{font-size:11px;height:auto;min-height:30px}.po-template.template-compact .template-note{min-height:34px}.template-prepared{font-size:12px;margin-top:14px;min-height:185px;position:relative;width:330px}.template-prepared img{display:block;height:auto;margin-left:18px;width:260px}.prepared-line{border-top:2px solid #000000;margin:-2px 0 6px;width:165px}.template-prepared p{margin:2px 0}.prepared-company{color:#d40000;font-style:italic;font-weight:800}.template-footer{color:#8a8a8a;font-size:15px;font-weight:700;letter-spacing:.2px;line-height:1.45;margin-top:48px;text-align:center;white-space:pre-line}.pro-shell{background:#f7f9fc;display:block}.pro-workspace{min-width:0}.pro-topbar{background:#fffffff0;min-height:5.65rem;padding:1.15rem clamp(1rem,2.5vw,2rem)}.page-title h1{color:#07132e;font-size:clamp(1.35rem,2.2vw,1.72rem);line-height:1.15;margin:0}.brand-title{align-items:center;display:flex;gap:.85rem}.brand-title img{background:#fff;border:1px solid #e0e6ef;border-radius:8px;height:3rem;object-fit:contain;padding:.25rem;width:4rem}.brand-title span{color:#b1121b;display:block;font-size:.73rem;font-weight:900;text-transform:uppercase}.pro-topbar .actions{flex:0 1 auto;gap:.55rem}.pro-topbar button{background:#fff;border-color:#dbe3ee;box-shadow:none}.pro-topbar .primary-action,.form-actions .primary-action,.preview-actions .primary-action{background:#115cff;border-color:#115cff}.save-status{gap:.4rem}.pro-summary{gap:1rem;max-width:100%;padding-top:1.25rem}.kpi-card{align-items:center;background:#fff;border:1px solid #e0e6ef;border-radius:8px;box-shadow:0 12px 28px #14223d0e;display:flex;justify-content:space-between;min-height:5.35rem;min-width:0;padding:1rem 1.2rem}.kpi-card span{color:#617089;display:block;font-size:.86rem;font-weight:740}.kpi-card strong{color:#07132e;display:block;font-size:1.15rem;line-height:1.2;margin-top:.38rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-card i{align-items:center;border-radius:8px;display:inline-flex;flex:0 0 auto;height:2.65rem;justify-content:center;width:2.65rem}.tone-blue i{background:#eef4ff;color:#115cff}.tone-sky i{background:#ecf7ff;color:#2784ff}.tone-amber i{background:#fff4e8;color:#ff8a00}.tone-green i{background:#eafaf1;color:#11a66a}.utility-grid{display:grid;gap:1rem;grid-template-columns:1.25fr 1fr 1fr;padding:1rem clamp(1rem,3vw,2rem) 0}.utility-panel,.editor-card,.preview-card,.records-panel{background:#fff;border:1px solid #e0e6ef;border-radius:8px;box-shadow:0 16px 34px #1220380e}.utility-panel{min-width:0;padding:1rem}.utility-panel>div:first-child,.panel-heading{align-items:center;display:flex;justify-content:space-between;gap:1rem}.utility-panel span,.panel-heading span{color:#66748a;display:block;font-size:.75rem;font-weight:850;text-transform:uppercase}.utility-panel strong,.panel-heading strong{color:#07132e;display:block;font-size:1rem;margin-top:.25rem}.utility-panel p{color:#66748a;font-size:.86rem;line-height:1.45;margin:.8rem 0 0}.progress-track{background:#edf2f8;border-radius:999px;height:.48rem;margin:.85rem 0;overflow:hidden}.progress-track i{background:#115cff;border-radius:inherit;display:block;height:100%}.readiness-panel ul,.checklist-list{display:grid;gap:.48rem;list-style:none;margin:0;padding:0}.readiness-panel li,.checklist-list div{align-items:center;color:#a15b00;display:flex;font-size:.82rem;font-weight:760;gap:.45rem}.readiness-panel li.done,.checklist-list div.done{color:#0a9157}.pro-workbench{gap:1rem;grid-template-columns:minmax(30rem,.95fr) minmax(42rem,1.05fr);max-width:100%}.editor-card,.preview-card{min-width:0;overflow:hidden}.editor-tabs{border-bottom:1px solid #e0e6ef;display:flex;gap:1.4rem;padding:0 1rem}.editor-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#56657d;font-size:.9rem;min-height:3.3rem;padding:0 .45rem}.editor-tabs button.active{border-bottom-color:#115cff;color:#115cff}.modern-editor{gap:0;padding:.9rem}.modern-editor .editor-section{box-shadow:none;margin-bottom:.9rem}.section-heading{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.9rem}.section-heading h2{margin:0}.section-heading small{background:#edf2f8;border-radius:999px;color:#66748a;font-size:.76rem;margin-left:.35rem;padding:.18rem .48rem}.link-button{background:transparent;border:0;color:#115cff;font-weight:800;min-height:2rem;padding:0}.wide-left{grid-template-columns:minmax(0,1fr) minmax(8rem,12rem)}.professional-items .item-heading,.professional-items .item-row{grid-template-columns:2.1rem minmax(10rem,1fr) 3.6rem 2.8rem 5.9rem 5.9rem 2.5rem}.professional-items .item-heading{background:#f8fafc;color:#07132e}.professional-items .item-heading span,.professional-items .item-row>*{border-color:#e0e6ef}.professional-items .item-heading span{align-items:center;display:flex;min-height:2.35rem}.professional-items .item-row output:first-child{justify-content:center}.professional-items .row-total{align-items:center;display:flex;font-weight:800;justify-content:flex-end}.editor-total{align-items:center;border-top:1px solid #e0e6ef;display:flex;justify-content:space-between;margin-top:.8rem;padding-top:.8rem}.editor-total span{color:#43506a;font-weight:850}.editor-total strong{color:#07132e;font-size:1.3rem}.form-actions,.preview-actions{display:grid;gap:.7rem;grid-template-columns:1fr;padding:0 .25rem .2rem}.preview-card{display:grid;grid-template-rows:auto minmax(0,1fr)}.preview-toolbar{align-items:center;border-bottom:1px solid #e0e6ef;display:flex;gap:1rem;justify-content:space-between;padding:.8rem 1rem}.preview-toolbar span{color:#66748a;display:block;font-size:.75rem;font-weight:850;text-transform:uppercase}.preview-toolbar strong{color:#07132e;display:block;margin-top:.2rem}.preview-toolbar-actions{display:flex;flex-wrap:wrap;gap:.55rem}.preview-card .preview-pane{background:#f2f5f9;border:0;border-radius:0;box-shadow:inset 0 1px #e6ebf2;max-height:47rem;overflow:auto;padding:1rem;position:static}.preview-card .po-paper.po-template{transform-origin:top center;zoom:.78}.bottom-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);padding:0 clamp(1rem,3vw,2rem) 1.5rem}.records-panel{padding:1rem}.small-search{max-width:18rem}.history-table{display:grid;gap:.45rem;margin-top:.9rem}.history-row{align-items:center;border:1px solid #e7edf5;border-radius:7px;display:grid;gap:.7rem;grid-template-columns:7rem minmax(9rem,1fr) 6rem 8rem auto;min-width:0;padding:.65rem .75rem}.history-row strong,.history-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row span{color:#66748a;font-size:.86rem}.history-row div{display:flex;gap:.4rem}.history-row button{min-height:2rem;padding:.35rem .58rem}@media(max-width:1500px){.pro-topbar{align-items:stretch;flex-direction:column;position:static}.pro-topbar .actions{justify-content:flex-start}.workbench{grid-template-columns:1fr}.preview-pane{grid-column:1 / -1;position:static}}@media(max-width:1040px){.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench{grid-template-columns:1fr}.preview-pane{position:static}}@media(max-width:900px){.topbar{align-items:stretch;flex-direction:column;position:static}.brand-heading{align-items:center}.actions{justify-content:flex-start}}@media(max-width:720px){.topbar{align-items:stretch}.brand-heading img{height:2.35rem;width:2.9rem}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.save-status{grid-column:1 / -1;justify-content:center}.actions button{min-width:0;width:100%}.summary-strip,.workbench{padding:.7rem}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-section,.more-details-body,.drawer-body,.client-picker .drawer-body{padding:.85rem}.cols-2,.cols-3,.po-header,.po-grid,.po-bottom,.signatures{grid-template-columns:1fr}.history-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.8rem,1fr))}.history-actions button{width:100%}.item-heading{display:none}.item-row{gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem}.item-row>*{border-right:0}.item-row label>span{color:#2b3440;display:block;font-size:.78rem;font-weight:800;margin-bottom:.35rem}.item-description,.item-row .icon-button{grid-column:1 / -1}.item-row input,.item-row textarea,.item-row .icon-button{border:1px solid #cfd8df;border-radius:6px}.item-row .icon-button{justify-self:start;min-width:7.5rem}.po-paper{padding:1.15rem}.po-paper.po-template{padding:28px 22px 30px}.template-contact{font-size:11px;gap:.6rem}.po-title h2,.po-title dd{text-align:left}}@media print{@page{margin:12mm;size:A4}body{background:#fff}.topbar,.summary-strip,.utility-grid,.editor,.editor-card,.bottom-grid,.preview-toolbar{display:none!important}.app-shell,.workspace,.workbench,.preview-pane{display:block;margin:0;padding:0}.po-paper{border:0;box-shadow:none;min-height:auto;padding:0;width:100%}.po-paper.po-template{box-shadow:none;min-height:273mm;padding:0;width:100%}}@media(max-width:1320px){.pro-workbench,.utility-grid,.bottom-grid{grid-template-columns:1fr}.preview-card .preview-pane{max-height:none}}@media(max-width:980px){.pro-shell{display:block}.pro-topbar{align-items:stretch}.page-title{min-width:0}.professional-items .item-heading{display:none}.professional-items .item-row{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-items .item-row output:first-child,.professional-items .row-total,.professional-items .item-row .icon-button,.professional-items .item-description{grid-column:1 / -1}.history-row{align-items:start;grid-template-columns:1fr}}@media(max-width:720px){.pro-summary{grid-template-columns:1fr}.editor-tabs{gap:.8rem;overflow-x:auto}.editor-tabs button{white-space:nowrap}.link-button,.history-row button{min-height:2.45rem}.form-actions,.preview-actions{grid-template-columns:1fr}.preview-toolbar{align-items:stretch;display:grid}}:root{--desk-blue: #1463f3;--desk-blue-strong: #0e4fd0;--desk-navy: #0c1733;--desk-red: #c41621;--desk-muted: #69768d;--desk-line: #dce4ee;--desk-bg: #f4f7fb}body{background:var(--desk-bg);color:var(--desk-navy)}.pro-shell{background:var(--desk-bg);min-width:0}.pro-topbar{align-items:center;background:#fff;display:grid;gap:clamp(1.25rem,3vw,3.25rem);grid-template-columns:minmax(18rem,auto) minmax(32rem,1fr) auto;min-height:5.3rem;padding:.8rem clamp(1rem,2vw,2rem);position:sticky;top:0}.brand-title img{border:0;height:3rem;padding:0;width:5rem}.brand-title span{color:var(--desk-red);font-size:.68rem;letter-spacing:.04em}.page-title h1{color:var(--desk-navy);font-size:clamp(1.05rem,1.5vw,1.35rem);letter-spacing:-.025em;margin-top:.15rem}.po-at-a-glance{display:grid;gap:clamp(1rem,2vw,2.5rem);grid-template-columns:repeat(4,minmax(7.5rem,1fr));margin:0;min-width:0}.po-at-a-glance>div{min-width:0}.po-at-a-glance dt,.project-total span{color:var(--desk-muted);font-size:.68rem;font-weight:800;letter-spacing:.035em;margin-bottom:.3rem;text-transform:uppercase}.po-at-a-glance dd{color:var(--desk-navy);font-size:.96rem;font-weight:850;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-chip{background:#eef2f7;border-radius:999px;display:inline-flex;font-size:.72rem;line-height:1;padding:.36rem .6rem}.status-approved,.status-issued{background:#e7f7ef;color:#08784b}.saved-client-button{background:#fff;border-color:var(--desk-line);color:var(--desk-navy);white-space:nowrap}.saved-client-button span{align-items:center;background:#eef3fa;border-radius:999px;display:inline-flex;font-size:.7rem;height:1.35rem;justify-content:center;min-width:1.35rem}.command-bar{align-items:center;background:#fffffff5;border-bottom:1px solid var(--desk-line);display:flex;justify-content:space-between;min-height:4.25rem;padding:.65rem clamp(1rem,2vw,2rem);position:sticky;top:5.3rem;z-index:9}.command-bar .actions{flex-wrap:nowrap;justify-content:flex-start}.command-bar button,.saved-client-button,.preview-toolbar button{border-color:var(--desk-line);border-radius:7px;box-shadow:0 1px 2px #0c173308;min-height:2.6rem}.command-bar .primary-action,.form-actions .primary-action{background:var(--desk-blue);border-color:var(--desk-blue)}.command-bar .primary-action:hover,.form-actions .primary-action:hover{background:var(--desk-blue-strong);border-color:var(--desk-blue-strong)}.save-status{background:#eaf8f0;border:0;color:#08784b;flex:0 0 auto}.readiness-bar{align-items:center;background:#fff;border:1px solid var(--desk-line);border-radius:8px;display:grid;gap:1rem;grid-template-columns:auto minmax(12rem,.85fr) minmax(32rem,2.3fr) auto;margin:1rem clamp(1rem,2vw,2rem) 0;padding:.8rem 1rem}.readiness-score{align-items:center;background:conic-gradient(var(--desk-blue) var(--readiness),#e6edf7 0);border-radius:50%;display:flex;height:3.65rem;justify-content:center;position:relative;width:3.65rem}.readiness-score:after{background:#fff;border-radius:50%;content:"";top:.34rem;right:.34rem;bottom:.34rem;left:.34rem;position:absolute}.readiness-score strong{color:var(--desk-navy);font-size:.8rem;position:relative;z-index:1}.readiness-copy{display:grid;gap:.2rem}.readiness-copy strong{font-size:.92rem}.readiness-copy span,.project-total small{color:var(--desk-muted);font-size:.76rem;line-height:1.4}.readiness-bar ul{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;list-style:none;margin:0;padding:0}.readiness-bar li{align-items:center;color:#9b5b04;display:flex;font-size:.72rem;font-weight:760;gap:.35rem;white-space:nowrap}.readiness-bar li.done{color:#078354}.project-total{border-left:1px solid var(--desk-line);display:grid;gap:.15rem;min-width:9.5rem;padding-left:1rem}.project-total strong{font-size:.92rem}.pro-workbench{align-items:stretch;gap:1rem;grid-template-columns:minmax(34rem,1fr) minmax(34rem,1fr);padding:1rem clamp(1rem,2vw,2rem)}.editor-card,.preview-card,.records-panel{border:1px solid var(--desk-line);border-radius:8px;box-shadow:0 8px 26px #2234520d;min-width:0;overflow:hidden}.editor-tabs{background:#fff;border-color:var(--desk-line);gap:1.65rem;min-height:3.3rem;padding:0 1rem}.editor-tabs button{color:#536078;font-size:.82rem;min-height:3.3rem}.editor-tabs button.active{color:var(--desk-blue)}.modern-editor{background:#f9fbfd;gap:.75rem;padding:.8rem}.editor-section{border-color:var(--desk-line);border-radius:7px;box-shadow:none;padding:.85rem}.section-heading h2{font-size:.92rem}.field>span,.item-row label>span{color:#27334b;font-size:.72rem;font-weight:800}input,select,textarea{border-color:#cfd9e6;border-radius:6px}input:focus,select:focus,textarea:focus{border-color:var(--desk-blue);box-shadow:0 0 0 3px #1463f31f}.professional-items .item-heading,.professional-items .item-row{grid-template-columns:2.2rem minmax(14rem,1fr) 3.5rem 3.5rem 6.5rem 6.5rem 2.5rem}.professional-items .item-heading{background:#f5f8fc;color:#43506a}.editor-total strong{color:var(--desk-navy)}.form-actions{padding:0}.preview-toolbar{background:#fff;min-height:3.3rem;padding:.55rem .8rem}.preview-toolbar strong{font-size:.92rem;margin:0}.preview-toolbar span{font-size:.68rem;letter-spacing:0;margin-top:.18rem;text-transform:none}.preview-card .preview-pane{background:#edf2f7;max-height:49rem;min-height:39rem;padding:.9rem}.preview-card .po-paper.po-template{box-shadow:0 10px 30px #1b284021;zoom:.74}.bottom-grid{display:block;padding:0 clamp(1rem,2vw,2rem) 1.5rem}.history-row{grid-template-columns:7rem minmax(12rem,1fr) 7rem 9rem auto}@media(min-width:721px){.form-actions{display:none}}@media(max-width:1320px){.pro-topbar{grid-template-columns:minmax(18rem,auto) 1fr}.saved-client-button{display:none}.po-at-a-glance{grid-template-columns:repeat(4,minmax(0,1fr))}.readiness-bar{grid-template-columns:auto minmax(12rem,.7fr) minmax(28rem,2fr)}.project-total{display:none}.pro-workbench{grid-template-columns:minmax(0,1fr)}.preview-card .preview-pane{max-height:none}}@media(max-width:900px){.pro-topbar{display:flex;min-height:auto;position:static}.po-at-a-glance{display:none}.command-bar{position:static}.readiness-bar{grid-template-columns:auto 1fr}.readiness-bar ul{grid-column:1 / -1}}@media(max-width:720px){.pro-topbar{align-items:center;flex-direction:row;padding:.75rem 1rem}.brand-title{gap:.65rem}.brand-title img{height:2.45rem;width:4.1rem}.page-title h1{font-size:1rem}.brand-title span{font-size:.6rem}.command-bar{align-items:stretch;display:grid;gap:.55rem;padding:.65rem .75rem}.command-bar .actions{display:grid;gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr))}.command-bar .actions button{font-size:.76rem;min-width:0;padding-inline:.5rem;width:100%}.command-bar .primary-action{grid-column:span 2}.save-status{grid-column:1 / -1;justify-content:center;min-height:2rem}.readiness-bar{margin:.75rem;padding:.75rem}.readiness-score{height:3.2rem;width:3.2rem}.readiness-bar ul{display:grid;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.readiness-bar li{min-width:0;white-space:normal}.pro-workbench{display:grid;gap:.75rem;padding:0 .75rem .75rem}.editor-tabs{gap:1.25rem;overflow-x:auto}.modern-editor{padding:.65rem}.editor-section{padding:.75rem}.professional-items .item-row{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-card .preview-pane{max-height:35rem;min-height:26rem;overflow:auto}.preview-card .po-paper.po-template{zoom:.5}.bottom-grid{padding:0 .75rem 1rem}.history-row{grid-template-columns:1fr}}