.pur-shell{display:grid;gap:15px;max-width:1600px;margin:0 auto}.pur-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.pur-head h2{margin:0 0 4px;font-size:24px;letter-spacing:-.035em}.pur-head p{margin:0;color:var(--muted);font-size:12px}
.pur-sections,.pur-tabs{display:flex;gap:5px;overflow:auto;padding:5px;border:1px solid #e1e4e8;border-radius:12px;background:#f4f5f7}
.pur-section-short,.pur-status-dropdown,.pur-mobile-export,.pur-mobile-price-action{display:none}.pur-record-controls{display:grid;gap:15px}.pur-status-controls{min-width:0}.pur-head-actions{display:flex;align-items:center;gap:8px}
.pur-sections button,.pur-tabs button{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer}
.pur-sections button.on{background:#111;color:#fff}.pur-tabs button.on{background:#e72032;color:#fff}.pur-tabs b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#fff;color:#333;font-size:10px}
.pur-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between}.pur-toolbar label{position:relative;display:block;max-width:520px;flex:1}.pur-toolbar label svg{position:absolute;left:11px;top:50%;width:16px;transform:translateY(-50%)}.pur-toolbar .inp{width:100%;padding-left:36px}.pur-toolbar-actions{display:flex;gap:7px;flex-wrap:wrap}
.pur-card{border:1px solid #e1e4e8;border-radius:14px;background:#fff;overflow:hidden}.pur-pad{padding:16px}.pur-pad h3{margin:0 0 12px;font-size:14px}.pur-pad p{color:var(--muted);font-size:11px}
.pur-table-wrap{overflow:auto}.pur-table{width:100%;min-width:900px;border-collapse:collapse}.pur-table th{padding:10px 12px;border-bottom:1px solid #e5e7eb;color:#737982;font-size:10px;text-align:left;text-transform:uppercase}.pur-table td{padding:12px;border-bottom:1px solid #eceef1;font-size:12px}.pur-table tr:last-child td{border-bottom:0}.pur-table .money{text-align:right;font-variant-numeric:tabular-nums}
.pur-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:#eef0f2;color:#555;font-size:10px;font-weight:900}.pur-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#89909a}
.pur-status.sent,.pur-status.awaiting_approval{background:#edf5ff;color:#1765a6}.pur-status.sent:before,.pur-status.awaiting_approval:before{background:#2986d6}
.pur-status.received,.pur-status.approved,.pur-status.paid{background:#e8f8ef;color:#087548}.pur-status.received:before,.pur-status.approved:before,.pur-status.paid:before{background:#0aa263}
.pur-status.partially_received{background:#fff7e5;color:#825d10}.pur-status.cancelled{background:#fff0f0;color:#a72530}.pur-status.billed,.pur-status.sent_to_accounting{background:#f2ecff;color:#623ab1}
.pur-empty{padding:45px 20px;text-align:center}.pur-empty h3{margin:0 0 5px}.pur-empty p{max-width:520px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.55}
.pur-mobile{display:none}.pur-builder{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px;align-items:start}.pur-builder main,.pur-builder aside{display:grid;gap:14px}
.pur-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pur-grid label,.pur-pad>label{display:grid;gap:5px;font-size:11px;font-weight:850}.pur-grid .wide{grid-column:1/-1}.pur-grid textarea,.pur-pad textarea{min-height:84px;resize:vertical}
.pur-title-row{display:flex;justify-content:space-between;gap:10px}.pur-title-row h3{margin-bottom:3px}.pur-line-head,.pur-line{display:grid;grid-template-columns:minmax(180px,1fr) 120px 80px 110px 105px 32px;gap:7px;align-items:center}.pur-line-head{padding:0 0 5px;color:#737982;font-size:10px;font-weight:800}.pur-line{margin-bottom:7px}.pur-line>b{text-align:right;font-size:12px}.pur-line>button,[data-kit-remove]{border:0;background:transparent;color:#bd1f2d;font-weight:800;cursor:pointer}
.pur-total{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px}.pur-total b{text-align:right;font-variant-numeric:tabular-nums}.pur-total b:last-child{font-size:18px}.pur-actions{display:grid;gap:8px}.pur-actions .btn,.pur-builder aside>.btn{width:100%;justify-content:center}
.pur-alert{padding:11px 13px;border:1px solid #efb3b8;border-radius:10px;background:#fff0f1;color:#98222c;font-size:12px}.pur-upload{margin-top:13px;padding:12px;border:1px dashed #cbd0d6;border-radius:10px}.pur-upload input{font:inherit}.pur-upload span{color:var(--muted);font-size:10px;line-height:1.5}
.pur-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.pur-detail>div{padding:11px;border-radius:10px;background:#f6f7f8}.pur-detail span{display:block;margin-bottom:4px;color:var(--muted);font-size:10px}.pur-detail-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eceef1;font-size:12px}.pur-detail-line:last-child{border-bottom:0}
.pur-kit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pur-kit-grid article h3{margin:8px 0 4px}.pur-kit-grid article p{min-height:34px;margin:0 0 12px}.pur-code{padding:4px 7px;border-radius:6px;background:#f0f2f4;font-size:9px;font-weight:900}.pur-kit-money{display:flex;gap:14px;margin-bottom:8px;font-size:11px}.pur-kit-money b{margin-left:4px}.pur-kit-add{display:grid;grid-template-columns:1fr 90px auto;gap:8px;margin-bottom:12px}
@media(max-width:980px){.pur-builder{grid-template-columns:1fr}.pur-builder aside{grid-template-columns:repeat(2,1fr)}.pur-kit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pur-shell{padding-right:2px}.pur-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.pur-head>div:first-child{display:contents}.pur-head h2{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:22px}.pur-head p{grid-column:1/-1;grid-row:2;margin-top:1px;line-height:1.5}.pur-head-actions{grid-column:2;grid-row:1;gap:6px}.pur-head-actions .btn,.pur-mobile-export{display:grid;width:42px;height:42px;min-width:42px;margin:0;padding:0;place-items:center;border:0;border-radius:12px}.pur-head-actions .btn{background:#e91d2d;box-shadow:0 6px 15px #e91d2d2e}.pur-head-actions .btn span{display:none}.pur-head-actions svg,.pur-mobile-export svg{width:19px;height:19px}.pur-mobile-export{background:#e9eef4;color:#27364a}.pur-record-controls{display:flex;align-items:center;gap:7px;min-width:0}.pur-record-controls .pur-sections{flex:1;min-width:0}.pur-section-full{display:none}.pur-section-short{display:inline}.pur-sections{gap:2px;padding:3px;overflow:hidden;border:0;background:#eef2f6}.pur-sections button{flex:1;justify-content:center;min-width:0;min-height:38px;padding:7px 5px;font-size:10px}.pur-status-controls{flex:0 0 auto}.pur-status-controls>.pur-tabs{display:none}.pur-status-dropdown{position:relative;display:block}.pur-status-trigger{display:flex;align-items:center;justify-content:center;gap:4px;min-width:74px;height:44px;padding:0 9px;border:0;border-radius:11px;background:#e9eef4;color:#27364a;font:inherit;font-size:10.5px;font-weight:850}.pur-status-trigger svg{width:14px;height:14px}.pur-status-menu{position:absolute;z-index:45;top:calc(100% + 7px);right:0;width:190px;padding:7px;border:1px solid #dfe5eb;border-radius:13px;background:#fff;box-shadow:0 14px 34px #11182724}.pur-status-menu[hidden]{display:none}.pur-status-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:38px;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:#344054;font:inherit;font-size:11px;font-weight:800}.pur-status-menu button.on{background:#f0f4f8;color:#111827}.pur-status-menu b{display:grid;min-width:20px;height:20px;place-items:center;border-radius:99px;background:#e9eef4;font-size:9px}.pur-desktop-export{display:none}.pur-toolbar{display:block}.pur-toolbar label{max-width:none}.pur-table-wrap{display:none}.pur-mobile{display:grid;gap:9px;padding:10px}.pur-mobile article{padding:12px;border:1px solid #e2e5e9;border-radius:11px}.pur-mobile article>div,.pur-mobile footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.pur-mobile h3{margin:11px 0 3px;font-size:13px}.pur-mobile p{margin:0;color:var(--muted);font-size:10px}.pur-mobile footer{margin-top:12px;padding-top:10px;border-top:1px solid #eceef1}.pur-line-head{display:none}.pur-line{grid-template-columns:minmax(0,1fr) 80px 32px}.pur-line [data-line=supplier_code]{display:none}.pur-line [data-line=unit_cost]{grid-column:1}.pur-line>b{grid-column:2}.pur-line>button{grid-column:3;grid-row:1}.pur-grid{grid-template-columns:1fr}.pur-grid .wide{grid-column:auto}.pur-builder aside{grid-template-columns:1fr}.pur-kit-grid{grid-template-columns:1fr}}
@media(max-width:520px){.pur-detail{grid-template-columns:1fr}.pur-kit-add{grid-template-columns:1fr 80px}.pur-kit-add .btn{grid-column:1/-1}}
@media(max-width:760px){.pur-shell{width:calc(100% - 2px);margin-right:0;margin-left:0}}
@media(max-width:760px){.pur-mobile-price-action{display:grid;width:38px;height:42px;min-width:38px;padding:0;place-items:center;border:0;border-radius:11px;background:#e9eef4;color:#27364a}.pur-price-head-actions{gap:4px}.pur-price-head-actions .btn{width:42px;min-width:42px}.pur-price-head-actions svg{width:18px;height:18px}.pur-toolbar-actions{display:none}}