.manager-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #e5dfeb;margin:24px 0 32px;background:white; }
.manager-stats > div { padding:22px 24px;border-right:1px solid #e5dfeb;min-width:0; }
.manager-stats > div:last-child {border:0;}
.manager-stats span {display:block;font-size:12px;color:#74667d;margin-bottom:10px;}
.manager-stats strong {display:block;font-size:25px;overflow-wrap:anywhere;color:#292132;}
.manager-columns {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;}
.manager-columns > section {min-width:0;}
.manager-band {margin-block:30px;padding-block:22px;border-top:1px solid #ded6e6;}
.manager-band h2,.manager-columns h2 {font-size:17px;margin:0 0 18px;}
.manager-table {overflow:auto;background:#fff;border-block:1px solid #e7e0ee;margin-top:16px;}
.manager-table table {width:100%;border-collapse:collapse;}
.manager-table th {font-size:11px;text-align:left;font-weight:600;background:#f7f4fa;color:#786987;padding:14px;}
.manager-table td {padding:16px 14px;border-bottom:1px solid #eee8f2;font-size:13px;vertical-align:middle;}
.manager-table small {display:block;font-size:11px;color:#887d91;margin-top:5px;}
.manager-table strong {font-size:13px;}
.manager-empty {text-align:center!important;color:#887d91;padding:40px!important;}
.manager-toolbar {display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:18px 0;}
.manager-toolbar label {margin:0;min-width:140px;}
.manager-search {width:380px;max-width:100%;}
.manager-search span {display:block;margin-bottom:7px;font-size:12px;}
.manager-item {display:flex;gap:12px;align-items:center;min-width:180px;}
.manager-item img {width:48px;height:48px;object-fit:contain;background:#f8f7fa;border-radius:5px;}
.manager-item > svg {width:32px;height:32px;flex-shrink:0;color:#9d8ba9;}
.stock-alert {color:#b34510;background:#fff0e5;padding:3px 6px;font-size:10px;}
.supplier-detail-photo {display:block;max-width:100%;width:240px;height:190px;object-fit:contain;margin:0 auto 18px;}
.supplier-specs {white-space:pre-wrap;font-size:13px;line-height:1.7;}
.editor-tabs {grid-template-columns:repeat(4,minmax(0,1fr));}
.editor-tabs button {min-width:0;justify-content:center;gap:5px;font-size:12px;}
.editor-options {margin:12px 0;}
.editor-options > summary {cursor:pointer;font-size:12px;font-weight:600;padding:12px 0;color:#685775;}
.editor-options[open] > summary {margin-bottom:10px;}
.invoice-step-actions {display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid #e7dfed;background:white;}
.invoice-step-actions button {font-size:12px;}
.item-picker-actions {margin-bottom:18px;}
.item-card {border-radius:6px;}
.stock-picker-category {margin:16px 0;}
#stockPickerResults .stock-thumb {width:92px;height:92px;flex:0 0 92px;object-fit:contain;background:white;}
#stockPickerResults .catalog-row {min-height:115px;}
.sale-confirmation-stock {padding-left:20px;line-height:1.7;font-size:13px;}
.sale-confirmation-stock li {margin:8px 0;}
.pickup-summary {display:grid;gap:12px;padding-block:16px;margin-block:14px;border-block:1px solid #eee8f2;}
.pickup-summary > strong {font-size:13px;color:#58218a;}
.payment-complete {display:flex;align-items:center;gap:8px;font-weight:650;color:#087e6c;}
@media(max-width:600px) { .editor-tabs button {flex-direction:column;padding:12px 4px;gap:6px;} .invoice-step-actions {padding:12px;} #stockPickerResults .stock-thumb {width:72px;height:72px;flex-basis:72px;} }
.product-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;align-items:stretch;margin-top:20px;}
.product-card {min-width:0;overflow:hidden;border:1px solid #dfd9e5;border-radius:8px;background:white;display:flex;flex-direction:column;}
.product-card .product-image {width:100%;height:230px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:16px;border:0;border-bottom:1px solid #eee9f2;border-radius:0;background:white;box-shadow:none;}
.product-card .product-image:hover {background:#faf9fc;}
.product-image img {width:100%;height:100%;object-fit:contain;display:block;}
.product-image > svg {width:60px;height:60px;color:#aca1b4;}
.product-card-body {display:flex;flex-direction:column;gap:12px;padding:18px;flex:1;min-width:0;}
.product-card-body > small {font-size:11px;color:#81748b;overflow-wrap:anywhere;}
.product-card .product-title {display:block;min-height:0;white-space:normal;text-align:left;font-size:14px;font-weight:650;line-height:1.5;padding:0;background:none;border:0;box-shadow:none;color:#2e2636;overflow-wrap:anywhere;}
.product-title:hover {color:#58218a!important;}
.product-availability {font-size:11px;color:#75667f;}
.product-prices {display:flex;flex-wrap:wrap;gap:12px 22px;margin:4px 0 0;}
.product-prices dt {font-size:11px;color:#85778e;margin-bottom:5px;}
.product-prices dd {font-size:19px;font-weight:700;margin:0;color:#34243f;}
.product-card-footer {display:flex;align-items:center;gap:8px;border-top:1px solid #eee8f3;padding-top:12px;margin-top:auto;}
.product-card-footer > small {flex:1;font-size:11px;color:#807388;overflow-wrap:anywhere;}
.product-view-switch {display:flex;gap:3px;background:#ece8f1;padding:3px;border-radius:6px;}
.product-view-switch button {border:0;background:transparent;box-shadow:none;}
.product-view-switch button[aria-pressed="true"] {background:white;color:#58218a;box-shadow:0 1px 3px #26102d18;}
.supplier-detail-photo {width:360px;height:290px;}
@media(max-width:600px) { .product-grid {grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;} .product-card .product-image {height:250px;} }
.purchase-line {padding:16px;border:1px solid #ded6e6;border-radius:6px;margin:20px 0;min-width:0;}
.purchase-line legend {padding:0 6px;font-weight:600;}
.wide-modal {width:min(1250px,96vw)!important;max-width:96vw!important;}
.price-review {max-height:55vh;}
.price-review table {min-width:980px;}
.price-review input:not([type=checkbox]),.price-review select {min-width:105px;}
.price-review input[name=name] {min-width:200px;}
.price-review th,.price-review td {padding:8px;}
.pdf-source {white-space:pre-wrap;max-height:180px;overflow:auto;background:#f7f4fa;padding:12px;font-size:11px;}
.network-url {display:block;font-size:20px;font-weight:600;margin-block:14px;color:#58218a;overflow-wrap:anywhere;}
.sync-banner {position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:1000;background:#fff3da;color:#663f00;border:1px solid #d5a549;border-radius:6px;box-shadow:0 5px 25px #0002;padding:15px;max-width:94vw;width:max-content;display:flex;gap:16px;align-items:center;}
.login-page {display:grid;place-items:center;min-height:100vh;background:#f5f4f8;padding:24px;}
.login-panel {width:430px;max-width:100%;background:white;padding:40px;border:1px solid #e3dce9;border-radius:8px;border-top:4px solid #f66b16;}
.login-panel h1 {font-size:24px;margin-top:22px;line-height:1.4;}
.login-panel p {color:#786987;margin:10px 0 24px;}
.login-panel form {display:grid;gap:14px;}
.login-panel small {display:block;margin-top:28px;color:#918499;}
#loginError {color:#b32929;margin:0;font-size:13px;}
.sidebar {overflow-y:auto;}
.sidebar nav button {min-height:39px;}
@media(max-width:1000px) { .manager-columns {grid-template-columns:1fr;} .manager-stats {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:650px) { .manager-stats > div {padding:16px 12px;} .manager-stats strong {font-size:21px;} .manager-table td,.manager-table th {padding:12px 9px;} .page-heading {flex-wrap:wrap;gap:14px;} .page-heading h1 {font-size:25px;} .manager-toolbar {gap:10px;} .manager-toolbar label {flex:1;} .sync-banner {display:block;} .sync-banner button {margin-top:10px;} .login-panel {padding:26px;} }
@media print { .sync-banner {display:none!important;} }
@media(max-width:800px) {
  .sidebar {position:sticky;top:0;width:100%;height:auto;max-height:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:8px;overflow-x:auto;overflow-y:hidden;z-index:30;}
  .sidebar .brand {flex-shrink:0;padding:0;}
  .sidebar .brand img {width:34px;height:34px;}
  .sidebar > nav,.sidebar-bottom nav {display:flex;flex-direction:row;gap:3px;}
  .sidebar nav button {flex-shrink:0;width:44px;height:44px;min-height:44px;font-size:0;padding:10px;justify-content:center;}
  .sidebar-bottom {width:auto;margin:0;padding:0;flex-shrink:0;}
  .sidebar .nav-label,.sidebar .old-version,.sidebar .local-status,.sidebar .brand > span {display:none;}
  .main-shell {margin-left:0;min-width:0;}
}