:root{--bg:#07111f;--text:#f8fafc;--muted:#9fb0cf;--primary:#4b8cff;--shadow:0 18px 42px rgba(0,0,0,.26)}
    *{box-sizing:border-box}
    html,body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#12356b 0%,#081934 45%,#04101f 100%);color:var(--text)}
    .hidden{display:none!important}
    .topbar{position:sticky;top:0;z-index:50;background:rgba(4,16,31,.92);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
    .brand-wrap,.top-actions{display:flex;align-items:center;gap:10px}
    .brand-badge{width:38px;height:38px;border-radius:12px;background:linear-gradient(180deg,#5b98ff,#4181f1);box-shadow:0 8px 18px rgba(65,129,241,.26);display:flex;align-items:center;justify-content:center;font-weight:800}
    .brand-title{font-size:16px;font-weight:800;margin:0}
    .brand-sub{margin:2px 0 0;color:var(--muted);font-size:11px}
    .user-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .container{max-width:960px;margin:0 auto;padding:10px 8px 100px}
    .card{background:linear-gradient(180deg,rgba(11,25,54,.94),rgba(8,18,40,.94));border:1px solid rgba(255,255,255,.07);border-radius:20px;box-shadow:var(--shadow);padding:14px;margin-bottom:10px}
    .section-title{margin:0 0 6px;font-size:18px}
    .badge{display:inline-flex;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(75,140,255,.14);color:#bfdbfe;border:1px solid rgba(75,140,255,.22);margin-bottom:10px}
    button{border:none;border-radius:14px;padding:10px 14px;min-height:44px;font-size:14px;font-weight:800;cursor:pointer;transition:.18s}
    button:disabled{opacity:.55;cursor:not-allowed}
    .btn-primary{background:linear-gradient(180deg,#5b98ff,#4181f1);color:#fff;box-shadow:0 10px 20px rgba(65,129,241,.22)}
    .btn-secondary{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.10)}
    .btn-sm{min-height:36px;padding:7px 10px;font-size:12px;border-radius:10px}
    .btn-danger{background:rgba(239,68,68,.16);color:#fecaca;border:1px solid rgba(239,68,68,.22)}
    .field{display:flex;flex-direction:column;gap:4px}
    .field label{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
    input,select{width:100%;padding:9px 12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;outline:none;background:rgba(255,255,255,.06);color:#fff;font-size:14px;min-height:42px;font-family:inherit}
    input[type=number]{text-align:center}
    input::placeholder{color:rgba(255,255,255,.3)}
    select option{background:#0f1e3a}
    .toolbar{display:grid;gap:8px;grid-template-columns:130px minmax(0,1.4fr) minmax(0,1fr);align-items:start;margin-bottom:8px}
    .topline{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
    .muted{color:var(--muted);font-size:11px;line-height:1.3}
    .pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800}
    .pill-success{background:rgba(34,197,94,.14);color:#bbf7d0;border:1px solid rgba(34,197,94,.22)}
    .pill-warning{background:rgba(245,158,11,.16);color:#fde68a;border:1px solid rgba(245,158,11,.22)}
    .store-search-wrap{position:relative}
    .store-search-dropdown{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:25;background:#fff;border:1px solid #d1d5db;border-radius:14px;box-shadow:0 14px 28px rgba(0,0,0,.18);max-height:280px;overflow:auto;padding:5px}
    .store-search-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;cursor:pointer;background:#fff}
    .store-search-item:hover,.store-search-item.active{background:#eff6ff!important}
    .store-search-name{font-size:13px;font-weight:800;color:#111827!important}
    .store-search-meta{font-size:11px;color:#6b7280!important;margin-top:2px}
    .store-state-badge{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412}
    .selected-summary{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;padding:5px 8px;border:1px dashed #dbeafe;border-radius:10px;background:#f8fafc}
    .selected-chip{padding:3px 8px;border-radius:999px;background:#fff;border:1px solid #cbd5e1;color:#1f2937;font-size:10px;font-weight:800}
    .principal-tabs{display:flex;gap:4px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}
    .principal-tabs::-webkit-scrollbar{display:none}
    .principal-tab{flex:0 0 auto;background:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap;min-height:30px;line-height:1}
    .principal-tab.active{background:linear-gradient(180deg,#5b98ff,#4181f1)!important;color:#fff!important;border-color:#4181f1!important}
    .principal-tab.completed{background:#f3f4f6!important;color:#374151!important}
    .loading-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:10px}
    .dot{width:9px;height:9px;border-radius:50%;background:var(--primary);animation:pulse 1s infinite ease-in-out}
    @keyframes pulse{0%,100%{transform:scale(.9);opacity:.5}50%{transform:scale(1.2);opacity:1}}
    .empty-state{padding:24px 14px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.03)}
    .readonly-note{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}
    .row-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px;margin-bottom:8px}
    .row-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
    .row-card-no{font-size:11px;font-weight:800;color:#9fb0cf}
    .row-fields{display:grid;gap:8px;grid-template-columns:1fr 1fr}
    .row-fields-bottom{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px}
    .row-sku-field{grid-column:1/-1}
    .num-input{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important;font-size:18px!important;font-weight:800!important;min-height:50px!important;color:#fff!important}
    .num-input.facings-inp{background:rgba(75,140,255,.12)!important;border-color:rgba(75,140,255,.3)!important;color:#bfdbfe!important}
    .num-input.Quantity-inp{background:rgba(34,197,94,.1)!important;border-color:rgba(34,197,94,.3)!important;color:#bbf7d0!important}
    .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
    .stat-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;text-align:center}
    .stat-box .num{font-size:22px;font-weight:800}
    .stat-box .lbl{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800;margin-top:3px}
    .top-skus{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .top-sku-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}
    .top-sku-label{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;margin-bottom:4px}
    .top-sku-name{font-size:12px;font-weight:800;color:#f1f5f9;line-height:1.3}
    .top-sku-val{font-size:18px;font-weight:800;color:#bfdbfe;margin-top:2px}
    .add-row-bar{display:flex;gap:8px;align-items:center;padding:10px;border:1px dashed rgba(75,140,255,.3);border-radius:12px;background:rgba(75,140,255,.05);margin-top:4px}
    .add-row-bar span{font-size:12px;color:#9fb0cf;flex:1}
    .actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    #stickySubmitBar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(4,16,31,.97);border-top:1px solid rgba(75,140,255,.25);backdrop-filter:blur(16px);padding:10px 14px}
    #stickySubmitBar.show{display:block}
    .sticky-bar-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .sticky-bar-stats{display:flex;gap:8px;flex:1;flex-wrap:wrap}
    .sticky-stat{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff}
    .sticky-stat.blue{background:rgba(75,140,255,.18);color:#bfdbfe}
    .sticky-stat.green{background:rgba(34,197,94,.14);color:#bbf7d0}
    .toast{position:fixed;right:14px;bottom:80px;max-width:340px;background:rgba(2,6,23,.96);color:#fff;padding:12px 15px;border-radius:12px;box-shadow:var(--shadow);z-index:300;font-size:13px;line-height:1.5;opacity:0;transform:translateY(6px);pointer-events:none;transition:.2s;border:1px solid rgba(255,255,255,.07)}
    .toast.show{opacity:1;transform:translateY(0)}
    .shelf-rs{background:rgba(75,140,255,.12)!important;border-color:rgba(75,140,255,.3)!important;color:#bfdbfe!important}
    .shelf-es{background:rgba(245,158,11,.1)!important;border-color:rgba(245,158,11,.3)!important;color:#fde68a!important}
    @media(max-width:760px){
      .toolbar{grid-template-columns:1fr}
      .stats-grid{grid-template-columns:1fr 1fr}
      .top-skus{grid-template-columns:1fr}
      .actions-row{display:grid;grid-template-columns:1fr 1fr}
      .actions-row button{width:100%}
      .user-chip{max-width:100px}
      .top-actions .btn-secondary,#btnLogout{min-height:34px;padding:6px 9px;font-size:11px}
      .sticky-stat{font-size:10px;padding:4px 7px}
    }
  

/* =========================================================
   FieldCore MAXCAP True Rebuild v2.1
   ========================================================= */

:root {
  --maxcap-ink: #0d2a45;
  --maxcap-muted: #587087;
  --maxcap-line: #dbe4e8;
  --maxcap-accent: #087f7b;
  --maxcap-accent-dark: #066662;
  --maxcap-accent-soft: #eaf7f6;
  --maxcap-danger: #9f2929;
  --maxcap-success: #17643f;
  --maxcap-shadow: 0 14px 34px rgba(15,42,69,.07);
}

html,
body {
  background: #f4f7f8 !important;
  background-image: none !important;
  color: var(--maxcap-ink) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

.hidden { display: none !important; }

.maxcap-content {
  width: min(calc(100% - 56px), var(--home-content-max));
  margin: 0 auto;
  padding-bottom: 100px;
}

.maxcap-route-head { padding-bottom: 20px; }

.safe-back-button {
  min-height: 34px;
  margin-bottom: 14px;
  padding: 8px 12px;
  border: 1px solid var(--maxcap-line);
  border-radius: 9px;
  background: #fff;
  color: var(--maxcap-ink);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.maxcap-loading,
.maxcap-state,
.maxcap-panel {
  border: 1px solid var(--maxcap-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--maxcap-shadow);
}

.maxcap-loading,
.maxcap-state {
  min-height: 88px;
  padding: 22px 30px;
  color: var(--maxcap-muted);
  font-size: 13px;
}

.maxcap-state h2 { margin: 0 0 8px; color: var(--maxcap-ink); }
.maxcap-state p { color: var(--maxcap-muted); font-size: 11px; }

.maxcap-panel { padding: 22px; }

.maxcap-panel-head {
  margin-bottom: 18px;
}

.maxcap-panel-head h2 {
  margin: 0;
  color: var(--maxcap-ink);
  font-size: 20px;
}

.maxcap-panel-head p {
  margin: 5px 0 0;
  color: var(--maxcap-muted);
  font-size: 11px;
}

.maxcap-kicker {
  display: block;
  margin-bottom: 5px;
  color: var(--maxcap-accent);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Neutralize the legacy standalone shell. */
.topbar { display: none !important; }

.container {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.container > .card:first-child {
  padding: 14px !important;
  border: 1px solid var(--maxcap-line) !important;
  border-radius: 12px !important;
  background: #f9fbfb !important;
  box-shadow: none !important;
}

.section-title,
.badge {
  display: none !important;
}

.card {
  border: 1px solid var(--maxcap-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--maxcap-ink) !important;
}

.toolbar {
  display: grid !important;
  grid-template-columns: 170px minmax(300px,1.5fr) minmax(220px,.8fr) !important;
  gap: 12px !important;
}

.field label {
  color: var(--maxcap-muted) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: .05em;
  text-transform: uppercase;
}

input,
select,
textarea {
  min-height: 44px !important;
  border: 1px solid var(--maxcap-line) !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: var(--maxcap-ink) !important;
  box-shadow: none !important;
  font-size: 11px !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(8,127,123,.5) !important;
  box-shadow: 0 0 0 3px rgba(8,127,123,.09) !important;
}

.store-search-dropdown {
  border: 1px solid var(--maxcap-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(13,42,69,.15) !important;
}

.store-search-item {
  border-color: #edf1f3 !important;
  color: var(--maxcap-ink) !important;
}

.store-search-item:hover,
.store-search-item.active {
  background: var(--maxcap-accent-soft) !important;
}

.selected-chip {
  border-color: #cbd8df !important;
  background: #fff !important;
  color: var(--maxcap-ink) !important;
}

.principal-tab {
  border: 1px solid var(--maxcap-line) !important;
  background: #fff !important;
  color: var(--maxcap-ink) !important;
  box-shadow: none !important;
}

.principal-tab.active {
  border-color: var(--maxcap-accent) !important;
  background: var(--maxcap-accent) !important;
  color: #fff !important;
}

.topline {
  margin-top: 14px !important;
}

.muted {
  color: var(--maxcap-muted) !important;
}

.pill-success {
  border: 0 !important;
  background: #eaf8f1 !important;
  color: var(--maxcap-success) !important;
}

.pill-warning {
  border: 0 !important;
  background: #fff6df !important;
  color: #855b0a !important;
}

.loading-row,
.empty-state {
  border: 1px solid var(--maxcap-line) !important;
  border-radius: 10px !important;
  background: #f9fbfb !important;
  color: var(--maxcap-muted) !important;
}

.stats-grid {
  gap: 10px !important;
}

.stat-box,
.top-sku-box {
  border: 1px solid var(--maxcap-line) !important;
  border-radius: 10px !important;
  background: #f8fafb !important;
  color: var(--maxcap-ink) !important;
}

.stat-box .num,
.top-sku-name,
.top-sku-val {
  color: var(--maxcap-ink) !important;
}

.stat-box .lbl,
.top-sku-label {
  color: var(--maxcap-muted) !important;
}

.shelf-row {
  border: 1px solid var(--maxcap-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
}

.row-num {
  background: var(--maxcap-accent-soft) !important;
  color: var(--maxcap-accent-dark) !important;
}

.add-row-bar {
  border: 1px dashed #b7d7d4 !important;
  border-radius: 10px !important;
  background: #f5fbfa !important;
  color: var(--maxcap-muted) !important;
}

.btn-primary {
  border: 1px solid var(--maxcap-accent) !important;
  background: var(--maxcap-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.btn-secondary {
  border: 1px solid var(--maxcap-line) !important;
  background: #fff !important;
  color: var(--maxcap-ink) !important;
  box-shadow: none !important;
}

.btn-danger {
  border-color: #efc4c4 !important;
  background: #fff5f5 !important;
  color: var(--maxcap-danger) !important;
}

.readonly-note {
  border: 0 !important;
  background: #f1f4f5 !important;
  color: var(--maxcap-muted) !important;
}

#stickySubmitBar {
  left: var(--home-sidebar-width,248px) !important;
  border-top: 1px solid var(--maxcap-line) !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 -8px 24px rgba(15,42,69,.08) !important;
}

.sticky-stat {
  border: 1px solid var(--maxcap-line) !important;
  background: #f8fafb !important;
  color: var(--maxcap-ink) !important;
}

.toast {
  right: 20px !important;
  bottom: 78px !important;
  background: var(--maxcap-ink) !important;
  color: #fff !important;
}

@media (max-width:899px) {
  .maxcap-content {
    width: min(calc(100% - 20px),var(--home-content-max));
    padding-bottom: 150px;
  }

  .toolbar {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .toolbar .field:last-child {
    grid-column: 1 / -1;
  }

  #stickySubmitBar {
    left: 0 !important;
    bottom: 66px !important;
  }
}

@media (max-width:760px) {
  .maxcap-content {
    width: calc(100% - 12px);
  }

  .maxcap-panel {
    padding: 14px;
  }

  .toolbar {
    grid-template-columns: 1fr !important;
  }

  .toolbar .field:last-child {
    grid-column: auto;
  }

  .principal-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto;
  }

  .principal-tab {
    flex: 0 0 auto;
  }

  .stats-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .top-skus {
    grid-template-columns: 1fr !important;
  }

  .shelf-row-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .shelf-row-grid .field:first-child {
    grid-column: 1 / -1;
  }

  .actions-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }

  .actions-row button:last-child {
    grid-column: 1 / -1;
  }
}