/* Shared workspace refresh. Printed bills keep their dedicated layouts. */
@media screen {
 :root{--nav:#252d4d;--nav-hover:#343e60;--nav-dim:#b9c1d4;--ink:#253149;--muted:#667187;--accent:#96305f;--accent-dark:#78244c;--line:#dfe4ec;--back:#f3f5f8;--shadow:0 2px 8px #202c4510;line-height:1.45}
 body{background:var(--back)}
 .workspace{padding:28px;max-width:1640px;margin:0 auto}
 .workspace-footer{padding:16px 28px 22px;color:#69748a}
 h1{font-size:1.7rem;letter-spacing:-.035em;font-weight:700}
 h2{font-size:1.02rem;letter-spacing:-.015em}
 h3{font-size:.94rem}
 .page-heading{margin-bottom:22px;gap:16px;align-items:flex-start}
 .page-heading h1{margin:4px 0 6px}
 .page-heading>.actions{padding-top:4px}
 .eyebrow{font-size:.65rem;letter-spacing:.13em;margin-bottom:7px}
 .topbar{min-height:72px;padding:12px 28px;gap:12px 20px;box-shadow:0 1px 5px #26314a05}
 .breadcrumb{gap:9px}
 .breadcrumb strong{color:var(--ink);font-weight:600}
 .sidebar{padding:22px 14px 18px}
 .sidebar-brand{flex-direction:row;align-items:center;gap:11px;padding:0 3px 20px;margin:0 0 6px;border-bottom:1px solid #ffffff18}
 .sidebar-brand .brand-logo{width:78px;max-width:78px;flex:0 0 78px;border-radius:9px;background:white}
 .sidebar-brand>span{font-size:.95rem;min-width:0;color:#fff}
 .sidebar-brand small{font-size:.66rem;line-height:1.5;color:#b9c1d4}
 .nav-label{font-size:.63rem;margin:18px 11px 9px;letter-spacing:.14em}
 .nav-item{padding:10px 11px;gap:10px;border-radius:8px;margin:3px 0;color:#dbe1ee;font-size:.82rem;font-weight:500;min-height:40px}
 .nav-item.active{background:#ffffff12;color:white;box-shadow:inset 3px 0 0 #df78a5}
 .nav-item:hover{color:#fff}
 .nav-item>span{width:18px;flex:0 0 18px;display:flex;align-items:center}
 .nav-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .sidebar-foot{padding:24px 11px 0;font-size:.7rem}
 .user-menu>a{font-size:.78rem}
 .avatar{width:32px;height:32px;border-radius:10px;background:#f7eaf0}
 .account-switcher{flex-basis:290px}
 .account-switcher select{font-size:.78rem;min-height:36px;background:#fafbfe;border-radius:7px}
 .button{min-height:38px;padding:8px 13px;border:1px solid #d5dce6;border-radius:7px;font-size:.81rem;font-weight:600;box-shadow:0 1px 2px #202c450d;transition:background-color .12s,border-color .12s,box-shadow .12s;white-space:normal}
 .button:hover{background:#f5f6fa;border-color:#aeb8ca;box-shadow:0 2px 4px #202c4512}
 .button.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 4px #96305f25}
 .button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
 .button.destructive{box-shadow:none}
 .button.quiet{box-shadow:none;background:transparent;border-color:transparent}
 .button.quiet:hover{background:#eef1f6;color:var(--ink)}
 .small-button{font-size:.75rem;min-height:32px;padding:6px 10px}
 .actions{gap:8px}
 .card{border-color:var(--line);border-radius:11px;box-shadow:var(--shadow);margin-bottom:20px}
 .stack{gap:16px}
 .stack>.card{margin-bottom:0}
 .padded{padding:20px}
 .padded h2{margin-bottom:14px}
 .card-heading{padding:18px 20px;gap:14px}
 .card-heading p{margin-top:4px}
 .card>.table-wrap:first-child{border-radius:11px 11px 0 0}
 .metric-grid{gap:14px;margin-bottom:22px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
 .metric{padding:18px 20px;border-radius:11px;border-top:1px solid var(--line);position:relative}
 .metric:first-child{border-top:1px solid var(--line)}
 .metric:first-child:before{content:"";position:absolute;top:18px;bottom:18px;left:0;width:3px;background:var(--accent);border-radius:0 3px 3px 0}
 .metric p{font-size:.8rem;color:var(--muted)}
 .metric strong{font-size:1.7rem;margin:12px 0 5px;letter-spacing:-.035em}
 table{font-size:.81rem}
 th{padding:11px 16px;background:#f6f8fb;color:#59677c;font-size:.7rem;letter-spacing:.025em}
 td{padding:12px 16px;border-color:#e9edf3}
 .ledger-table th,.ledger-table td{padding:12px 14px}
 tbody tr:hover{background:#f8fafd}
 .cell-sub{margin-top:3px;line-height:1.4}
 .badge{font-size:.68rem;min-height:22px;padding:3px 8px;border-radius:5px}
 .filters{padding:16px;gap:12px}
 .pagination{padding:14px 16px;font-size:.75rem}
 label{font-size:.79rem;gap:5px;color:#45526a;font-weight:600;min-width:0}
 input,select,textarea{min-height:38px;padding:8px 10px;font-size:.84rem;border-color:#cdd5e1;border-radius:6px;box-shadow:0 1px 2px #26314a05}
 input::placeholder,textarea::placeholder{color:#7b879b;opacity:1}
 input:focus,select:focus,textarea:focus{border-color:#9b6a88}
 input[type=checkbox],input[type=radio]{box-shadow:none}
 textarea{resize:vertical}
 .form-grid{gap:14px}
 .notice{padding:12px 15px;margin-bottom:18px;border-radius:8px}
 .summary-strip>div,.statement-summary>div{padding:16px 20px}
 .summary-strip strong,.statement-summary strong{font-size:1.2rem}
 .profile-columns{gap:16px}
 .entry-layout{gap:18px}
 .entry-form fieldset>label,.entry-form fieldset>.form-grid{margin-bottom:14px}
 .entry-form legend{font-size:.94rem}
 .auth-shell{background:#f1f3f8;padding:28px 18px}
 .login-card{max-width:420px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:16px;padding:30px 32px 24px;box-shadow:0 16px 50px #252d4d12}
 .login-card .brand-logo{width:134px;margin-bottom:18px;background:#fff}
 .login-card h1{font-size:1.65rem}
 .login-card>.eyebrow{text-align:center}
 .login-card>p.muted{font-size:.8rem;margin:6px 0 22px}
 .login-card .stack{gap:15px}
 .login-card .full{min-height:42px;margin-top:4px}
 .login-recovery{font-size:.8rem;margin-top:18px}
 .setup-card{border-radius:14px;box-shadow:0 8px 32px #252d4d0d}
 /* Supplier item rows: one clear reading and keyboard order. */
 .compact-entry{gap:10px}
 .compact-entry .card.padded{padding:12px 14px;margin:0}
 .compact-entry .entry-date-card .form-grid{grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:center}
 .compact-entry .entry-currency{display:flex;align-items:center;justify-content:flex-end;gap:10px}
 .compact-entry .entry-currency p{margin:0;padding:5px 9px;background:#f2f4f9;border:1px solid var(--line);border-radius:6px;font-size:.82rem}
 .compact-entry .item-lines{gap:8px}
 .compact-entry .item-line{border-radius:9px;box-shadow:0 1px 3px #202c4508}
 .compact-entry .item-line:focus-within{border-color:#b797ab;box-shadow:0 0 0 2px #96305f08}
 .compact-entry .item-line-heading{margin:0 0 8px;gap:10px;align-items:center}
 .compact-entry .item-line-heading h2{font-size:.75rem;font-weight:700;letter-spacing:.02em;margin:0;color:#616c82}
 .item-line-tools{display:flex;gap:12px;align-items:center;min-width:0}
 .compact-entry .item-line-total{display:flex;align-items:baseline;gap:8px;min-width:0;margin:0;padding:0;border:0;font-size:.72rem;color:var(--muted)}
 .compact-entry .item-line-total strong{font-size:.88rem;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .compact-entry .item-line .item-grid{grid-template-columns:minmax(220px,2.4fr) repeat(4,minmax(84px,1fr));gap:8px 10px;align-items:start}
 .compact-entry .item-grid>.product-picker.span-2{grid-column:auto}
 .compact-entry .item-grid>.span-2{grid-column:1/-1;margin:0}
 .compact-entry input,.compact-entry select{min-height:36px;padding:7px 9px;font-size:.83rem}
 .compact-entry .product-picker>label{margin-bottom:0}
 .compact-entry .item-discount{display:grid;gap:5px;min-width:0}
 .compact-entry .discount-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:18px}
 .compact-entry .discount-heading label{margin:0;white-space:nowrap}
 .compact-entry input.discount-enable{width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0;padding:0;cursor:pointer}
 .compact-entry fieldset[disabled] input.discount-enable{cursor:default}
 .compact-entry .item-line>p{font-size:.7rem;margin-top:6px}
 .compact-barcode{font-size:.74rem;margin-top:4px}
 .compact-barcode>summary{color:var(--accent);font-weight:600;cursor:pointer;padding:3px 0}
 .compact-barcode[open]{padding-bottom:4px}
 .product-suggestions{top:58px;border-color:#cdd5e1;border-radius:8px;box-shadow:0 10px 25px #252d4d20;max-height:min(280px,40vh);z-index:20}
 .product-suggestions button{font-size:.8rem;padding:10px 12px}
 .compact-entry .barcode-controls{gap:7px;margin-top:6px}
 .compact-entry .barcode-controls .button{min-height:32px;padding:6px 9px;font-size:.73rem}
 .compact-entry .product-picker>[data-product-selection]{padding:5px 8px;font-size:.71rem;margin:5px 0 0}
 .compact-entry .product-picker>[data-lookup-status]{font-size:.72rem;margin-top:4px}
 .compact-entry .items-summary,.shipment-form .items-summary{padding:11px 13px;border:1px solid #ebe0e7;border-radius:8px;background:#faf5f8;margin-bottom:12px;flex-direction:row;align-items:center;gap:12px}
 .compact-entry .items-summary strong,.shipment-form .items-summary strong{font-size:1.25rem;font-variant-numeric:tabular-nums}
 .items-summary small{font-size:.71rem;margin-top:2px}
 .compact-entry textarea{font-size:.83rem;min-height:54px;padding:8px 10px}
 .compact-entry .entry-shipping-block{margin-top:12px;padding-top:12px}
 .compact-entry .handover-choice{gap:10px}
 .compact-entry .entry-shipping-block p{font-size:.72rem;margin-top:5px}
 .compact-entry .tax-summary{font-size:.76rem;margin-bottom:12px}
 .compact-entry .correction-note{margin-top:12px}
 .entry-actionbar,.compact-entry .entry-save-actions{position:sticky;bottom:12px;z-index:8;margin-top:0;padding:12px 14px;background:white;border:1px solid #d5dbe5;border-radius:9px;box-shadow:0 4px 18px #252d4d12;gap:8px}
 .entry-actionbar .button,.compact-entry .entry-save-actions .button{min-height:36px;padding:8px 13px;font-size:.79rem}
 .entry-actionbar>a:last-child{margin-left:auto}
 /* Box entry and payment forms follow the same compact spacing. */
 .shipment-form{gap:10px}
 .shipment-form .card.padded{padding:14px 16px;margin:0}
 .shipment-form [data-shipment-boxes]{gap:10px}
 .shipment-reference>label{max-width:420px}
 .shipment-box .section-heading{margin-bottom:12px}
 .shipment-box .section-heading h2{font-size:.88rem}
 .shipment-box .box-meta{grid-template-columns:130px 200px;gap:12px}
 .shipment-box h3{font-size:.78rem;margin:14px 0 4px;color:#647089;font-weight:650}
 .shipment-form .shipment-item{grid-template-columns:minmax(180px,1.2fr) minmax(200px,1.5fr) 84px 80px;gap:10px;align-items:start;padding:10px 0;margin-bottom:6px}
 .shipment-form .shipment-source{grid-column:auto}
 .shipment-form .shipment-item>.button{margin-top:23px;min-height:36px;padding:6px 8px}
 .shipment-form .shipment-item label{font-size:.76rem}
 .shipment-form .shipment-item input,.shipment-form .shipment-item select{font-size:.81rem;min-height:36px}
 .shipment-form [data-lookup-status]:empty{display:none}
 .shipment-form [data-lookup-status]{font-size:.73rem}
 .shipment-form .shipment-costs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
 .shipment-form .shipment-formula{gap:4px;font-variant-numeric:tabular-nums}
 .shipment-form .box-dimensions{grid-column:1/-1}
 .shipment-form details>fieldset{margin-top:12px}
 .shipment-form .shipment-summary-card>p{font-size:.74rem}
 .shipment-summary-card>label{margin-top:10px}
 .receipt-form .entry-fields{gap:14px}
 .receipt-form .payment-methods{margin-bottom:0}
 .receipt-form .payment-methods legend{font-size:.85rem;margin-bottom:9px}
 .receipt-form .method-options{gap:8px}
 .receipt-form .method-choice span{min-height:44px;padding:10px;font-size:.79rem;border-radius:7px}
 .receipt-form .method-choice input:checked+span{padding:9px}
 .receipt-form textarea{min-height:58px}
}
@media screen and (max-width:1199px){
 .workspace{padding:22px}
 .compact-entry .item-line .item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .compact-entry .item-grid>.product-picker.span-2{grid-column:1/-1}
 .shipment-form .shipment-item{grid-template-columns:minmax(0,1fr) 90px 80px}
 .shipment-form .shipment-source{grid-column:1/-1}
}
@media screen and (max-width:900px){
 .topbar{padding:12px 20px}
 .sidebar.is-open{padding-top:68px}
 .sidebar{padding-top:20px}
 .compact-entry .item-line .item-grid{grid-template-columns:minmax(190px,2fr) repeat(4,minmax(75px,1fr))}
 .compact-entry .item-grid>.product-picker.span-2{grid-column:auto}
}
@media screen and (max-width:700px){
 .compact-entry .item-line .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .compact-entry .item-grid>.product-picker.span-2{grid-column:1/-1}
 .shipment-form .shipment-costs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .shipment-form .shipment-formula{font-size:.82rem}
 .item-line-tools{gap:7px}
 .compact-entry .item-line-total{gap:5px}
}
@media screen and (max-width:600px){
 .workspace{padding:20px 14px}
 .topbar{padding:12px 14px}
 h1,.page-heading h1{font-size:1.5rem}
 .page-heading{gap:12px;margin-bottom:18px}
 .page-heading>.actions{width:100%}
 .page-heading p.muted{font-size:.8rem}
 .card-heading{padding:16px}
 .padded{padding:16px}
 .metric{padding:16px}
 .metric strong{font-size:1.45rem}
 .button,.small-button{min-height:40px}
 input,select,textarea,.compact-entry input,.compact-entry select,.compact-entry textarea,.shipment-form .shipment-item input,.shipment-form .shipment-item select,.account-switcher select{font-size:16px;min-height:42px}
 .compact-entry .card.padded{padding:12px}
 .compact-entry .entry-date-card .form-grid{grid-template-columns:minmax(0,1fr) auto;gap:12px}
 .compact-entry .entry-currency{display:block;text-align:right}
 .compact-entry .entry-currency .small{font-size:.65rem}
 .compact-entry .entry-currency p{margin-top:4px;font-size:.8rem}
 .compact-entry .item-line-heading{align-items:center;gap:6px}
 .compact-entry .item-line-total{display:block;text-align:right;font-size:.65rem}
 .compact-entry .item-line-total strong{display:block;font-size:.82rem}
 .compact-entry input.discount-enable{min-height:18px;width:18px;height:18px;flex-basis:18px}
 .product-suggestions{top:68px}
 .entry-actionbar,.compact-entry .entry-save-actions{position:static;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .entry-actionbar .button,.compact-entry .entry-save-actions .button{min-height:44px;font-size:.76rem;padding:8px}
 .entry-actionbar>a:last-child{margin-left:0}
 .compact-entry .items-summary strong,.shipment-form .items-summary strong{font-size:1.15rem}
 .compact-entry .items-summary,.shipment-form .items-summary{flex-wrap:wrap}
 .shipment-form .card.padded{padding:12px}
 .shipment-box .box-meta{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px}
 .shipment-form .shipment-item{grid-template-columns:minmax(0,1fr) 105px}
 .shipment-form .shipment-item>.product-picker{grid-column:1/-1}
 .shipment-form .shipment-item>.button{margin-top:24px;min-height:42px}
 .shipment-form .shipment-costs label{font-size:.72rem}
 .receipt-form .method-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .receipt-form .method-choice span{padding:8px 4px;font-size:.72rem;min-height:48px}
 .receipt-form .method-choice input:checked+span{padding:7px 3px}
 .login-card{padding:26px 23px 22px}
 .login-card .brand-logo{width:124px}
 .nav-close,.menu-button{min-width:40px;min-height:40px}
}
@media screen and (max-width:380px){.metric-grid{grid-template-columns:1fr}.topbar .user-menu>a>span:last-child{max-width:105px}.entry-actionbar,.compact-entry .entry-save-actions{grid-template-columns:1fr}}
@media screen and (pointer:coarse){.compact-barcode>summary{min-height:40px;padding-top:10px;padding-bottom:10px}.compact-entry [data-remove-item]{min-height:40px}.barcode-controls .button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:active{transform:none}}
@media print{.entry-actionbar,.item-line-tools [data-remove-item]{display:none!important}.item-line-tools{display:block}.item-line-total{border:0;padding:0;margin:0}.compact-entry .item-line{break-inside:avoid}}