/* Keep all six workspaces reachable without shrinking their Dari labels. */
.workspace-bar { min-width:0; }
.workspace-nav { overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#cbd4c9 transparent; gap:22px; padding-bottom:3px; }
.workspace-nav [role=tab] { flex:0 0 auto; }
#suppliers-panel:focus-visible,#finance-panel:focus-visible { outline:2px solid #7c937b; outline-offset:5px; }
.supplier-heading-actions,.supplier-account-actions,.purchase-search,.purchase-paid-heading,.purchase-cart-heading { display:flex; align-items:center; gap:10px; }
.supplier-heading-actions { flex-wrap:wrap; }
.supplier-heading-actions button { white-space:nowrap; }
.supplier-list-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:58px; }
.supplier-list-toolbar p,.supplier-list-toolbar h3 { margin:0; }
.supplier-list-toolbar p { font-size:14px; }
.supplier-list-toolbar .pagination { margin:0; gap:10px; flex-shrink:0; }
.supplier-list-toolbar .pagination button { padding:4px 12px; min-height:34px; }
.supplier-list-toolbar .pagination span { min-width:20px; text-align:center; }
.supplier-account-actions { padding:12px 0; border-bottom:1px solid var(--line); }
.inventory-purchase-hint { margin:12px 0 0; font-size:14px; color:var(--muted); }
.inventory-purchase-hint a,.supplier-finance-link a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.supplier-success { margin-top:18px; padding:12px 16px; border:1px solid #cbd8c9; border-radius:4px; background:#f4f7f1; }
#supplier-dialog textarea,#supplier-payment-dialog textarea,#purchase-dialog textarea { width:100%; display:block; padding:9px 12px; font:inherit; color:inherit; border:1px solid #cfd5cf; border-radius:4px; resize:vertical; }
#supplier-dialog label,#supplier-payment-dialog label,#purchase-dialog label { font-size:15px; }
#supplier-account-dialog { width:min(1080px,calc(100% - 24px)); }
#supplier-account-dialog .table-scroll table { min-width:700px; }
#supplier-account-dialog caption { text-align:start; color:var(--muted); padding-block:12px; font-size:15px; }
#supplier-contact,#supplier-account-notes { overflow-wrap:anywhere; white-space:pre-wrap; }
#supplier-purchases details { min-width:150px; }
#supplier-purchases summary { color:var(--accent); cursor:pointer; }
#supplier-purchases ul { padding-inline-start:18px; font-size:14px; }
#supplier-payments .history-entry { gap:18px; }
#supplier-account-dialog .customer-totals { grid-template-columns:repeat(4,minmax(0,1fr)); }
#supplier-account-dialog .customer-totals strong { font-size:21px; }
#purchase-dialog { width:min(1140px,calc(100% - 24px)); padding:22px; }
#purchase-dialog > .dialog-heading { align-items:flex-start; margin-bottom:18px; }
#purchase-dialog > .dialog-heading p { font-size:14px; margin:2px 0 0; }
.purchase-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,1fr); gap:24px; align-items:start; }
.purchase-layout > * { min-width:0; }
.purchase-layout h3 { margin:0 0 12px; font-size:19px; }
.purchase-search input { min-width:0; margin-top:0!important; }
.purchase-search button { flex-shrink:0; padding-inline:12px; }
.purchase-catalog .hint { margin-top:12px; }
.purchase-product { padding:12px 0; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:12px; justify-content:space-between; }
.purchase-product > div { min-width:0; }
.purchase-product strong { display:block; font-size:16px; overflow-wrap:anywhere; }
.purchase-product small { display:block; font-size:13px; color:var(--muted); }
.purchase-product button { flex-shrink:0; padding:5px 12px; min-height:36px; font-size:14px; }
.purchase-checkout { border:1px solid var(--line); border-radius:4px; padding:14px 16px; }
.purchase-checkout > label:first-of-type { margin-top:0; }
.purchase-checkout .hint { margin-block:6px; }
.purchase-supplier-search,.purchase-extra { margin-block:10px; }
.purchase-supplier-search summary,.purchase-extra summary { width:fit-content; font-size:14px; color:var(--accent); cursor:pointer; }
.purchase-supplier-search > .purchase-search { margin-top:8px; }
.purchase-cart-heading { justify-content:space-between; border-top:1px solid var(--line); padding-top:12px; margin-top:12px; }
.purchase-cart-heading h3 { margin:0; }
.purchase-cart-heading span { font-size:13px; color:var(--muted); }
.purchase-cart-row { padding:12px 0; border-bottom:1px solid var(--line); }
.purchase-cart-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.purchase-cart-title strong { font-size:16px; overflow-wrap:anywhere; }
.purchase-cart-title button { font-size:13px; padding:2px 9px; min-height:30px; }
.purchase-line-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
.purchase-line-fields label { margin:6px 0 0; font-weight:400; color:var(--muted); }
.purchase-line-fields input { margin-top:4px!important; min-height:40px; padding:6px 9px; }
.purchase-line-total { display:block; text-align:end; margin-top:6px; font-size:15px; }
.purchase-totals { margin:14px 0; }
.purchase-totals > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.purchase-totals dt { font-size:16px; }
.purchase-totals dd { margin:0; font-weight:600; font-size:20px; white-space:nowrap; }
.purchase-paid-heading { justify-content:space-between; }
.purchase-paid-heading label { margin:0; }
.purchase-paid-heading button { padding:3px 9px; min-height:34px; font-size:13px; }
#purchase-submit { margin-top:16px; }
.supplier-finance-link { font-size:14px; padding:10px 0; }
#purchase-empty { margin:12px 0; font-size:14px; }
@media(max-width:850px) { .purchase-layout { grid-template-columns:minmax(0,1fr); gap:22px; } #purchase-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; } }
@media(max-width:720px) { .workspace-nav { gap:16px; }.workspace-nav [role=tab] { flex:0 0 auto; font-size:15px; padding-inline:5px; }.supplier-list-toolbar { align-items:flex-start; flex-wrap:wrap; padding:10px 0; }.supplier-heading-actions { gap:8px; }.supplier-heading-actions button { padding-inline:12px; font-size:14px; } #suppliers-panel > .inventory-heading { grid-template-rows:auto auto; min-height:130px; }.supplier-account-actions { flex-wrap:wrap; } #supplier-account-dialog .customer-totals { grid-template-columns:repeat(2,minmax(0,1fr)); } #supplier-account-dialog .customer-totals > div { border-bottom:1px solid var(--line); } }
@media(max-width:500px) { #purchase-dialog { padding:16px 12px; } #purchase-products { display:block; }.purchase-checkout { padding:12px; }.purchase-line-fields { gap:8px; }.purchase-line-fields label { font-size:13px!important; } }