:root{--premium-green:#22543e;--premium-line:#d8e3dc}
.premium-section-select{display:none}
@media screen{
 #content .ux-screen{animation:premium-appear .16s ease-out}
 #content .beginner-records{border:1px solid #dce5df;border-radius:8px;box-shadow:0 2px 8px #193b2506}
 #content .beginner-records thead th{background:#eff4f0;color:#486352;font-size:11px;letter-spacing:.3px;padding-top:14px;padding-bottom:14px}
 #content .beginner-records tbody tr:hover{background:#f6faf7}
 #content .beginner-records td{vertical-align:top;padding-top:15px;padding-bottom:15px}
 #content .beginner-records .button{min-height:34px}
 #content .toolbar{background:#fff;border:1px solid #dce5df;border-radius:8px;padding:12px;gap:12px}
 #content .search input{background:#f8faf8;border:1px solid #c9d8cd;border-radius:6px;min-height:42px}
 #modal .field label{font-weight:600;color:#34523e;margin-bottom:7px}
 #modal .field input,#modal .field select,#modal .field textarea{border-color:#c5d4ca;border-radius:6px;min-height:42px}
 #modal input:focus,#modal select:focus,#modal textarea:focus{outline:2px solid #598369;outline-offset:2px}
 #modal input:user-invalid,#modal select:user-invalid{border-color:#b34638;background:#fff9f7}
 .premium-summary.has-error{border-color:#b34638;background:#fff1ec;color:#843727}
 .premium-document-totals .details>div:last-child{border-top:1px solid #b9cebf;padding-top:14px;font-size:18px;color:#22543e}
 .premium-quotation{border-radius:10px;box-shadow:0 8px 30px #193b2510}
}
@keyframes premium-appear{from{opacity:.6}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#content .ux-screen{animation:none}}
@media(max-width:720px){.premium-section-select{display:block;width:calc(100% - 24px);margin:10px 12px 12px;padding:11px;border:1px solid #b4caba;border-radius:6px;background:#f3f7f3;color:#224d35;font:inherit}.premium-section-header:has(.premium-section-select) .tabs{display:none}}
.premium-section-header{position:sticky;top:0;z-index:15;background:#fff;border:1px solid var(--premium-line);border-radius:8px;margin:16px 0 20px;box-shadow:0 3px 12px #183b2410}
.premium-section-header>strong{display:block;font-size:10px;letter-spacing:1.2px;color:#5c7466;padding:12px 16px 0}
.premium-section-header .tabs{margin:0!important;border:0!important;border-radius:0;background:transparent;padding:10px 12px;gap:7px;overflow-x:auto;flex-wrap:wrap}
.premium-section-header .tabs button{font-size:13px!important;font-weight:600!important;min-height:42px;border-radius:5px;padding:10px 14px;border:1px solid #cad9cf}
.premium-section-header .tabs button.active{background:var(--premium-green);color:#fff;box-shadow:inset 0 -3px #a5d078}
.premium-section-header .tabs button:focus-visible,.nav-group>summary:focus-visible{outline:3px solid #a9ce57;outline-offset:2px}
.premium-summary{margin:18px 0;padding:14px 16px;background:#eff6f0;border-left:4px solid #447957;border-radius:4px;font-size:13px;line-height:1.7}
.premium-summary .details{margin:0}.premium-summary strong{font-size:18px}
.premium-document-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.premium-quotation{background:white;border:1px solid var(--premium-line);padding:30px;max-width:1050px;margin:15px auto;color:#213c2d}
.premium-quotation>header{display:flex;justify-content:space-between;border-bottom:3px solid #245e42;padding-bottom:20px;margin-bottom:24px;gap:20px}
.premium-quotation header img{width:42px;height:42px;float:left;margin-right:12px}
.premium-quotation>header>div{flex:1;min-width:0;max-width:none;width:auto}
.premium-quotation>header>div:last-child{text-align:right}
.premium-quotation .table-wrap{background:white;border:0;border-radius:0;padding:0;overflow-x:auto}
.premium-quotation .table-wrap table{border-collapse:collapse;width:100%;border-spacing:0}
.premium-quotation .table-wrap table tr{display:table-row;box-shadow:none;border:0;border-radius:0;background:transparent}
.premium-quotation .table-wrap table th,.premium-quotation .table-wrap table td{display:table-cell;background:transparent;padding:12px;border:0;border-bottom:1px solid #d8e3dc;font-size:12px}
.premium-quotation .table-wrap table th{background:#eef4ef;font-weight:600;color:#365640}
.premium-quotation h2{font-size:22px}.premium-quotation h3{margin:20px 0 12px;font-size:15px}
.premium-quotation header p{font-size:12px;margin:6px 0}.premium-quotation header strong{font-size:20px}
.premium-document-totals{margin:20px 0 20px auto;width:min(100%,370px);background:#eff6f0;padding:16px}
.premium-document-totals .details{display:grid;grid-template-columns:1fr;gap:12px}
.premium-document-totals .details>div{display:flex;justify-content:space-between;align-items:center;gap:15px}
.premium-context{padding:12px;background:#f2f6f3;border-bottom:1px solid var(--premium-line);font-size:13px}
.premium-barcode-options{padding:16px;margin:15px 0;border:1px solid #c6d8cb;border-radius:6px;line-height:1.6}
.premium-barcode-options legend{font-weight:700;font-size:14px}.premium-barcode-options>label{display:inline-flex;gap:6px;margin:8px 16px 8px 0;align-items:center;font-size:13px}
.premium-barcode-options p{font-size:12px;color:#566d5d}.premium-barcode-options[hidden]{display:none}
.premium-barcode-value{overflow-wrap:anywhere;font-family:monospace;font-size:11px}
.premium-stock-equivalence{color:#27603e;font-size:11px!important;margin-top:8px!important}
#label-barcode-holder svg{max-width:100%;height:auto}
.beginner-records .ux-unit-equation{display:flex;gap:10px;align-items:center;font-size:13px;padding:0;background:transparent}
.beginner-records footer>.button{margin:3px}
@media(max-width:720px){.premium-section-header{position:relative;top:auto}.premium-section-header .tabs{flex-wrap:nowrap}.premium-section-header .tabs button{white-space:nowrap;flex:0 0 auto}.premium-quotation{padding:15px}.premium-quotation>header{flex-direction:column}.premium-quotation>header>div:last-child{text-align:left}}
@media print{
 body:has(.premium-quotation) .sidebar,body:has(.premium-quotation) .topbar,body:has(.premium-quotation) .page-head,body:has(.premium-quotation) .premium-section-header,body:has(.premium-quotation) .demo-notice,body:has(.premium-quotation) .ux-record-tools,body:has(.premium-quotation) .premium-document-actions,body:has(.premium-quotation) .footer,body:has(.premium-quotation) .ux-screen>button{display:none!important}
 .premium-quotation{padding:0;margin:0;border:0;max-width:none;box-shadow:none}.premium-quotation th,.premium-quotation td{padding:8px!important}.premium-quotation tr{break-inside:avoid}.premium-document-totals{break-inside:avoid}.premium-section-header{position:static}
}