body.ppx-lab-v485-active {
  background: #f4f7fb;
}
.ppx-lab-v485 {
  --lab-navy: #071832;
  --lab-blue: #0b5cff;
  --lab-green: #0a9a63;
  --lab-orange: #ff9700;
  --lab-line: #dbe4f0;
  min-height: 100vh;
  color: #101d32;
  background: #f4f7fb;
  font-family: inherit;
}
.ppx-lab-v485 * { box-sizing: border-box; }
.lab-header-v485 {
  position: sticky;
  top: 0;
  z-index: 50;
  display: grid;
  grid-template-columns: minmax(230px, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 12px 20px;
  color: #fff;
  background: var(--lab-navy);
  border-bottom: 4px solid var(--lab-orange);
  box-shadow: 0 8px 22px rgba(7, 24, 50, .16);
}
.lab-brand-v485 { display:flex; align-items:center; gap:12px; min-width:0; }
.lab-brand-v485 img { width:45px; height:45px; object-fit:contain; border-radius:50%; background:#fff; }
.lab-brand-v485 h1 { margin:0; font-size:20px; line-height:1; }
.lab-brand-v485 small { display:block; margin-top:5px; color:#b8c7dc; font-weight:800; }
.lab-private-v485 {
  display:inline-flex; align-items:center; gap:7px; padding:8px 12px;
  border-radius:999px; background:#163257; color:#dbeafe; font-weight:900; font-size:12px;
}
.lab-mode-v485 { display:flex; gap:5px; padding:4px; border-radius:12px; background:#102848; }
.lab-mode-v485 button, .lab-exit-v485 {
  border:0; border-radius:9px; padding:9px 13px; font:inherit; font-weight:900; cursor:pointer;
}
.lab-mode-v485 button { color:#cbd7e8; background:transparent; }
.lab-mode-v485 button.active { color:#071832; background:#fff; }
.lab-exit-v485 { color:#fff; background:#d9262e; }
.lab-warning-v485 {
  display:flex; justify-content:center; align-items:center; gap:9px;
  padding:9px 18px; color:#6b3500; background:#fff3d8; border-bottom:1px solid #ffd183;
  font-size:13px; font-weight:950; text-align:center;
}
.lab-shell-v485 { display:grid; grid-template-columns:220px minmax(0, 1fr) 310px; min-height:calc(100vh - 107px); }
.lab-nav-v485 {
  position:sticky; top:107px; align-self:start; height:calc(100vh - 107px); overflow:auto;
  padding:16px 12px; background:#fff; border-right:1px solid var(--lab-line);
}
.lab-nav-v485 h3 { margin:4px 8px 12px; color:#64748b; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.lab-nav-v485 button {
  width:100%; display:flex; align-items:center; gap:9px; margin:4px 0; padding:11px 12px;
  border:0; border-radius:11px; color:#26364f; background:transparent; font:inherit; font-weight:850; text-align:left; cursor:pointer;
}
.lab-nav-v485 button:hover { background:#eef5ff; }
.lab-nav-v485 button.active { color:#fff; background:var(--lab-navy); }
.lab-nav-v485 .lab-count-v485 { margin-left:auto; padding:2px 7px; border-radius:999px; color:#fff; background:#e11d48; font-size:11px; }
.lab-main-v485 { min-width:0; padding:18px; }
.lab-summary-v485 {
  position:sticky; top:107px; align-self:start; height:calc(100vh - 107px); overflow:auto;
  padding:16px; background:#fff; border-left:1px solid var(--lab-line);
}
.lab-title-row-v485 { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:12px; }
.lab-title-row-v485 h2 { margin:0; font-size:22px; }
.lab-title-row-v485 p { margin:5px 0 0; color:#64748b; font-size:12px; font-weight:700; }
.lab-kpis-v485 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:12px; }
.lab-kpi-v485 { padding:10px 12px; border:1px solid var(--lab-line); border-radius:12px; background:#fff; }
.lab-kpi-v485 span { display:block; color:#64748b; font-size:10px; font-weight:900; text-transform:uppercase; }
.lab-kpi-v485 strong { display:block; margin-top:3px; font-size:18px; }
.lab-toolbar-v485 { display:grid; grid-template-columns:minmax(220px,1fr) 190px auto; gap:8px; margin-bottom:12px; }
.lab-toolbar-v485 input, .lab-toolbar-v485 select, .lab-form-v485 input, .lab-form-v485 select {
  width:100%; min-height:42px; padding:9px 12px; border:1px solid #cbd7e6; border-radius:10px; background:#fff; font:inherit; font-weight:750;
}
.lab-toolbar-v485 button, .lab-primary-v485, .lab-secondary-v485, .lab-danger-v485 {
  min-height:42px; border:0; border-radius:10px; padding:9px 14px; font:inherit; font-weight:950; cursor:pointer;
}
.lab-primary-v485 { color:#fff; background:var(--lab-green); }
.lab-secondary-v485 { color:#fff; background:var(--lab-navy); }
.lab-danger-v485 { color:#fff; background:#e32631; }
.lab-products-v485 { display:grid; gap:8px; }
.lab-product-v485 {
  display:grid; grid-template-columns:64px minmax(220px,1.5fr) minmax(165px,.75fr) 150px 224px;
  gap:12px; align-items:center; min-height:88px; padding:10px 12px;
  border:1px solid var(--lab-line); border-radius:14px; background:#fff;
}
.lab-thumb-v485 {
  width:58px; height:58px; display:grid; place-items:center; overflow:hidden;
  border:1px solid #d5deea; border-radius:12px; color:#57708f; background:linear-gradient(145deg,#f8fbff,#e8eef7); font-size:18px; font-weight:950;
}
.lab-thumb-v485 img { width:100%; height:100%; object-fit:contain; background:#fff; }
.lab-product-main-v485 { min-width:0; }
.lab-product-main-v485 h3 { margin:3px 0; font-size:14px; line-height:1.25; }
.lab-product-main-v485 small { display:block; color:#64748b; font-size:10px; font-weight:800; }
.lab-tags-v485 { display:flex; flex-wrap:wrap; gap:4px; }
.lab-tag-v485 { padding:3px 7px; border-radius:999px; color:#204269; background:#edf5ff; font-size:9px; font-weight:950; }
.lab-stock-v485 { padding:8px 10px; border-radius:10px; background:#eefaf5; }
.lab-stock-v485 strong { display:block; color:#047857; font-size:13px; }
.lab-stock-v485 small { color:#527063; }
.lab-price-v485 strong { display:block; font-size:14px; }
.lab-price-v485 small { color:#64748b; }
.lab-counters-v485 { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.lab-counter-v485 { display:grid; grid-template-columns:30px minmax(46px,1fr) 30px; align-items:center; border:1px solid #ffd08a; border-radius:10px; overflow:hidden; background:#fff9ef; }
.lab-counter-v485 button { height:34px; border:0; color:#9a4d00; background:transparent; font-size:18px; font-weight:950; cursor:pointer; }
.lab-counter-v485 input { width:100%; height:34px; border:0; outline:0; background:transparent; text-align:center; font:inherit; font-weight:950; }
.lab-counter-v485 .unit { grid-column:1/-1; padding:2px 5px 5px; color:#8b5d21; font-size:9px; font-weight:950; text-align:center; }
.lab-add-v485 { grid-column:1/-1; min-height:34px; border:0; border-radius:9px; color:#fff; background:var(--lab-green); font:inherit; font-size:11px; font-weight:950; cursor:pointer; }
.lab-add-v485:disabled { opacity:.45; cursor:not-allowed; }
.lab-card-v485 { margin-bottom:12px; padding:15px; border:1px solid var(--lab-line); border-radius:14px; background:#fff; }
.lab-card-v485 h3 { margin:0 0 8px; }
.lab-empty-v485 { padding:35px 18px; border:1px dashed #c7d4e4; border-radius:14px; color:#64748b; background:#fff; text-align:center; }
.lab-cart-line-v485 { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; align-items:center; padding:9px 0; border-bottom:1px solid #edf1f6; }
.lab-cart-line-v485 strong { font-size:12px; }
.lab-cart-line-v485 small { display:block; color:#64748b; }
.lab-order-v485 { border-left:5px solid var(--lab-blue); }
.lab-order-head-v485 { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.lab-order-actions-v485 { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.lab-order-actions-v485 button { min-height:34px; padding:7px 10px; border:0; border-radius:8px; font:inherit; font-size:11px; font-weight:900; cursor:pointer; }
.lab-status-v485 { padding:5px 9px; border-radius:999px; color:#084c35; background:#dff8ed; font-size:10px; font-weight:950; }
.lab-table-v485 { width:100%; border-collapse:collapse; font-size:12px; }
.lab-table-v485 th, .lab-table-v485 td { padding:9px; border-bottom:1px solid #e5ebf3; text-align:left; }
.lab-table-v485 th { color:#5b6d86; background:#f7f9fc; font-size:10px; text-transform:uppercase; }
.lab-image-note-v485 { padding:12px; border-radius:12px; color:#164e63; background:#ecfeff; font-size:12px; line-height:1.45; }
.lab-compact-v485 .lab-thumb-v485 { display:none; }
.lab-compact-v485 .lab-product-v485 { grid-template-columns:minmax(250px,1.6fr) minmax(150px,.7fr) 130px 214px; min-height:66px; }
.lab-compact-v485 .lab-product-main-v485 h3 { font-size:13px; }
.lab-compact-v485 .lab-product-v485 { border-radius:9px; }
.lab-pager-v485 { display:flex; justify-content:center; gap:8px; padding:14px 0; }
.lab-pager-v485 button { border:1px solid #cbd7e6; border-radius:9px; padding:8px 12px; background:#fff; font-weight:900; cursor:pointer; }
@media (max-width: 1280px) {
  .lab-shell-v485 { grid-template-columns:190px minmax(0,1fr); }
  .lab-summary-v485 { position:static; grid-column:1/-1; height:auto; border-left:0; border-top:1px solid var(--lab-line); }
  .lab-product-v485 { grid-template-columns:56px minmax(200px,1fr) 150px 210px; }
  .lab-price-v485 { display:none; }
}
@media (max-width: 820px) {
  .lab-header-v485 { grid-template-columns:1fr auto; padding:10px 12px; }
  .lab-private-v485 { grid-column:1/-1; justify-self:start; }
  .lab-mode-v485 { display:none; }
  .lab-shell-v485 { display:block; }
  .lab-nav-v485 { position:static; height:auto; display:flex; gap:5px; padding:8px; overflow:auto; border-right:0; border-bottom:1px solid var(--lab-line); }
  .lab-nav-v485 h3 { display:none; }
  .lab-nav-v485 button { width:auto; min-width:max-content; margin:0; padding:9px; }
  .lab-main-v485 { padding:10px; }
  .lab-kpis-v485 { grid-template-columns:1fr 1fr; }
  .lab-toolbar-v485 { grid-template-columns:1fr; }
  .lab-product-v485, .lab-compact-v485 .lab-product-v485 { grid-template-columns:48px minmax(0,1fr); gap:8px; }
  .lab-thumb-v485, .lab-compact-v485 .lab-thumb-v485 { display:grid; width:46px; height:46px; }
  .lab-stock-v485, .lab-price-v485, .lab-counters-v485 { grid-column:1/-1; }
  .lab-summary-v485 { height:auto; padding:10px; }
}