.account{display:flex;gap:20px;align-items:center;min-width:0}.account>div{min-width:0}.account strong,.account span{display:block;overflow-wrap:anywhere}.account strong{font-size:14px}.account span{font-size:13px;color:#60717a;margin-top:4px}.secondary{background:#eef3f4;color:#173c46;width:auto;flex-shrink:0;padding:11px 16px}.secondary:hover{background:#dce9e8}.auth-screen{max-width:520px;margin:20px auto 65px}.auth-screen h1{font-size:34px}.auth-switch{text-align:center;line-height:1.6}.auth-switch a{color:#17634e;text-decoration:underline;font-weight:600}.field-help{font-size:14px;color:#60717a;line-height:1.5;margin:-12px 0 22px}.client-picker{max-width:700px;background:#fff;border:1px solid #dce3e7;border-radius:8px;padding:24px}.client-picker label{margin-bottom:0}select{width:100%;font:inherit;font-size:16px;color:#192b32;background:#fff;border:1px solid #c7d2d8;border-radius:5px;padding:14px}select:focus{outline:3px solid #c6e5da;border-color:#27745f}.table-status{padding:12px 24px;color:#60717a}.read-only{font-size:14px;color:#60717a}#history-screen{margin-top:28px}#admin-status{line-height:1.6}#global-error:empty{display:none}@media(max-width:760px){header{height:auto;min-height:80px;gap:15px;padding:16px 20px;flex-wrap:wrap}.account{gap:12px;max-width:100%}.brand{font-size:18px}.account span{max-width:240px}.auth-screen{margin-top:0}.auth-screen h1{font-size:30px}}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192b32;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px}header{height:88px;background:#fff;border-bottom:1px solid #dde3e7;padding:0 6%;display:flex;align-items:center;justify-content:space-between}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.6px}.mark{background:#173c46;color:white;padding:8px 10px;font-size:24px}.edition{font-size:14px;color:#657780}main{max-width:1180px;margin:auto;padding:34px 32px}nav{display:flex;gap:30px;border-bottom:1px solid #d6dfe4;margin-bottom:42px}nav a{padding:0 0 18px;color:#6a7980;font-size:14px;display:flex;gap:12px;border-bottom:3px solid transparent}nav span{font-size:16px;font-weight:600}nav a[aria-current=page]{color:#14624f;border-bottom-color:#14624f}.eyebrow{font-size:12px!important;font-weight:700;letter-spacing:2px;color:#27745f!important}h1{font-size:40px;letter-spacing:-1.5px;margin:10px 0 12px;line-height:1.15}.heading>p{color:#61717b;margin-bottom:26px;line-height:1.6}.purchase-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:26px}form{background:white;border:1px solid #dce3e7;padding:30px;border-radius:8px}label{display:flex;flex-direction:column;gap:10px;font-size:14px;font-weight:600;margin-bottom:24px}input{width:100%;min-width:0;background:#fff;border:1px solid #c7d2d8;border-radius:5px;padding:14px;font:inherit;font-size:16px;color:#192b32}input::placeholder{color:#839098}input:focus{outline:3px solid #c6e5da;border-color:#27745f}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-total{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid #e1e7eb;font-size:14px}.form-total strong{font-size:24px}button{width:100%;background:#17634e;color:white;font:inherit;font-weight:600;border:0;padding:17px;border-radius:5px;display:flex;justify-content:space-between;cursor:pointer}button:hover{background:#124d3d}button:disabled{opacity:.6;cursor:wait}aside{background:#173c46;border-radius:8px;color:white;padding:34px;display:flex;flex-direction:column}.aside-number{font-size:13px;color:#adc7ca;letter-spacing:2px}aside h2{font-size:36px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:55px 0 18px}aside p{color:#d1e0e3;line-height:1.7;max-width:260px}.aside-note{font-size:14px;color:#d1e0e3;border-top:1px solid #47636c;padding-top:24px;margin-top:auto;line-height:1.6}.error{color:#b33131;font-size:14px}.error:empty{display:none}.metrics{display:grid;grid-template-columns:1fr 1fr 1.4fr;background:#fff;border:1px solid #dce3e7;border-radius:8px;margin:24px 0}.metrics>div{padding:26px;border-right:1px solid #e3e8eb}.metrics>div:last-child{border:0}.metrics span{display:block;font-size:14px;color:#60717a;margin-bottom:14px}.metrics strong{font-size:30px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.table-panel{background:white;border:1px solid #dce3e7;border-radius:8px;overflow:hidden}.table-title{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;gap:20px}.table-title h2{font-size:18px;margin:0}.table-title a{font-size:14px;color:#17634e;font-weight:600}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;background:#f7f9fa;color:#61717b;font-size:13px;font-weight:500}td,th{padding:18px 22px;border-top:1px solid #e5eaed}td{font-size:14px}td:first-child{font-weight:600;white-space:normal;min-width:160px;overflow-wrap:anywhere}.number{text-align:right;font-variant-numeric:tabular-nums}.footnote{font-size:14px;color:#62737a;line-height:1.6}.success{padding:15px 20px;background:#e2f3eb;color:#17583e;border-radius:5px;font-size:14px}#inventory-status{padding:16px 24px 30px;color:#637580}footer{margin-top:50px;padding-top:22px;border-top:1px solid #d6dfe4;display:flex;justify-content:space-between;color:#6c7d84;font-size:12px;letter-spacing:1px}footer span{letter-spacing:0}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #69b79d;outline-offset:4px}@media(max-width:760px){header{height:72px;padding:0 22px}.edition{display:none}main{padding:26px 18px}.purchase-layout{grid-template-columns:1fr}aside{display:none}h1{font-size:32px}form{padding:22px}.metrics{grid-template-columns:1fr}.metrics>div{border-right:0;border-bottom:1px solid #e3e8eb;padding:20px}.metrics strong{font-size:26px}.row{gap:14px}footer{gap:20px}nav{margin-bottom:30px}}@media(max-width:380px){.row{grid-template-columns:1fr}}
/* Import preview and physical stock items */
.check-label{flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.5;gap:10px}.check-label input,input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:#17634e;margin:2px 0 0}.compact{margin:0}.date-field{max-width:280px;margin-top:24px}.notice{padding:16px 20px;background:#fff2d9;color:#6c4c13;border-radius:6px;line-height:1.6}.bulk-actions{display:flex;align-items:center;gap:20px;padding:18px 24px;background:#f7f9fa;flex-wrap:wrap}.bulk-actions label{margin:0;min-width:240px}.bulk-actions button{margin-top:20px}.bulk-actions span{font-size:14px;color:#61717b}.preview-scroll{max-height:620px}.preview-scroll th{position:sticky;top:0;z-index:1}.preview-scroll td{padding:10px 12px}.preview-scroll input:not([type=checkbox]){min-width:140px;padding:10px;font-size:14px}.preview-scroll td:nth-child(3) input{min-width:240px}.preview-scroll td:nth-child(7) input{min-width:90px}.preview-scroll td:first-child{min-width:40px}.review-note{white-space:normal;min-width:240px;max-width:300px;color:#6c4c13;line-height:1.5}.import-confirm{padding:24px 0}.import-confirm button{max-width:360px}#imports-history{margin-top:30px}#items-panel{margin:0}.stock-link{width:auto;display:inline-block;padding:0;background:transparent;color:#17634e;text-decoration:underline;font-size:14px;white-space:nowrap}.stock-link:hover{background:transparent;color:#124d3d}#items-body td:first-child{font-family:monospace;font-size:12px;white-space:nowrap}#import-status{line-height:1.6}#import-error{font-size:16px}nav{flex-wrap:wrap}@media(max-width:760px){nav{gap:20px}.table-title{flex-wrap:wrap}.bulk-actions{padding:16px}.bulk-actions button{margin:0}.preview-scroll{max-height:500px}}

/* Stock numbering and inline instance details. Direct-child selectors leave the nested table intact. */
#stock-body>tr:not(.stock-items-row)>td:first-child{min-width:48px;width:48px;font-weight:400;color:#61717b;text-align:right;white-space:nowrap}#stock-body>tr:not(.stock-items-row)>td:nth-child(2){min-width:260px;white-space:normal;font-weight:600;overflow-wrap:normal;word-break:normal;hyphens:none}#stock-body>tr:not(.stock-items-row)>td:nth-child(2) .stock-link{white-space:normal;text-align:left}#stock-body>tr:not(.stock-items-row)>td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums}#stock-body>.stock-items-row>td{padding:16px;background:#eef5f2;white-space:normal;font-weight:400}#items-panel .table-title h2{white-space:normal;overflow-wrap:anywhere}.stock-link[aria-expanded=true]{font-weight:700}

/* Use more of the desktop viewport and keep stock columns compact. */
@media (min-width:761px) {
  main { max-width:1800px; padding:34px clamp(20px,2.5vw,48px); }
  header { padding-left:clamp(20px,2.5vw,48px); padding-right:clamp(20px,2.5vw,48px); }
}
#stock-table { table-layout:auto; min-width:1100px; }
#stock-table .stock-col-number { width:3%; }
#stock-table .stock-col-product { width:28%; }
#stock-table .stock-col-code { width:7%; }
#stock-table .stock-col-brand { width:10%; }
#stock-table .stock-col-attribute { width:90px; }
#stock-table .stock-col-quantity { width:7%; }
#stock-table .stock-col-price { width:9%; }
#stock-table .stock-col-sale { width:9%; }
#stock-table .stock-col-value { width:11%; }
#stock-table>thead>tr>th { padding:12px 9px; font-size:12px; white-space:normal; line-height:1.4; }
#stock-body>tr:not(.stock-items-row)>td { padding:12px 9px; font-size:13px; line-height:1.45; }
#stock-body>tr:not(.stock-items-row)>td:first-child { min-width:0; width:auto; }
#stock-body>tr:not(.stock-items-row)>td:nth-child(2) { min-width:260px; overflow-wrap:normal; word-break:normal; }
#stock-body>tr:not(.stock-items-row)>td:nth-child(4), #stock-body>tr>td.stock-attribute { white-space:normal; overflow-wrap:anywhere; }
#stock-body>tr>td.stock-attribute { min-width:80px; }
#stock-table .stock-link { font-size:13px; }
#stock-body>.stock-items-row>td { padding:10px; }
#items-panel { min-width:0; }
#items-panel td,#items-panel th { padding:12px 10px; }
/* Stock filters and category sections */
.stock-filters{padding:20px 24px;background:#fff;border:1px solid #dce3e7;border-radius:8px;margin:24px 0}.filters-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.filters-heading h2{font-size:18px;margin:0}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.filters-grid label{margin:0;min-width:0}.filters-grid select{font-size:14px;padding:11px 12px}.stock-filters .footnote{margin:16px 0 0}.stock-filters button:disabled{cursor:default}:is(#stock-body,#products-body)>.stock-category-row>th{padding:12px 14px;background:#e7efeb;color:#254f40;white-space:normal;text-align:left;border-top:1px solid #cadbd2}:is(#stock-body,#products-body)>.stock-category-row strong{font-size:14px}:is(#stock-body,#products-body)>.stock-category-row span{font-size:12px;font-weight:400;color:#577266;margin-left:18px;white-space:nowrap}@media(max-width:900px){.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.stock-filters{padding:16px}.filters-grid{grid-template-columns:1fr}}
/* Multi-line purchase orders and goods receipts */
.proc-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.proc-actions button{width:auto;justify-content:center}.proc-document-list{margin-top:26px}.proc-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.proc-lines-table{min-width:1200px;white-space:normal}.proc-lines-table th,.proc-lines-table td{padding:10px 8px;font-size:13px;vertical-align:top}.proc-lines-table td:first-child{min-width:35px;width:35px;font-weight:400}.proc-lines-table td:nth-child(2){min-width:260px;width:28%}.proc-lines-table td:nth-child(n+3):nth-child(-n+6){min-width:95px}.proc-lines-table td:nth-child(7),.proc-lines-table td:nth-child(8){min-width:100px}.proc-lines-table input,.proc-lines-table select{padding:10px 8px;font-size:13px}.proc-lines-table select{margin-bottom:8px;max-width:350px}.proc-lines-table small{display:block;line-height:1.5;color:#61717b;margin-top:6px}.proc-lines-table .number{white-space:nowrap}.proc-lines-table input:disabled{background:#f5f7f8;color:#455860;opacity:1}.proc-lines-table .secondary{padding:8px 12px}#proc-fields{border:0;margin:0;padding:0;min-width:0}#proc-add-line{margin-top:16px}.proc-confirm{padding:20px;background:#e7f2ed;border-radius:8px;margin:20px 0}.proc-confirm button{width:auto}#proc-payment-form{max-width:520px;padding:20px;margin:12px 0;background:#e7f2ed}#proc-payment-form>strong{display:block;margin-bottom:12px}#proc-payment-form>p{line-height:1.5}#proc-payment-form label{margin:18px 0 0}#proc-payment-form .proc-actions{margin-bottom:0}#proc-editor{margin:24px 0}#proc-message{line-height:1.6;color:#17583e}#proc-error{font-size:16px;line-height:1.6}@media(max-width:760px){.proc-meta{grid-template-columns:1fr}.proc-meta label{margin-bottom:12px}.proc-actions{align-items:stretch;flex-direction:column}}

/* Compact shared header: logo, client navigation and account in one row. */
header{height:auto;min-height:64px;gap:24px;padding:8px clamp(20px,2.5vw,48px);flex-wrap:nowrap}
header .brand{flex-shrink:0}
header .mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:21px}
header #client-nav{align-self:stretch;align-items:stretch;gap:24px;flex-wrap:nowrap;border:0;margin:0;min-width:0}
header #client-nav a{align-items:center;padding:10px 0 8px;gap:7px;white-space:nowrap}
header .account{margin-left:auto;gap:16px}
header .account>div{max-width:300px}
header .account span{margin-top:2px}
main{padding-top:20px}
@media(max-width:760px){
  header{gap:12px;flex-wrap:wrap;padding:10px 18px}
  header .account{gap:10px;max-width:calc(100% - 48px)}
  header .account>div{max-width:200px}
  header .account strong{font-size:13px}
  header .account span{font-size:12px}
  header #client-nav{order:3;flex-basis:100%;gap:24px}
  header #client-nav a{padding:7px 0 5px}
  header #client-nav span{font-size:15px}
  main{padding-top:16px}
}

.proc-sections{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;border-bottom:1px solid #d6dfe4}
.proc-sections button{width:auto;background:transparent;color:#61717b;border-radius:0;border-bottom:3px solid transparent;padding:12px 16px;font-size:15px}
.proc-sections button:hover{background:#eaf0ef;color:#17634e}
.proc-sections button[aria-pressed=true]{color:#17634e;border-bottom-color:#17634e}
.proc-document-list table td:last-child button{width:auto;white-space:nowrap;padding:9px 12px;font-size:13px}
#payments-table input[type=date]{min-width:150px;padding:8px;font-size:13px}
@media(max-width:480px){.proc-sections{gap:0}.proc-sections button{padding:10px;font-size:14px}}

.proc-linked-documents{padding:14px 18px;margin:16px 0;background:#eef3f4;border-radius:6px;font-size:14px;color:#52666e;line-height:1.7}
.proc-linked-documents:empty{display:none}
.proc-linked-documents strong{color:#192b32}
.proc-linked-documents p{margin:4px 0 0}
.proc-linked-documents ul{list-style:none;padding:0;margin:6px 0 0}
.proc-linked-documents li+li{margin-top:6px}
.proc-linked-documents .stock-link{white-space:normal;text-align:left}
.proc-editor-toolbar .proc-linked-documents{flex:1;min-width:0;margin:0}
.proc-editor-toolbar #proc-close{margin-left:auto}

.proc-document-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin-bottom:22px}
.proc-document-heading h2{font-size:18px;margin:0}
.proc-document-heading span{font-size:14px;font-weight:600;color:#27745f}

.proc-lines-table .proc-line-copy{display:block;width:auto;white-space:nowrap;margin:8px 0 0;font-size:12px}

#counts-panel{margin:18px 0 24px}.counts-content{padding:0 24px 20px}.counts-content>button{width:auto}
.counts-choices{max-height:340px;overflow:auto;border:1px solid #dce3e7;padding:14px;border-radius:5px}.counts-choices label{margin-bottom:12px}
.count-line{border:1px solid #dce3e7;border-radius:6px;padding:16px;margin:12px 0}.count-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:14px}.count-row label{margin:0;max-width:170px}.count-line>label{max-width:300px;margin-top:14px}.count-line .check-label{font-size:12px;margin:8px 0;overflow-wrap:anywhere}.count-item-ids{white-space:pre-line;overflow-wrap:anywhere;font-size:12px}
#counts-note{font:inherit;padding:12px;border:1px solid #c7d2d8;border-radius:5px;resize:vertical}#counts-adjustments details{padding:8px 0}#counts-adjustments summary{cursor:pointer;line-height:1.6}
.counts-table{white-space:normal;min-width:640px;margin-bottom:20px}.counts-table td{vertical-align:top;padding:14px 16px}.counts-table input[type=number]{max-width:140px;padding:10px}.counts-table td[colspan]{background:#f7f9fa;font-weight:400}.counts-table td[colspan]>label{max-width:320px}.counts-table .check-label{font-size:12px;margin:8px 0;overflow-wrap:anywhere}

.items-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

#stock-table .stock-col-age{width:6%}
#proc-history{margin:20px 0;padding:16px;background:#f7f9fa;border:1px solid #dce3e7;border-radius:6px}#proc-history summary{cursor:pointer;line-height:1.6}#proc-history-body details{margin:12px 0}#proc-history-body p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.product-content{padding:24px;margin-bottom:20px}#product-description{font:inherit;padding:12px;border:1px solid #c7d2d8;border-radius:5px;resize:vertical}#product-editor>form,#product-editor>section{margin-bottom:20px}#products-screen{margin-bottom:32px}#products-message{color:#17634e}#products-screen .stock-link{white-space:normal;text-align:left}

.proc-lines-table .proc-product-picker-row td{padding-top:14px;padding-bottom:6px}.proc-lines-table .proc-product-picker-row td:nth-child(2){width:auto}.proc-lines-table .proc-product-picker-row select{width:100%;max-width:640px;margin:0}

.product-name-wrap{position:relative;margin-bottom:8px}.product-suggestions{position:absolute;top:100%;left:0;min-width:100%;width:max-content;max-width:650px;max-height:280px;overflow:auto;z-index:20;background:white;border:1px solid #cbd7dc;border-radius:8px;box-shadow:0 6px 18px #183b4426}.product-suggestions button{display:block;width:100%;background:white;color:#20343b;text-align:left;border:0;border-radius:0;padding:10px 12px;font-size:13px;white-space:normal}.product-suggestions button:hover,.product-suggestions button[aria-selected=true]{background:#e7efeb}

.product-suggestions{position:fixed;min-width:0;z-index:1000;box-sizing:border-box;overflow-x:hidden;overscroll-behavior:contain}
.pinned-table-header{position:fixed;top:0;z-index:50;overflow:hidden;pointer-events:none;box-shadow:0 3px 8px #183b4426;background:#f7f9fa}.pinned-table-header table{table-layout:fixed;margin:0}.pinned-table-header th{box-sizing:border-box}
.filter-combo{display:block;position:relative}.stock-filters .filter-combo input{font-size:14px;padding:11px 34px 11px 12px}.filter-combo-toggle{position:absolute;right:2px;top:2px;width:32px;height:calc(100% - 4px);display:block;background:transparent;color:#61717b;padding:0;text-align:center;font-size:16px}.filter-combo-toggle:hover{background:#eef3f4}.filter-combo-options{position:absolute;left:0;right:0;top:calc(100% + 3px);z-index:30;max-height:250px;overflow:auto;background:white;border:1px solid #c7d2d8;border-radius:5px;box-shadow:0 6px 18px #183b4426}.filter-combo-options button{display:block;width:100%;padding:10px 12px;border:0;border-radius:0;background:white;color:#192b32;text-align:left;font-size:14px;font-weight:400}.filter-combo-options button:hover,.filter-combo-options button:focus{background:#e7efeb}.filter-combo-options:not(:has(button)){padding:10px 12px;color:#61717b;font-size:14px}
#product-category{padding-right:38px}

#proc-form .form-total{flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.proc-document-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid #e1e7eb}
.proc-document-footer .proc-actions{margin:0}
#proc-form .proc-document-footer .form-total{padding:0;border:0;flex-shrink:0;margin-left:auto}
@media(max-width:760px){.proc-document-footer{flex-wrap:wrap}.proc-document-footer .proc-actions{flex:1 1 240px}}
#proc-dirty:empty{display:none}
.tenant-switch { max-width: 240px; padding: 6px 10px; border: 1px solid var(--border, #ccd7db); border-radius: 4px; background: white; color: inherit; font: inherit; }

.team-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,1fr);gap:24px;align-items:start}.team-card{padding:24px;margin-bottom:24px}.team-card h2{margin-top:0}.team-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.team-permission-grid fieldset{border:1px solid #dce3e7;border-radius:6px;padding:12px}.team-permission-grid legend{font-weight:700;padding:0 6px}.team-permission-grid .check-label{display:flex;align-items:center;gap:8px;margin:8px 0}.team-member{padding:18px 0;border-bottom:1px solid #dce3e7}.team-member:first-child{padding-top:0}.team-member:last-child{border-bottom:0}.team-member>strong{display:block;overflow-wrap:anywhere}.team-member button{width:auto}.team-card>button{width:auto}#team-invite-link{font-size:13px}#team-pending p{overflow-wrap:anywhere}@media(max-width:850px){.team-grid{grid-template-columns:1fr}}@media(max-width:520px){.team-permission-grid{grid-template-columns:1fr}}
.team-pending-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #dce3e7;overflow-wrap:anywhere}.team-pending-row button{width:auto;flex-shrink:0}@media(max-width:520px){.team-pending-row{align-items:flex-start;flex-direction:column}}

/* Sales use the same document language as supplier orders. */
#sales-screen{margin-bottom:36px}#sales-screen button{width:auto}#sales-screen .sales-card{background:#fff;border:1px solid #dce3e7;border-radius:8px;padding:24px;margin:20px 0}#sales-screen h2{font-size:20px;margin:0 0 20px}#sales-screen .sales-scroll{overflow-x:auto}#sales-screen table{width:100%;white-space:normal}#sales-screen th,#sales-screen td{padding:12px 10px;font-size:14px;vertical-align:top}#sales-screen td:first-child{font-weight:400}#sales-screen small{display:block;font-size:12px;color:#61717b;line-height:1.6;margin:6px 0}#sales-screen input[type=checkbox]{width:20px;height:20px}#sales-screen summary{cursor:pointer;line-height:1.7;padding:12px 0}#sales-screen td{overflow-wrap:anywhere}#sales-screen select{min-width:160px}.sales-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.sales-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}.sales-metrics dt{font-size:13px;color:#61717b;line-height:1.5}.sales-metrics dd{font-size:22px;font-weight:700;margin:6px 0 0}.sales-editor-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1e7eb;margin-top:24px;gap:20px}.sales-total{text-align:right;flex-shrink:0}.sales-total strong{font-size:28px}.sales-editor table{min-width:850px}.sales-editor table td:nth-child(2){min-width:330px}.sales-editor table td:nth-child(n+3):nth-child(-n+5){min-width:120px}#sales-screen .sales-action-form{padding:0;border:0;background:transparent}#sales-screen .sales-action-form>button{margin:16px 10px 0 0}.sales-action-form>p{line-height:1.6}.sales-editor{margin-top:24px}@media(max-width:760px){.sales-meta{grid-template-columns:1fr}.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-editor-footer{flex-wrap:wrap}.sales-total{margin-left:auto}#sales-screen .sales-card{padding:16px}}@media(max-width:420px){.sales-metrics{grid-template-columns:1fr}}
.sales-editor table th:first-child,.sales-editor table td:first-child{width:36px;min-width:36px}.sales-editor table th:last-child,.sales-editor table td:last-child{width:50px}
#sales-screen select{-webkit-appearance:none;appearance:none;min-height:50px;line-height:1.25;padding:14px 42px 14px 14px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#61717b 50%),linear-gradient(135deg,#61717b 50%,transparent 50%);background-repeat:no-repeat;background-position:calc(100% - 19px) center,calc(100% - 14px) center;background-size:5px 5px;box-shadow:none}

#sales-screen .sales-collapsible-action>summary{display:list-item;padding:0;font-size:20px;font-weight:700;line-height:1.5}#sales-screen .sales-collapsible-action>summary h2{display:inline;margin:0}#sales-screen .sales-collapsible-action[open]>summary{margin-bottom:20px}

#sales-screen .sales-inline-action{margin-top:20px}

#proc-receivable-orders{margin-bottom:24px}
.price-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:11px;line-height:1;cursor:help;vertical-align:middle}
#proc-sale-price-heading{white-space:nowrap}
.price-tooltip{position:fixed;z-index:1000;max-width:min(300px,calc(100vw - 16px));padding:12px 14px;background:#173c46;color:white;border-radius:6px;box-shadow:0 4px 16px #183b4433;font-size:14px;font-weight:400;line-height:1.5;pointer-events:none}
.price-tooltip[hidden]{display:none}

.attribute-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; margin:16px 0; }
.attribute-grid label { min-width:0; }
.attribute-setting { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:10px 0; border-bottom:1px solid var(--line,#dbe4e8); }
.attribute-setting label { display:flex; align-items:center; gap:8px; margin:0; }
.attribute-setting input[type=checkbox] { width:18px; height:18px; }
.attribute-setting select { width:auto; min-width:190px; }
#product-settings { margin:12px 0; }
#product-attribute-config { margin:18px 0; }
.proc-lines-table .proc-attribute { min-width:115px; }
.proc-attribute label { margin:0; font-size:0; gap:0; }
.proc-lines-table .proc-attribute input,.proc-lines-table .proc-attribute select { min-width:95px; }
.proc-lines-table .proc-attribute-remove { width:auto; padding:4px 8px; margin-top:5px; font-size:11px; }

:is(#product-price-confirm,#product-drafts-confirm) { max-width:520px; width:calc(100% - 40px); padding:28px; border:1px solid #dce3e7; border-radius:8px; color:#192d35; }
:is(#product-price-confirm,#product-drafts-confirm)::backdrop { background:rgba(25,45,53,.45); }
:is(#product-price-confirm,#product-drafts-confirm) h2 { margin:0 0 16px; font-size:22px; }
:is(#product-price-confirm,#product-drafts-confirm) p { line-height:1.6; }
:is(#product-price-confirm,#product-drafts-confirm) form { padding:0; border:0; background:transparent; margin-bottom:0; }

#product-drafts-confirm { max-width:620px; max-height:calc(100vh - 40px); overflow:auto; }
#product-drafts-list { line-height:1.7; max-height:30vh; overflow:auto; }

#sales-screen .sales-filters h2 { margin:0; font-size:18px; }
#sales-screen .sales-filters .filters-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#sales-screen .sales-filters select { min-width:0; }
.sales-filters .proc-actions { margin:18px 0 0; }
.sales-filters .footnote { margin:16px 0 0; }
@media(max-width:900px){#sales-screen .sales-filters .filters-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:480px){#sales-screen .sales-filters .filters-grid{grid-template-columns:1fr;}}

/* Keep all seven sections reachable without crowding the account controls. */
header #client-nav { overflow-x:auto; }
header #client-nav a { flex-shrink:0; }
@media(max-width:1440px){header{flex-wrap:wrap}header #client-nav{order:3;flex-basis:100%;gap:24px}header #client-nav a{padding:7px 0 5px}}

#counterparties-screen{margin-bottom:36px}#counterparties-screen button{width:auto;justify-content:center}#counterparties-screen .counterparty-card{background:#fff;border:1px solid #dce3e7;border-radius:8px;padding:24px;margin:20px 0}#counterparties-screen h2{font-size:20px;margin:0 0 20px}#counterparties-screen table{white-space:normal;min-width:620px}#counterparties-screen td,#counterparties-screen th{padding:14px 12px;vertical-align:top;overflow-wrap:anywhere}#counterparties-screen td:first-child{font-weight:400}#counterparties-screen .stock-link{text-align:left;justify-content:flex-start;white-space:normal}.counterparty-tabs{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}.counterparty-tabs button[aria-pressed=true]{background:#17634e;color:white}.counterparty-toolbar{display:flex;gap:20px;align-items:flex-end;margin:24px 0}.counterparty-list-search{flex:1;margin:0}.counterparty-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.counterparty-editor textarea{width:100%;font:inherit;color:#192b32;background:#fff;border:1px solid #c7d2d8;border-radius:5px;padding:14px;resize:vertical}.counterparty-editor textarea::placeholder{color:#839098}.counterparty-editor textarea:focus{outline:3px solid #c6e5da;border-color:#27745f}.counterparty-editor :is(input,select,textarea):disabled{opacity:1;background:#f5f7f8;color:#455860}.counterparty-metric{display:block;font-size:30px;font-variant-numeric:tabular-nums}.counterparty-card .footnote:last-child{margin-bottom:0}@media(max-width:760px){#counterparties-screen .counterparty-card{padding:16px}.counterparty-fields{grid-template-columns:1fr}.counterparty-toolbar{align-items:stretch;flex-direction:column}}
#sales-import-panel{margin-top:32px;background:#fff;border:1px solid #dce3e7;border-radius:8px;padding:24px}#sales-import-panel h2{font-size:20px;margin:0 0 20px}#sales-import-panel>p{line-height:1.6}#sales-import-form{border:0;padding:0;background:transparent}#sales-import-panel button{width:auto}#sales-import-table .table-scroll{max-height:500px;overflow:auto;border:1px solid #dce3e7;border-radius:6px}#sales-import-table table{min-width:1300px}#sales-import-panel td,#sales-import-panel th{padding:12px 10px;font-size:14px}#sales-import-pages{align-items:center;margin:16px 0}#sales-import-history{margin-top:28px}#sales-import-history table{white-space:normal;min-width:650px}#sales-import-status a{color:#17634e;text-decoration:underline}@media(max-width:760px){#sales-import-panel{padding:16px}}

/* Sales analytics */
#analytics-screen button{width:auto}#analytics-screen .analytics-filters{padding:22px 24px;margin:24px 0}#analytics-screen .analytics-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:18px}#analytics-screen .analytics-controls label{margin:0;min-width:0}#analytics-screen select{min-height:50px}#analytics-screen .analytics-filters .footnote{margin:14px 0 0}.analytics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.analytics-metric{background:white;border:1px solid #dce3e7;border-radius:8px;padding:22px;min-width:0}.analytics-label{color:#576c77;font-size:14px}.analytics-value{display:block;font-size:clamp(23px,2.3vw,34px);margin:10px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.analytics-metric small{color:#576c77;font-size:12px;line-height:1.5;display:block}.analytics-panel{background:white;border:1px solid #dce3e7;border-radius:8px;padding:24px;margin-top:24px;min-width:0}.analytics-panel h2{font-size:20px;margin:0 0 20px}.analytics-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:#576c77;margin-bottom:16px}.analytics-legend i{display:inline-block;width:11px;height:11px;margin-right:8px}.analytics-legend .revenue{background:#17634e}.analytics-legend .profit{background:#7eaaa2}.analytics-chart-scroll{width:100%;overflow-x:auto}.analytics-chart-scroll svg{display:block;max-width:none}.analytics-chart-scroll .revenue{fill:#17634e}.analytics-chart-scroll .profit{fill:#7eaaa2}.analytics-axis{fill:#576c77;font-size:12px}.analytics-chart-group{cursor:pointer}.analytics-chart-group:hover>rect:first-child,.analytics-chart-group:focus>rect:first-child{fill:#17634e0d}.analytics-chart-group:focus{outline:2px solid #17634e;outline-offset:-2px}.analytics-chart-detail{min-height:44px;padding:12px 14px;background:#f4f7f7;border-radius:5px;font-size:14px;line-height:1.5;margin:14px 0 0}.analytics-panel table{min-width:740px;white-space:normal}.analytics-panel :is(td,th){padding:14px 12px;font-size:14px;text-align:right}.analytics-panel :is(td,th):first-child{text-align:left;min-width:170px}.analytics-panel td{font-variant-numeric:tabular-nums;white-space:nowrap}.analytics-panel td:first-child{white-space:normal}.analytics-rules{margin:26px 0;line-height:1.6;color:#576c77}.analytics-rules summary{cursor:pointer;color:#173c46}.analytics-empty{padding:18px;background:#eaf1ee;border-radius:6px}.analytics-controls button{min-height:50px}@media(max-width:800px){#analytics-screen .analytics-controls{grid-template-columns:1fr 1fr}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel{padding:16px}}@media(max-width:460px){#analytics-screen .analytics-controls{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:1fr}.analytics-metric{padding:18px}}

#sales-screen .sales-action-form.sales-integrated-action{border-top:1px solid #dce3e7;margin-top:20px;padding-top:20px}

#sales-stock-warning{max-width:620px;width:calc(100% - 40px);max-height:calc(100vh - 40px);overflow:auto;padding:28px;border:1px solid #dce3e7;border-radius:8px;color:#192d35}#sales-stock-warning::backdrop{background:rgba(25,45,53,.45)}#sales-stock-warning h2{margin:0 0 16px;font-size:22px}#sales-stock-warning p,#sales-stock-warning li{line-height:1.6}#sales-stock-warning li{margin:8px 0;overflow-wrap:anywhere}#sales-stock-warning .proc-actions{margin-bottom:0}

/* Company connections and channel cards */
#connections-screen{max-width:1200px;margin-bottom:40px}#connections-screen h2{font-size:21px;margin:0 0 20px}.connection-panel{background:white;border:1px solid #dce3e7;border-radius:8px;padding:24px;margin:22px 0}.connection-panel fieldset{border:0;padding:0;margin:0;min-width:0}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.connection-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}#connections-screen button{width:auto}.connection-actions [aria-pressed=true]{background:#17634e;color:white}.connection-panel .connection-options{border:1px solid #dce3e7;border-radius:5px;padding:16px;margin:22px 0;max-height:280px;overflow:auto}.connection-options legend{padding:0 8px}.connection-options label{margin-bottom:10px}.connection-panel code{overflow-wrap:anywhere}.connection-panel th,.connection-panel td{padding:12px;text-align:left}.connection-panel td{white-space:normal;overflow-wrap:anywhere}.connection-panel td:first-child{min-width:140px}.connection-panel fieldset:disabled{opacity:.8}@media(max-width:700px){.connection-grid{grid-template-columns:1fr}.connection-panel{padding:16px}.connection-actions button{flex:1}}

.connection-exchange-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin:28px 0}.connection-panel .connection-exchange-card{border:1px solid #dce3e7;border-radius:8px;padding:20px;min-width:0;background:#fff}.connection-exchange-card>legend{font-size:20px;font-weight:700;padding:0 8px}.connection-exchange-card .connection-grid{grid-template-columns:1fr}.connection-exchange-card .footnote:last-child{margin-bottom:0}@media(max-width:850px){.connection-exchange-columns{grid-template-columns:1fr;gap:20px}.connection-panel .connection-exchange-card{padding:16px}}

/* Keep product row numbers compact instead of inheriting the generic 160px first column. */
#products-list thead th:first-child,
#products-body>tr>td:first-child{width:1%;min-width:0;white-space:nowrap;padding-left:14px;padding-right:14px;font-weight:400;color:#61717b}

.product-card-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.product-card-heading h2{margin:0}.product-card-heading button{width:auto;flex-shrink:0}

.stock-filters .filter-quantity-combo select{appearance:none;-webkit-appearance:none;font-size:14px;padding:11px 34px 11px 12px;font-weight:inherit;line-height:normal;cursor:pointer}
.stock-filters .filter-quantity-combo select:has(option[value=""]:checked){color:#839098}
.filter-quantity-combo .filter-combo-toggle{pointer-events:none;display:flex;align-items:center;justify-content:center}

#sales-payment-editor{max-width:720px;width:calc(100% - 40px);max-height:calc(100vh - 40px);overflow:auto;padding:28px;border:1px solid #dce3e7;border-radius:8px;color:#192d35}#sales-payment-editor::backdrop{background:rgba(25,45,53,.45)}#sales-payment-editor h2{margin:0 0 20px;font-size:22px}

.account-security{white-space:nowrap;font-size:14px}#profile-screen{max-width:800px;margin:0 auto}#profile-screen .sales-card{margin-top:24px}#profile-screen form{display:grid;gap:18px}#profile-screen form button{justify-self:start}