.retail-mobile-shell,
.retail-mobile-shell .retail-mobile-more-sheet{
  display:none;
}

.retail-home-mobile{
  display:none;
}

.retail-dashboard-mobile{
  display:none;
}

.retail-dashboard-desktop{
  display:block;
}

.retail-sale-mobile-hero,
.retail-inventory-mobile{
  display:none;
}

.retail-ledger-mobile{
  display:none;
}

.retail-payments-mobile,
.retail-sales-mobile-shell,
.retail-purchases-mobile,
.vendors-mobile-shell,
.expenses-mobile-shell,
.expenses-mobile-view,
.expenses-mobile-expense-list,
.expenses-recurring-mobile-list{
  display:none;
}

.team-time-mobile-shell,
.employees-roles-mobile,
.emp-mobile-hub-action{
  display:none;
}

.retail-settings-mobile{
  display:none;
}

.team-time-desktop,
.employees-roles-desktop{
  display:block;
}

.customers-mobile-shell{
  display:none;
}

.customer-detail-mobile-shell{
  display:none;
}

.retail-mobile-account-menu > summary{
  list-style:none;
}

.retail-mobile-account-menu > summary::-webkit-details-marker{
  display:none;
}

.retail-mobile-more > summary{
  list-style:none;
}

.retail-mobile-more > summary::-webkit-details-marker{
  display:none;
}

body.retail-mobile-shell-page .tx-sale-more-options{
  margin-top: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(15,23,42,.42);
  overflow: hidden;
}

body.retail-mobile-shell-page .tx-sale-more-options > summary{
  list-style: none;
  display:flex;
  justify-content:space-between;
  gap: .8rem;
  align-items:center;
  padding: .78rem .88rem;
  cursor:pointer;
  color: var(--text-main);
  font-weight: 800;
}

body.retail-mobile-shell-page .tx-sale-more-options > summary::-webkit-details-marker{
  display:none;
}

body.retail-mobile-shell-page .tx-sale-more-options > summary span{
  font-size: .74rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-muted);
}

body.retail-mobile-shell-page .tx-sale-more-options > summary strong{
  min-width: 0;
  font-size: .92rem;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.retail-mobile-shell-page .tx-sale-more-options > summary::after{
  content: "▾";
  flex: 0 0 auto;
  color: var(--text-muted);
  transition: transform .18s ease;
}

body.retail-mobile-shell-page .tx-sale-more-options[open] > summary::after{
  transform: rotate(180deg);
}

body.retail-mobile-shell-page .tx-sale-more-options-body{
  border-top: 1px solid rgba(255,255,255,.08);
  padding: .86rem;
  display: flex;
  flex-direction: column;
  gap: .72rem;
}

@media (max-width: 1024px){
  body.retail-mobile-shell-page{
    --retail-mobile-shell-content-pad: 152px;
  }

  body.retail-mobile-shell-page #app-header,
  body.retail-mobile-shell-page .retail-sidebar,
  body.retail-mobile-shell-page .ndh-hamburger{
    display:none !important;
  }

  body.retail-mobile-shell-page .layout{
    max-width: 100%;
    margin: 0;
    padding: .75rem .75rem .35rem;
  }

  body.retail-mobile-shell-page .app-shell{
    max-width: none;
    margin: 0;
    padding: 0 0 calc(var(--retail-mobile-shell-content-pad) + env(safe-area-inset-bottom));
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.retail-mobile-shell-page .app-main{
    min-width: 0;
  }

  body.retail-mobile-shell-page .ndh-settings-desktop-shell{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-settings-mobile{
    display:grid;
    gap:14px;
    padding-bottom:12px;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-hero{
    display:grid;
    gap:5px;
    padding:1rem;
    border:1px solid rgba(255,255,255,.09);
    border-radius:24px;
    background:
      radial-gradient(420px 180px at 10% 0%, rgba(255,87,5,.18), transparent 58%),
      linear-gradient(145deg, rgba(15,23,42,.92), rgba(2,6,23,.82));
    box-shadow:var(--shadow-soft);
  }

  body.retail-mobile-shell-page .retail-settings-mobile-hero span{
    width:max-content;
    padding:.28rem .55rem;
    border-radius:999px;
    border:1px solid rgba(255,87,5,.28);
    background:rgba(255,87,5,.12);
    color:#ffd7c4;
    font-size:.72rem;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:850;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-hero h1{
    margin:.18rem 0 0;
    color:var(--text-main);
    font-size:1.46rem;
    line-height:1.08;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-hero p{
    margin:0;
    color:var(--text-muted);
    line-height:1.35;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-form,
  body.retail-mobile-shell-page .retail-settings-mobile{
    min-width:0;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-form{
    display:grid;
    gap:12px;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-section{
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    background:rgba(15,23,42,.72);
    box-shadow:var(--shadow-soft);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-section > summary,
  body.retail-mobile-shell-page .retail-settings-mobile-more > summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    cursor:pointer;
    color:var(--text-main);
    font-weight:850;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-section > summary{
    padding:.88rem .95rem;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-more > summary{
    padding:.76rem .82rem;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-section > summary::-webkit-details-marker,
  body.retail-mobile-shell-page .retail-settings-mobile-more > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-section > summary::after,
  body.retail-mobile-shell-page .retail-settings-mobile-more > summary::after{
    content:"▾";
    color:var(--text-muted);
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-section[open] > summary::after,
  body.retail-mobile-shell-page .retail-settings-mobile-more[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .retail-settings-mobile-section-body{
    display:grid;
    gap:12px;
    border-top:1px solid rgba(255,255,255,.08);
    padding:.95rem;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-card-section{
    display:grid;
    gap:12px;
    padding:.95rem;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-card-section h2{
    margin:0;
    color:var(--text-main);
    font-size:1rem;
    line-height:1.15;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-field,
  body.retail-mobile-shell-page .retail-settings-mobile-hours{
    display:grid;
    gap:6px;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-field span,
  body.retail-mobile-shell-page .retail-settings-mobile-field-title{
    color:var(--text-muted);
    font-size:.72rem;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:850;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-field input,
  body.retail-mobile-shell-page .retail-settings-mobile-field select,
  body.retail-mobile-shell-page .retail-settings-mobile-field textarea,
  body.retail-mobile-shell-page .retail-settings-mobile-hours-row select{
    width:100%;
    min-height:46px;
    padding:.74rem .82rem;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,23,42,.58);
    color:var(--text-main);
    font:inherit;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-field textarea{
    min-height:92px;
    resize:vertical;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-field input[type="file"]{
    padding:.66rem;
    min-height:auto;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-field input:disabled{
    opacity:.72;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-more{
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.03);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-more-body{
    display:grid;
    gap:12px;
    border-top:1px solid rgba(255,255,255,.08);
    padding:.82rem;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-status-row{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-switch,
  body.retail-mobile-shell-page .retail-settings-mobile-check-card,
  body.retail-mobile-shell-page .retail-settings-mobile-plan{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background:rgba(255,255,255,.04);
    padding:.82rem;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-settings-mobile-switch strong{
    display:block;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-switch small,
  body.retail-mobile-shell-page .retail-settings-mobile-check-card small,
  body.retail-mobile-shell-page .retail-settings-mobile-plan span{
    display:block;
    margin-top:2px;
    color:var(--text-muted);
    font-size:.76rem;
    line-height:1.25;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-switch input,
  body.retail-mobile-shell-page .retail-settings-mobile-check-card input{
    width:22px;
    height:22px;
    accent-color:#ff5705;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-currency-list{
    display:grid;
    gap:8px;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-hours-row{
    display:grid;
    grid-template-columns:1fr minmax(84px, .7fr) minmax(84px, .7fr);
    gap:8px;
    align-items:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background:rgba(15,23,42,.48);
    padding:.72rem;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-hours-day{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--text-main);
    font-weight:760;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-hours-day input{
    width:18px;
    height:18px;
    accent-color:#ff5705;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-link-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-link-grid a,
  body.retail-mobile-shell-page .retail-settings-mobile-wide-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:.74rem .8rem;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    color:var(--text-main);
    text-decoration:none;
    font-weight:850;
    text-align:center;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-link-grid a:hover,
  body.retail-mobile-shell-page .retail-settings-mobile-wide-link:hover{
    border-color:rgba(255,87,5,.32);
    background:rgba(255,87,5,.10);
  }

  body.retail-mobile-shell-page .retail-settings-mobile-plan strong{
    color:var(--text-main);
    font-size:1.08rem;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-save{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    padding-bottom:calc(6px + env(safe-area-inset-bottom));
  }

  body.retail-mobile-shell-page .retail-settings-mobile-save .btn,
  body.retail-mobile-shell-page .retail-settings-mobile-approval .btn,
  body.retail-mobile-shell-page .retail-settings-mobile-risk .btn{
    width:100%;
    min-height:46px;
    justify-content:center;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-risk{
    border-color:rgba(248,113,113,.22);
    background:rgba(45,12,18,.62);
  }

  body.retail-mobile-shell-page .retail-settings-mobile-risk p{
    margin:0;
    color:var(--text-muted);
    line-height:1.35;
  }

  body.retail-mobile-shell-page .retail-settings-mobile-danger-button{
    background:rgba(185,28,28,.88);
    border-color:rgba(248,113,113,.42);
    color:#fff5f5;
  }

  body.retail-mobile-shell-page .retail-mobile-shell{
    display:block;
    position: relative;
    z-index: 20;
    margin-bottom: 10px;
  }

  body.retail-mobile-shell-page .retail-dashboard-mobile{
    display:grid;
    gap: 14px;
    margin-bottom: 12px;
  }

  body.retail-mobile-shell-page .retail-dashboard-desktop{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-sale-page > .app-main-head{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-sale-mobile-hero{
    display:grid;
    gap: 10px;
    padding: 14px;
    margin-bottom: 12px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(900px 220px at 12% 0%, rgba(255,255,255,.06), transparent 58%),
      rgba(2,6,23,.84);
    box-shadow: 0 16px 56px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-operations-card{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-catalog-shell{
    order:1 !important;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-summary-rail{
    order:0 !important;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-summary-rail{
    position: static;
    min-height: auto;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-drawer-panel[data-drawer-panel="sale"] .tx-drawer-head p,
  body.retail-mobile-shell-page .retail-sale-page .tx-drawer-panel[data-drawer-panel="free_sale"] .tx-drawer-head p,
  body.retail-mobile-shell-page .customer-detail-page .customer-quick-drawer-head p,
  body.retail-mobile-shell-page .customer-detail-page .customer-quick-sale-workspace-head p,
  body.retail-mobile-shell-page .customer-detail-page .customer-quick-helper,
  body.retail-mobile-shell-page .retail-sale-page .tx-mode-hint,
  body.retail-mobile-shell-page .retail-sale-page .tx-inline-note{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-panel{
    display:grid;
    gap: 12px;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-context{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    padding:10px 12px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-context span{
    font-size:.74rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-weight:800;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-context strong{
    font-size:.92rem;
    font-weight:900;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-body--compact.is-visible{
    grid-template-columns:1fr;
    gap:12px;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-body--compact.is-visible > .tx-mini-summary,
  body.retail-mobile-shell-page .retail-sale-page .tx-sale-body--compact.is-visible > .tx-form-grid,
  body.retail-mobile-shell-page .retail-sale-page .tx-sale-body--compact.is-visible > .tx-sale-customer-section,
  body.retail-mobile-shell-page .retail-sale-page .tx-sale-body--compact.is-visible > .tx-sale-more-options,
  body.retail-mobile-shell-page .retail-sale-page .tx-sale-body--compact.is-visible > .tx-hidden-fields,
  body.retail-mobile-shell-page .retail-sale-page .tx-sale-body--compact.is-visible > .tx-drawer-actions{
    grid-column:1 / -1;
  }

  body.retail-mobile-shell-page .retail-sale-page #txSaleForm[data-mode-step="state"] .tx-sale-customer-section--static{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-grid{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-card{
    width:100%;
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    gap:12px;
    align-items:center;
    text-align:left;
    padding:14px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.1);
    background:
      radial-gradient(120px 90px at 100% 0%, rgba(255,87,5,.14), transparent 72%),
      rgba(15,23,42,.8);
    color:var(--text-main);
    box-shadow:var(--shadow-soft);
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-card:hover{
    border-color:rgba(255,87,5,.32);
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-icon{
    width:48px;
    height:48px;
    border-radius:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,87,5,.12);
    color:#ffb089;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-icon svg{
    width:24px;
    height:24px;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-copy{
    display:grid;
    gap:4px;
    min-width:0;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-copy strong{
    font-size:1rem;
    line-height:1.15;
    font-weight:950;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-sale-type-copy small{
    color:var(--text-muted);
    font-size:.84rem;
    line-height:1.35;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-payment-section{
    display:none;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-form.is-payment-open .tx-free-sale-payment-section{
    display:block;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-mobile-continue{
    display:none;
    align-items:center;
    justify-content:center;
    position:fixed;
    left: 1rem;
    right: 1rem;
    bottom: calc(max(.7rem, env(safe-area-inset-bottom)) + 80px);
    width:auto;
    min-height:48px;
    border-radius:16px;
    border:1px solid rgba(255,87,5,.32);
    background:linear-gradient(135deg, rgba(255,87,5,.22), rgba(255,87,5,.10));
    color:#fff;
    font-weight:900;
    box-shadow:0 12px 32px rgba(255,87,5,.16);
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-form{
    padding-bottom: calc(560px + env(safe-area-inset-bottom));
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-form .tx-free-sale-mobile-continue{
    display:inline-flex;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-form.is-payment-open .tx-free-sale-mobile-continue{
    display:none;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-lines-section{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-lines-section .tx-section-headline{
    align-items:center;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-lines-section .tx-section-headline h3{
    display:none;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-lines-section .tx-section-headline button[data-free-line-add]{
    display:none;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-line--primary{
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    background:rgba(15,23,42,.82);
    padding:14px;
    box-shadow:var(--shadow-soft);
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-line--primary .tx-free-line-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-mobile-label{
    display:block;
    margin-bottom:4px;
    font-size:.74rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--text-muted);
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-line--primary .ndh-label{
    display:none;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-line--primary .tx-free-sale-description-input,
  body.retail-mobile-shell-page .retail-sale-page .tx-free-line--primary .tx-free-sale-qty-input,
  body.retail-mobile-shell-page .retail-sale-page .tx-free-line:not(.tx-free-line--primary){
    display:none;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-line--primary .tx-free-sale-price-input{
    min-height:56px;
    font-size:1.05rem;
    font-weight:900;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-line--primary .tx-line-remove{
    display:none;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-meta-section,
  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-customer-section,
  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-notes-section{
    margin-top:12px;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-actions{
    display:none;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-form.is-payment-open .tx-free-sale-actions{
    display:flex;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-free-sale-form.is-payment-open .tx-free-sale-actions .btn{
    width:100%;
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-selected-customer{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-sale-page .tx-selected-customer span{
    font-size:.74rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--text-muted);
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-sale-page #txSaleForm[data-mode-step="state"] .tx-form-grid,
  body.retail-mobile-shell-page .retail-sale-page #txSaleForm[data-mode-step="state"] .tx-hidden-fields{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-sale-page #txSaleForm[data-mode-step="state"] .tx-sale-body{
    display:grid;
  }

  body.retail-mobile-shell-page .retail-sale-page #txSaleForm[data-mode-step="state"] .tx-drawer-actions{
    display:flex;
  }

  body.retail-mobile-shell-page .retail-sale-page #txFreeSaleForm[data-mode-step="state"] .tx-free-sale-lines-section,
  body.retail-mobile-shell-page .retail-sale-page #txFreeSaleForm[data-mode-step="state"] .tx-free-sale-meta-section,
  body.retail-mobile-shell-page .retail-sale-page #txFreeSaleForm[data-mode-step="state"] .tx-free-sale-notes-section{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-sale-page #txFreeSaleForm[data-mode-step="state"] .tx-free-sale-customer-section{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-sale-page #txFreeSaleForm[data-mode-step="state"] .tx-free-sale-customer-section--static{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-sale-page #txFreeSaleForm[data-mode-step="state"] .tx-free-sale-customer-section--editable{
    margin-top:12px;
  }

  body.retail-mobile-shell-page .retail-sale-page #txFreeSaleForm[data-mode-step="state"] .tx-free-sale-body{
    display:grid;
  }

  body.retail-mobile-shell-page .retail-sale-page #txFreeSaleForm[data-mode-step="state"] .tx-free-sale-actions{
    display:flex;
  }

  .retail-sale-mobile-copy{
    display:grid;
    gap: 3px;
  }

  .retail-sale-mobile-hero-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }

  .retail-sale-mobile-kicker{
    margin: 0;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: var(--text-muted);
  }

  .retail-sale-mobile-copy h1{
    margin: 0;
    font-size: 1.22rem;
    line-height: 1.05;
    letter-spacing: -.03em;
  }

  .retail-sale-mobile-close{
    flex:0 0 auto;
    width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:1.15rem;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
  }

  .retail-sale-mobile-close:hover{
    background:rgba(255,255,255,.08);
  }

  .retail-sale-mobile-copy p{
    margin: 0;
    color: var(--text-muted);
    font-size: .9rem;
    line-height: 1.35;
  }

  .retail-sale-mobile-meta{
    display:flex;
    flex-wrap:wrap;
    gap: 8px;
  }

  .retail-sale-mobile-pill{
    display:inline-flex;
    align-items:center;
    min-height: 34px;
    padding: .35rem .68rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: var(--text-main);
    font-size: .74rem;
    font-weight: 800;
  }

  body.retail-mobile-shell-page .payments-list-page > .page-title,
  body.retail-mobile-shell-page .payments-list-page > .card.payments-desktop-filters-card{
    display:none !important;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile{
    display:grid;
    gap:12px;
    margin-bottom:12px;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-money-stack{
    display:grid;
    gap:6px;
    margin-top:.15rem;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-money-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-money-row span{
    min-width:0;
    color:var(--text-muted);
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:800;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-money-row strong{
    white-space:nowrap;
    font-size:.95rem;
    font-weight:950;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filters{
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:rgba(2,6,23,.84);
    box-shadow:0 16px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filters > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap:.8rem;
    align-items:center;
    padding:.82rem .9rem;
    cursor:pointer;
    color:var(--text-main);
    font-weight:800;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filters > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filters > summary span{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filters > summary strong{
    min-width:0;
    font-size:.92rem;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filters > summary::after{
    content:"▾";
    color:var(--text-muted);
    flex:0 0 auto;
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filters[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filters-body{
    border-top:1px solid rgba(255,255,255,.08);
    padding:.9rem;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filter-form{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-grid-2{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-field{
    display:grid;
    gap:6px;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-field span{
    color:var(--text-muted);
    font-size:.74rem;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.12em;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-field input{
    width:100%;
    min-height:46px;
    padding:.72rem .82rem;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,23,42,.58);
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filter-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-filter-actions .btn{
    min-height:42px;
  }

  body.retail-mobile-shell-page .payments-list-page .payments-cards{
    margin-top:.85rem;
  }

  body.retail-mobile-shell-page .payments-list-page .pay-card{
    padding:.92rem;
    border-radius:18px;
    background:
      radial-gradient(760px 200px at 0% 0%, rgba(255,87,5,.06), transparent 60%),
      rgba(3,7,18,.86);
  }

  body.retail-mobile-shell-page .payments-list-page .pay-grid{
    grid-template-columns:1fr;
  }

  body.retail-mobile-shell-page .payments-list-page .pay-actions{
    gap:.4rem;
  }

  body.retail-mobile-shell-page .payments-list-page .pay-actions .btn,
  body.retail-mobile-shell-page .payments-list-page .pay-actions a.btn{
    flex:1 1 calc(50% - .4rem);
    justify-content:center;
    min-height:40px;
  }

  body.retail-mobile-shell-page .sales-list-page > .page-title,
  body.retail-mobile-shell-page .sales-list-page > .card.sales-desktop-shell > .sales-head{
    display:none !important;
  }

  body.retail-mobile-shell-page .sales-list-page .sales-desktop-shell{
    margin-top:0;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-shell{
    display:grid;
    gap:12px;
    margin-bottom:12px;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filters{
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:rgba(2,6,23,.84);
    box-shadow:0 16px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filters > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap:.8rem;
    align-items:center;
    padding:.82rem .9rem;
    cursor:pointer;
    color:var(--text-main);
    font-weight:800;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filters > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filters > summary span{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filters > summary strong{
    min-width:0;
    font-size:.92rem;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filters > summary::after{
    content:"▾";
    color:var(--text-muted);
    flex:0 0 auto;
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filters[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filters-body{
    border-top:1px solid rgba(255,255,255,.08);
    padding:.9rem;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filter-form{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-grid-2{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-field{
    display:grid;
    gap:6px;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-field span{
    color:var(--text-muted);
    font-size:.74rem;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.12em;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-field input,
  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-field select{
    width:100%;
    min-height:46px;
    padding:.72rem .82rem;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,23,42,.58);
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filter-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  body.retail-mobile-shell-page .sales-list-page .retail-sales-mobile-filter-actions .btn{
    min-height:42px;
  }

  body.retail-mobile-shell-page .retail-purchases-page > .po-list-hero,
  body.retail-mobile-shell-page .retail-purchases-page > .po-list-stats-grid,
  body.retail-mobile-shell-page .retail-purchases-page > .po-toolbar{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile{
    display:grid;
    gap:12px;
    margin-bottom:12px;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filters{
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:rgba(2,6,23,.84);
    box-shadow:0 16px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filters > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap:.8rem;
    align-items:center;
    padding:.82rem .9rem;
    cursor:pointer;
    color:var(--text-main);
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filters > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filters > summary span{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filters > summary strong{
    min-width:0;
    font-size:.92rem;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filters > summary::after{
    content:"▾";
    color:var(--text-muted);
    flex:0 0 auto;
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filters[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filters-body{
    border-top:1px solid rgba(255,255,255,.08);
    padding:.9rem;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filter-form{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-field{
    display:grid;
    gap:6px;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-field span{
    color:var(--text-muted);
    font-size:.74rem;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.12em;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-field input,
  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-field select{
    width:100%;
    min-height:46px;
    padding:.72rem .82rem;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,23,42,.58);
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filter-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-filter-actions .btn{
    min-height:42px;
  }

  body.retail-mobile-shell-page .retail-purchases-page .po-order-list{
    margin-top:.85rem;
  }

  body.retail-mobile-shell-page .retail-purchases-page .po-order-card{
    padding:.92rem;
    border-radius:18px;
    background:
      radial-gradient(760px 200px at 0% 0%, rgba(255,87,5,.06), transparent 60%),
      rgba(3,7,18,.86);
  }

  body.retail-mobile-shell-page .retail-purchases-page .po-order-actions .btn{
    min-height:40px;
  }

  body.retail-mobile-shell-page .po-new-page .po-hero,
  body.retail-mobile-shell-page .po-detail-page .po-detail-hero{
    display:grid;
    gap:10px;
    padding:14px;
  }

  body.retail-mobile-shell-page .po-new-page .po-subtitle,
  body.retail-mobile-shell-page .po-new-page .po-meta-row,
  body.retail-mobile-shell-page .po-detail-page .po-subtitle,
  body.retail-mobile-shell-page .po-detail-page .po-meta-row{
    display:none !important;
  }

  body.retail-mobile-shell-page .po-new-page .po-hero-actions,
  body.retail-mobile-shell-page .po-detail-page .po-detail-hero-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    width:100%;
    justify-content:stretch;
  }

  body.retail-mobile-shell-page .po-new-page .po-hero-actions .btn,
  body.retail-mobile-shell-page .po-detail-page .po-detail-hero-actions .btn{
    min-height:42px;
    white-space:normal;
    justify-content:center;
    text-align:center;
  }

  body.retail-mobile-shell-page .po-new-page .po-workspace,
  body.retail-mobile-shell-page .po-detail-page .po-detail-workspace{
    grid-template-columns:1fr;
    gap:12px;
  }

  body.retail-mobile-shell-page .po-new-page .po-side-column,
  body.retail-mobile-shell-page .po-detail-page .po-detail-side{
    position:static;
  }

  body.retail-mobile-shell-page .po-new-page .po-card,
  body.retail-mobile-shell-page .po-detail-page .po-card{
    padding:.92rem;
    border-radius:18px;
  }

  body.retail-mobile-shell-page .po-new-page .po-card-head small,
  body.retail-mobile-shell-page .po-detail-page .po-card-head small{
    display:none;
  }

  body.retail-mobile-shell-page .po-new-page .po-search-block .po-search-head p,
  body.retail-mobile-shell-page .po-new-page .po-search-block .po-help{
    display:none;
  }

  body.retail-mobile-shell-page .po-new-page .po-summary-actions{
    flex-direction:column;
  }

  body.retail-mobile-shell-page .po-new-page .po-summary-actions .btn{
    width:100%;
  }

  body.retail-mobile-shell-page .po-new-page #poTable,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table{
    min-width:0;
    width:100%;
  }

  body.retail-mobile-shell-page .po-new-page #poTable thead,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table thead{
    display:none;
  }

  body.retail-mobile-shell-page .po-new-page #poTable,
  body.retail-mobile-shell-page .po-new-page #poTable tbody,
  body.retail-mobile-shell-page .po-new-page #poTable tr,
  body.retail-mobile-shell-page .po-new-page #poTable td,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table tbody,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table tr,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table td{
    display:block;
    width:100%;
  }

  body.retail-mobile-shell-page .po-new-page #poTable tr.po-row,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table tr.po-line-row{
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,23,42,.58);
    border-radius:16px;
    padding:.75rem .82rem;
    margin-bottom:.75rem;
  }

  body.retail-mobile-shell-page .po-new-page #poTable td,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table td{
    border:none;
    padding:.45rem 0;
    text-align:left !important;
  }

  body.retail-mobile-shell-page .po-new-page #poTable td::before,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:.25rem;
    color:rgba(255,255,255,.52);
    font-size:.68rem;
    text-transform:uppercase;
    letter-spacing:.08em;
  }

  body.retail-mobile-shell-page .po-new-page #poTable td.po-actions-td::before,
  body.retail-mobile-shell-page .po-detail-page .po-lines-table td::before{
    display:block;
  }

  body.retail-mobile-shell-page .po-new-page #poTable td.po-actions-td::before{
    display:none;
  }

  body.retail-mobile-shell-page .po-new-page .po-add-row{
    display:grid;
    gap:8px;
  }

  body.retail-mobile-shell-page .po-new-page .po-add-row .btn{
    width:100%;
    min-height:44px;
    justify-content:center;
  }

  body.retail-mobile-shell-page .vendors-page > .vendors-hero,
  body.retail-mobile-shell-page .vendors-page > .vendors-stats-grid,
  body.retail-mobile-shell-page .vendors-page > .vendor-balance-card,
  body.retail-mobile-shell-page .vendors-page > .vendors-toolbar{
    display:none !important;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-shell{
    display:grid;
    gap:12px;
    margin-bottom:12px;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filters{
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:rgba(2,6,23,.84);
    box-shadow:0 16px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filters > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap:.8rem;
    align-items:center;
    padding:.82rem .9rem;
    cursor:pointer;
    color:var(--text-main);
    font-weight:800;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filters > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filters > summary span{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filters > summary strong{
    min-width:0;
    font-size:.92rem;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filters > summary::after{
    content:"▾";
    color:var(--text-muted);
    flex:0 0 auto;
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filters[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filters-body{
    border-top:1px solid rgba(255,255,255,.08);
    padding:.9rem;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filter-form{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-field{
    display:grid;
    gap:6px;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-field span{
    color:var(--text-muted);
    font-size:.74rem;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.12em;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-field input,
  body.retail-mobile-shell-page .vendors-page .vendors-mobile-field select{
    width:100%;
    min-height:46px;
    padding:.72rem .82rem;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,23,42,.58);
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filter-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-mobile-filter-actions .btn{
    min-height:42px;
  }

  body.retail-mobile-shell-page .vendors-page .vendors-grid{
    margin-top:.85rem;
  }

  body.retail-mobile-shell-page .vendors-page .vendor-card{
    padding:.92rem;
    border-radius:18px;
    background:
      radial-gradient(760px 200px at 0% 0%, rgba(255,87,5,.06), transparent 60%),
      rgba(3,7,18,.86);
  }

  body.retail-mobile-shell-page .vendors-page .vendor-card-actions .btn{
    min-height:40px;
  }

  body.retail-mobile-shell-page .expenses-workspace > main > .app-main-head,
  body.retail-mobile-shell-page .expenses-workspace > main > .card.expenses-history-card{
    display:none !important;
  }

  body.retail-mobile-shell-page.expenses-expense-drawer-lock{
    overflow:hidden;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-shell{
    display:grid;
    gap:12px;
    margin-bottom:12px;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-view{
    display:grid;
    gap:12px;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-view[hidden]{
    display:none !important;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-view-picker{
    display:grid;
    gap:6px;
    margin-top:2px;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-view-picker span{
    color:var(--text-muted);
    font-size:.74rem;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.12em;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-view-picker select{
    width:100%;
    min-height:46px;
    padding:.72rem .82rem;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,23,42,.58);
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filters{
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:rgba(2,6,23,.84);
    box-shadow:0 16px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filters > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap:.8rem;
    align-items:center;
    padding:.82rem .9rem;
    cursor:pointer;
    color:var(--text-main);
    font-weight:800;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filters > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filters > summary span{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filters > summary strong{
    min-width:0;
    font-size:.92rem;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filters > summary::after{
    content:"▾";
    color:var(--text-muted);
    flex:0 0 auto;
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filters[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filters-body{
    border-top:1px solid rgba(255,255,255,.08);
    padding:.9rem;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filter-form{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-grid-2{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-field{
    display:grid;
    gap:6px;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-field span{
    color:var(--text-muted);
    font-size:.74rem;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.12em;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-field input,
  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-field select{
    width:100%;
    min-height:46px;
    padding:.72rem .82rem;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,23,42,.58);
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filter-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-filter-actions .btn{
    min-height:42px;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-grid-2{
    grid-template-columns:1fr;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-form-grid-2,
  body.retail-mobile-shell-page .expenses-workspace .expenses-form-grid-3{
    grid-template-columns:1fr;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-form-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-form-actions .btn{
    width:100%;
    min-height:44px;
    justify-content:center;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-list{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-card{
    display:grid;
    gap:10px;
    padding:12px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(760px 200px at 0% 0%, rgba(255,87,5,.06), transparent 60%),
      rgba(3,7,18,.86);
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-top{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:flex-start;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-copy{
    min-width:0;
    display:grid;
    gap:2px;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-kicker{
    margin:0;
    color:var(--text-muted);
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:800;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-copy h3{
    margin:0;
    font-size:1rem;
    line-height:1.15;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-amount{
    display:grid;
    gap:2px;
    justify-items:end;
    white-space:nowrap;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-amount strong{
    font-size:1rem;
    font-weight:950;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-amount span{
    color:var(--text-muted);
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:800;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-meta span{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:.28rem .62rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    color:var(--text-main);
    font-size:.72rem;
    font-weight:800;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-details{
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(255,255,255,.03);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-details > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap:.8rem;
    align-items:center;
    padding:.72rem .78rem;
    cursor:pointer;
    color:var(--text-main);
    font-weight:800;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-details > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-details > summary span{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-details > summary strong{
    min-width:0;
    font-size:.92rem;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-details > summary::after{
    content:"▾";
    color:var(--text-muted);
    flex:0 0 auto;
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-details[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-details-body{
    border-top:1px solid rgba(255,255,255,.08);
    padding:.78rem .82rem .9rem;
    color:var(--text-muted);
    line-height:1.45;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-details-body p{
    margin:0;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-mobile-expense-actions .btn{
    min-height:42px;
    justify-content:center;
    flex:1 1 calc(50% - 8px);
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-list{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-card{
    display:grid;
    gap:10px;
    padding:12px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(760px 200px at 0% 0%, rgba(255,87,5,.06), transparent 60%),
      rgba(3,7,18,.86);
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-top{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:flex-start;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-top h3{
    margin:2px 0 0;
    font-size:1rem;
    line-height:1.15;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-kicker{
    margin:0;
    color:var(--text-muted);
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:800;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-pill{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:.28rem .62rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    font-size:.72rem;
    font-weight:800;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-pill.is-active{
    border-color:rgba(34,197,94,.2);
    background:rgba(34,197,94,.12);
    color:#b8f5cb;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-meta{
    display:grid;
    gap:6px;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-meta span{
    color:var(--text-muted);
    font-size:.78rem;
    line-height:1.35;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-meta span strong{
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-details{
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(255,255,255,.03);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-details > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap:.8rem;
    align-items:center;
    padding:.72rem .78rem;
    cursor:pointer;
    color:var(--text-main);
    font-weight:800;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-details > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-details > summary span{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-details > summary strong{
    min-width:0;
    font-size:.92rem;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-details > summary::after{
    content:"▾";
    color:var(--text-muted);
    flex:0 0 auto;
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-details[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .expenses-workspace .expenses-recurring-mobile-details-body{
    border-top:1px solid rgba(255,255,255,.08);
    padding:.78rem .82rem .9rem;
    color:var(--text-muted);
    line-height:1.45;
  }

  body.retail-mobile-shell-page .retail-inventory-page > .inv-hero,
  body.retail-mobile-shell-page .retail-inventory-page > .inv-shell-card{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-inventory-mobile{
    display:grid;
    gap: 12px;
    margin-bottom: 12px;
  }

  .retail-inventory-mobile-hero{
    display:grid;
    gap: 10px;
    padding: 14px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(900px 220px at 12% 0%, rgba(255,255,255,.06), transparent 58%),
      rgba(2,6,23,.84);
    box-shadow: 0 16px 56px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
  }

  .retail-inventory-mobile-copy{
    display:grid;
    gap: 3px;
  }

  .retail-inventory-mobile-kicker{
    margin: 0;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: var(--text-muted);
  }

  .retail-inventory-mobile-copy h1{
    margin: 0;
    font-size: 1.22rem;
    line-height: 1.05;
    letter-spacing: -.03em;
  }

  .retail-inventory-mobile-copy p{
    margin: 0;
    color: var(--text-muted);
    font-size: .9rem;
    line-height: 1.35;
  }

  .retail-inventory-mobile-meta{
    display:flex;
    flex-wrap:wrap;
    gap: 8px;
  }

  .retail-inventory-mobile-chip{
    display:inline-flex;
    align-items:center;
    min-height: 34px;
    padding: .35rem .68rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: var(--text-main);
    font-size: .74rem;
    font-weight: 800;
  }

  .retail-inventory-mobile-chip.is-highlight{
    border-color: rgba(255,140,0,.28);
    background: rgba(255,140,0,.10);
  }

  .retail-inventory-mobile-actions{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .retail-inventory-mobile-action{
    min-height: 110px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap: 8px;
    padding: 12px 10px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: var(--text-main);
    text-align:center;
    text-decoration:none;
    font: inherit;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    cursor: pointer;
  }

  .retail-inventory-mobile-action:hover{
    text-decoration:none;
    border-color: rgba(255,140,0,.34);
    background: rgba(255,140,0,.08);
  }

  .retail-inventory-mobile-icon{
    width: 28px;
    height: 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color: #FF7A1A;
    flex: 0 0 auto;
  }

  .retail-inventory-mobile-icon svg{
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .retail-inventory-mobile-action span{
    font-size: .84rem;
    line-height: 1.15;
  }

  .retail-inventory-mobile-summary{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .retail-inventory-mobile-stat-card{
    display:grid;
    gap: 6px;
    padding: 12px;
    min-height: 96px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  }

  .retail-inventory-mobile-stat-card.is-highlight{
    border-color: rgba(255,140,0,.28);
    background: rgba(255,140,0,.06);
  }

  .retail-inventory-mobile-stat-label{
    color: var(--text-muted);
    font-size: .72rem;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .12em;
  }

  .retail-inventory-mobile-stat-value{
    font-size: 1.04rem;
    line-height: 1.12;
    letter-spacing: -.02em;
    overflow-wrap:anywhere;
  }

  .retail-inventory-mobile-filters{
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    background: rgba(2,6,23,.84);
    box-shadow: 0 16px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
    overflow:hidden;
  }

  .retail-inventory-mobile-filters > summary{
    list-style: none;
    display:flex;
    justify-content:space-between;
    gap: .8rem;
    align-items:center;
    padding: .82rem .9rem;
    cursor:pointer;
    color: var(--text-main);
    font-weight: 800;
  }

  .retail-inventory-mobile-filters > summary::-webkit-details-marker{
    display:none;
  }

  .retail-inventory-mobile-filters > summary span{
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--text-muted);
  }

  .retail-inventory-mobile-filters > summary strong{
    min-width: 0;
    font-size: .92rem;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .retail-inventory-mobile-filters > summary::after{
    content: "▾";
    color: var(--text-muted);
    flex: 0 0 auto;
    transition: transform .18s ease;
  }

  .retail-inventory-mobile-filters[open] > summary::after{
    transform: rotate(180deg);
  }

  .retail-inventory-mobile-filters-body{
    border-top: 1px solid rgba(255,255,255,.08);
    padding: .9rem;
  }

  .retail-inventory-mobile-filter-form{
    display:grid;
    gap: 10px;
  }

  .retail-inventory-mobile-grid-2{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .retail-inventory-mobile-field{
    display:grid;
    gap: 6px;
  }

  .retail-inventory-mobile-field span{
    color: var(--text-muted);
    font-size: .74rem;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .12em;
  }

  .retail-inventory-mobile-field input,
  .retail-inventory-mobile-field select{
    width: 100%;
    min-height: 46px;
    padding: .72rem .82rem;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(15,23,42,.58);
    color: var(--text-main);
  }

  .retail-inventory-mobile-field input:focus,
  .retail-inventory-mobile-field select:focus{
    outline:none;
    border-color: rgba(255,140,0,.40);
    box-shadow: 0 0 0 3px rgba(255,140,0,.10);
  }

  .retail-inventory-mobile-filter-actions{
    display:flex;
    flex-wrap:wrap;
    gap: 8px;
  }

  .retail-inventory-mobile-list{
    display:grid;
    gap: 10px;
  }

  .retail-inventory-mobile-list-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap: 12px;
  }

  .retail-inventory-mobile-list-head h2{
    margin:0;
    font-size: .98rem;
    line-height: 1.12;
  }

  .retail-inventory-mobile-list-head p{
    margin:.18rem 0 0;
    color: var(--text-muted);
    font-size: .8rem;
    line-height: 1.2;
  }

  .retail-inventory-mobile-grid{
    display:grid;
    gap: 10px;
  }

  .retail-inventory-mobile-card{
    display:grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(500px 180px at 100% 0%, rgba(255,140,0,.06), transparent 58%),
      rgba(2,6,23,.84);
    box-shadow: 0 16px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  }

  .retail-inventory-mobile-thumb{
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
    color: var(--text-muted);
    font-size: .76rem;
    text-align:center;
  }

  .retail-inventory-mobile-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .retail-inventory-mobile-card-body{
    min-width:0;
    display:grid;
    gap: 10px;
  }

  .retail-inventory-mobile-card-top{
    display:flex;
    justify-content:space-between;
    gap: 8px;
    align-items:flex-start;
  }

  .retail-inventory-mobile-card-copy{
    min-width:0;
    display:grid;
    gap: 4px;
  }

  .retail-inventory-mobile-title{
    display:block;
    font-size: .96rem;
    line-height: 1.15;
    font-weight: 900;
    color: var(--text-main);
    text-decoration:none;
  }

  .retail-inventory-mobile-title:hover{
    text-decoration:none;
    color:#fff6ef;
  }

  .retail-inventory-mobile-meta{
    display:flex;
    flex-wrap:wrap;
    gap: 4px 8px;
    color: var(--text-muted);
    font-size: .74rem;
    line-height: 1.15;
  }

  .retail-inventory-mobile-meta span{
    min-width: 0;
  }

  .retail-inventory-mobile-stats{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .retail-inventory-mobile-stats div{
    display:grid;
    gap: 2px;
    padding: 9px 10px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
  }

  .retail-inventory-mobile-stats span{
    color: var(--text-muted);
    font-size: .68rem;
    line-height: 1.12;
    text-transform: uppercase;
    letter-spacing: .12em;
  }

  .retail-inventory-mobile-stats strong{
    font-size: .88rem;
    line-height: 1.15;
    overflow-wrap:anywhere;
  }

  .retail-inventory-mobile-stats strong.is-ok{
    color: #dcfce7;
  }

  .retail-inventory-mobile-stats strong.is-low{
    color: #ffd7b5;
  }

  .retail-inventory-mobile-stats strong.is-empty,
  .retail-inventory-mobile-stats strong.is-negative{
    color: #fecaca;
  }

  .retail-inventory-mobile-actions-row{
    display:flex;
    flex-wrap:wrap;
    gap: 8px;
    align-items:center;
  }

  .retail-inventory-mobile-actions-row .btn-ndh-outline{
    min-height: 40px;
    padding: .52rem .74rem;
    border-radius: 14px;
    font-size: .79rem;
  }

  .retail-inventory-mobile-more{
    flex: 1 1 100%;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    background: rgba(255,255,255,.03);
    overflow:hidden;
  }

  .retail-inventory-mobile-more > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap: 8px;
    padding: .68rem .78rem;
    cursor:pointer;
    color: var(--text-main);
    font-size: .78rem;
    font-weight: 800;
  }

  .retail-inventory-mobile-more > summary::-webkit-details-marker{
    display:none;
  }

  .retail-inventory-mobile-more > summary span{
    min-width:0;
  }

  .retail-inventory-mobile-more-body{
    border-top: 1px solid rgba(255,255,255,.08);
    padding: .72rem;
    display:grid;
    gap: 8px;
  }

  .retail-inventory-mobile-more-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height: 42px;
    padding: .48rem .68rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: var(--text-main);
    text-decoration:none;
    font-size: .78rem;
    font-weight: 700;
  }

  .retail-inventory-mobile-more-link:hover{
    text-decoration:none;
    border-color: rgba(255,140,0,.35);
    background: rgba(255,140,0,.08);
  }

  .retail-inventory-mobile-empty{
    display:grid;
    gap: 10px;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(2,6,23,.84);
    box-shadow: 0 16px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  }

  .retail-inventory-mobile-empty h3{
    margin:0;
    font-size: 1rem;
    line-height: 1.15;
  }

  .retail-inventory-mobile-empty p{
    margin:0;
    color: var(--text-muted);
    font-size: .88rem;
    line-height: 1.45;
  }

  .retail-home-mobile-section{
    display:grid;
    gap: 10px;
    padding: 14px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(900px 220px at 12% 0%, rgba(255,255,255,.06), transparent 58%),
      rgba(2,6,23,.84);
    box-shadow: 0 16px 56px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
  }

  .retail-home-mobile-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap: 12px;
  }

  .retail-home-mobile-head h2{
    margin: 0;
    font-size: .98rem;
    line-height: 1.15;
    letter-spacing: -.02em;
  }

  .retail-home-mobile-quick-grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .retail-home-mobile-action,
  .retail-home-mobile-suggested-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap: 8px;
    min-width: 0;
    padding: 12px 10px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: var(--text-main);
    text-align:center;
    text-decoration:none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  }

  .retail-home-mobile-action{
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    font:inherit;
  }

  .retail-home-mobile-action{
    min-height: 112px;
  }

  .retail-home-mobile-suggested-card{
    min-height: 108px;
  }

  .retail-home-mobile-action:hover,
  .retail-home-mobile-suggested-card:hover{
    text-decoration:none;
    border-color: rgba(255,140,0,.34);
    background: rgba(255,140,0,.08);
  }

  .retail-home-mobile-icon{
    width: 28px;
    height: 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color: #FF7A1A;
    flex: 0 0 auto;
  }

  .retail-home-mobile-icon svg{
    width: 100%;
    height: 100%;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .retail-home-mobile-action span,
  .retail-home-mobile-suggested-card strong{
    display:block;
    min-width: 0;
    font-size: .83rem;
    line-height: 1.15;
    font-weight: 800;
  }

  .retail-home-mobile-summary-grid,
  .retail-home-mobile-suggested-grid,
  .retail-home-mobile-alert-grid{
    display:grid;
    gap: 10px;
  }

  .retail-home-mobile-summary-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .retail-home-mobile-suggested-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .retail-home-mobile-alert-grid{
    grid-template-columns: 1fr;
  }

  .retail-home-mobile-stat-card,
  .retail-home-mobile-alert-card{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  }

  .retail-home-mobile-stat-card{
    display:grid;
    gap: 6px;
    padding: 12px;
    min-height: 102px;
  }

  .retail-home-mobile-stat-label{
    color: var(--text-muted);
    font-size: .72rem;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .12em;
  }

  .retail-home-mobile-stat-value{
    font-size: 1.08rem;
    line-height: 1.12;
    letter-spacing: -.02em;
    overflow-wrap:anywhere;
  }

  .retail-home-mobile-alert-card{
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 12px;
  }

  .retail-home-mobile-alert-copy{
    min-width: 0;
    display:grid;
    gap: 2px;
  }

  .retail-home-mobile-alert-copy span{
    color: var(--text-muted);
    font-size: .72rem;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .12em;
  }

  .retail-home-mobile-alert-copy strong{
    font-size: .92rem;
    line-height: 1.18;
    letter-spacing: -.01em;
  }

  .retail-mobile-topbar{
    display:grid;
    gap: 12px;
    padding: 14px 14px 12px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(1100px 280px at 16% 0%, rgba(255,255,255,.08), transparent 52%),
      radial-gradient(900px 260px at 82% 12%, rgba(255,140,0,.12), transparent 56%),
      rgba(2,6,23,.88);
    box-shadow: 0 18px 62px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter: blur(14px);
  }

  .retail-mobile-topbar-head{
    min-width: 0;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap: 12px;
  }

  .retail-mobile-topbar-copy{
    min-width: 0;
    flex: 1 1 auto;
    display:grid;
    gap: 2px;
  }

  .retail-mobile-topbar-kicker{
    margin: 0;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: var(--text-muted);
  }

  .retail-mobile-topbar-title{
    margin: 0;
    font-size: 1.28rem;
    line-height: 1.05;
    letter-spacing: -.03em;
  }

  .retail-mobile-topbar-subtitle{
    margin: 2px 0 0;
    color: var(--text-muted);
    font-size: .9rem;
    line-height: 1.35;
  }

  .retail-mobile-topbar-actions{
    flex: 0 0 auto;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap: 10px;
    position: relative;
    min-width: 0;
  }

  .retail-mobile-space-switcher{
    position: relative;
    width: auto;
    min-width: 0;
  }

  .retail-mobile-space-switcher .profile-switcher-btn{
    width: auto;
    max-width: none;
    min-height: 44px;
    padding: .52rem .72rem;
    border-radius: 16px;
    gap: .62rem;
  }

  .retail-mobile-space-switcher-avatar,
  .retail-mobile-space-switcher-item-avatar{
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    border-radius: 12px;
  }

  .retail-mobile-space-switcher .profile-switcher-name{
    font-size: .92rem;
  }

  .retail-mobile-space-switcher .profile-switcher-role{
    font-size: .72rem;
  }

  .retail-mobile-space-switcher-menu{
    left: auto;
    right: 0;
    width: min(300px, 88vw);
    max-width: none;
    padding: .6rem;
  }

  .retail-mobile-space-switcher .profile-switcher-item{
    align-items: center;
    gap: .72rem;
    padding: .72rem .78rem;
  }

  .retail-mobile-space-switcher .profile-switcher-item-name{
    font-size: .88rem;
  }

  .retail-mobile-space-switcher .profile-switcher-item-sub{
    font-size: .72rem;
  }

  .retail-mobile-account-menu{
    position: relative;
    min-width: 0;
  }

  .retail-mobile-account-btn{
    display:flex;
    align-items:center;
    gap: .62rem;
    min-height: 44px;
    padding: .52rem .72rem;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(15,23,42,.36);
    color: var(--text-main);
    cursor: pointer;
    white-space: nowrap;
  }

  .retail-mobile-account-avatar{
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius: 12px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.10);
    color: #FF5705;
  }

  .retail-mobile-account-avatar .retail-mobile-nav-icon,
  .retail-mobile-account-link-icon .retail-mobile-nav-icon{
    width: 18px;
    height: 18px;
  }

  .retail-mobile-account-label{
    min-width: 0;
    display:grid;
    gap: 1px;
    text-align: left;
  }

  .retail-mobile-account-label span{
    font-size: .92rem;
    line-height: 1.1;
    font-weight: 800;
  }

  .retail-mobile-account-label small{
    font-size: .72rem;
    line-height: 1.15;
    color: var(--text-muted);
  }

  .retail-mobile-chevron{
    font-size: .92rem;
    color: var(--text-muted);
    flex: 0 0 auto;
  }

  .retail-mobile-account-sheet{
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(292px, 88vw);
    max-height: 52vh;
    overflow-y: auto;
    padding: .62rem;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(900px 280px at 12% 0%, rgba(255,255,255,.06), transparent 56%),
      rgba(2,6,23,.96);
    box-shadow: 0 24px 84px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.05);
  }

  .retail-mobile-account-link{
    display:flex;
    align-items:center;
    gap: .72rem;
    padding: .72rem .78rem;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: var(--text-main);
    text-decoration:none;
  }

  .retail-mobile-account-link + .retail-mobile-account-link{
    margin-top: 8px;
  }

  .retail-mobile-account-link.is-danger{
    border-color: rgba(248,113,113,.26);
  }

  .retail-mobile-account-link:hover{
    text-decoration:none;
    border-color: rgba(255,140,0,.35);
    background: rgba(255,140,0,.08);
  }

  .retail-mobile-account-link-text{
    min-width: 0;
    display:grid;
    gap: 1px;
  }

  .retail-mobile-account-link-text strong{
    font-size: .88rem;
    line-height: 1.1;
  }

  .retail-mobile-account-link-text small{
    font-size: .72rem;
    line-height: 1.15;
    color: var(--text-muted);
  }

  .retail-mobile-bottom-nav{
    position: fixed;
    left: max(.75rem, env(safe-area-inset-left));
    right: max(.75rem, env(safe-area-inset-right));
    bottom: max(.75rem, env(safe-area-inset-bottom));
    z-index: 1300;
    display:grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 8px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(2,6,23,.86);
    box-shadow: 0 18px 56px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter: blur(18px);
  }

  .retail-mobile-nav-item{
    min-width: 0;
    min-height: 62px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap: 4px;
    padding: .45rem .3rem .5rem;
    border-radius: 16px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--text-muted);
    text-decoration:none;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: .01em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .retail-mobile-nav-item:hover{
    text-decoration:none;
    color: var(--text-main);
  }

  .retail-mobile-nav-item.is-active{
    color: var(--text-main);
    border-color: rgba(255,140,0,.34);
    background: linear-gradient(180deg, rgba(255,140,0,.16), rgba(255,140,0,.08));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }

  .retail-mobile-nav-item.is-active .retail-mobile-nav-icon{
    color: var(--accent);
  }

  .retail-mobile-nav-label{
    display:block;
    min-width: 0;
  }

  .retail-mobile-nav-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: currentColor;
  }

  .retail-mobile-nav-icon svg{
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    overflow: visible;
  }

  .retail-mobile-more{
    position: static;
    min-width: 0;
  }

  .retail-mobile-more > summary .retail-mobile-nav-icon{
    pointer-events: none;
  }

  .retail-mobile-more[open] > summary{
    color: var(--text-main);
    border-color: rgba(255,140,0,.34);
    background: linear-gradient(180deg, rgba(255,140,0,.16), rgba(255,140,0,.08));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }

  .retail-mobile-more-sheet{
    position: fixed;
    left: max(.75rem, env(safe-area-inset-left));
    right: max(.75rem, env(safe-area-inset-right));
    bottom: calc(max(.75rem, env(safe-area-inset-bottom)) + 92px);
    display:none;
    z-index: 1310;
    padding: 12px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(900px 280px at 12% 0%, rgba(255,255,255,.06), transparent 56%),
      rgba(2,6,23,.95);
    box-shadow: 0 24px 84px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.05);
    max-height: min(52vh, 420px);
    overflow-y: auto;
  }

  .retail-mobile-more[open] > .retail-mobile-more-sheet{
    display:block;
  }

  .retail-mobile-more-stack{
    display:grid;
    gap: 8px;
  }

  .retail-mobile-more-link{
    display:flex;
    align-items:center;
    gap: .72rem;
    min-height: 58px;
    padding: .72rem .78rem;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: var(--text-main);
    text-decoration:none;
    text-align:left;
    font-size: .84rem;
    font-weight: 700;
  }

  .retail-mobile-more-link:hover{
    text-decoration:none;
    border-color: rgba(255,140,0,.35);
    background: rgba(255,140,0,.08);
  }

  .retail-mobile-more-link span{
    min-width: 0;
  }

  .retail-mobile-more-group{
    margin: 0;
  }

  .retail-mobile-more-group > summary{
    list-style: none;
    cursor: pointer;
  }

  .retail-mobile-more-group > summary::-webkit-details-marker{
    display:none;
  }

  .retail-mobile-more-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: .75rem;
    min-height: 58px;
    padding: .72rem .78rem;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: var(--text-main);
  }

  .retail-mobile-more-group[open] > .retail-mobile-more-summary{
    border-color: rgba(255,140,0,.34);
    background: linear-gradient(180deg, rgba(255,140,0,.14), rgba(255,140,0,.06));
  }

  .retail-mobile-more-summary-copy{
    min-width: 0;
    display:grid;
    gap: 1px;
  }

  .retail-mobile-more-summary-copy strong{
    font-size: .88rem;
    line-height: 1.1;
  }

  .retail-mobile-more-summary-copy small{
    font-size: .72rem;
    line-height: 1.15;
    color: var(--text-muted);
  }

  .retail-mobile-more-summary-chevron{
    flex: 0 0 auto;
    color: var(--text-muted);
    font-size: .92rem;
  }

  .retail-mobile-more-group-body{
    display:grid;
    gap: 8px;
    padding-top: 8px;
  }

  .retail-mobile-more-child-link{
    display:flex;
    align-items:center;
    gap: .72rem;
    min-height: 54px;
    padding: .66rem .78rem;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: var(--text-main);
    text-decoration:none;
    font-size: .82rem;
    font-weight: 650;
  }

  .retail-mobile-more-child-link:hover{
    text-decoration:none;
    border-color: rgba(255,140,0,.35);
    background: rgba(255,140,0,.08);
  }
}

@media (max-width: 640px){
  body.retail-mobile-shell-page{
    --retail-mobile-shell-content-pad: 172px;
  }

  body.retail-mobile-shell-page .layout{
    padding-inline: .6rem;
  }

  body.retail-mobile-shell-page .app-shell{
    padding-bottom: calc(var(--retail-mobile-shell-content-pad) + env(safe-area-inset-bottom));
  }

  body.retail-mobile-shell-page .retail-dashboard-mobile{
    display:grid;
    gap: 14px;
    margin-bottom: 12px;
  }

  body.retail-mobile-shell-page .retail-dashboard-desktop{
    display:none !important;
  }

  .retail-home-mobile-section{
    padding: 12px;
    border-radius: 22px;
  }

  .retail-home-mobile-quick-grid{
    gap: 8px;
  }

  .retail-home-mobile-action{
    min-height: 104px;
    padding: 11px 9px;
  }

  .retail-home-mobile-summary-grid,
  .retail-home-mobile-suggested-grid{
    gap: 8px;
  }

  .retail-home-mobile-stat-card,
  .retail-home-mobile-alert-card{
    border-radius: 16px;
  }

  .retail-mobile-topbar{
    padding: 13px 13px 11px;
  }

  .retail-mobile-topbar-head{
    gap: 10px;
  }

  .retail-mobile-topbar-actions{
    gap: 8px;
  }

  .retail-mobile-account-btn{
    min-height: 40px;
    padding: .5rem .65rem;
  }

  .retail-mobile-account-avatar{
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }

  .retail-mobile-space-switcher .profile-switcher-btn{
    min-height: 40px;
    padding: .48rem .64rem;
  }

  .retail-mobile-space-switcher-avatar,
  .retail-mobile-space-switcher-item-avatar{
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }

  .retail-mobile-space-switcher-menu{
    max-height: 56vh;
    padding: .55rem;
  }

  .retail-mobile-bottom-nav{
    left: .6rem;
    right: .6rem;
    padding: 7px;
    gap: 5px;
  }

  .retail-mobile-nav-item{
    min-height: 58px;
    padding: .38rem .25rem .45rem;
    font-size: .66rem;
    gap: 3px;
  }

  .retail-mobile-nav-icon{
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }

  .retail-mobile-more-sheet{
    bottom: calc(max(.6rem, env(safe-area-inset-bottom)) + 88px);
    padding: 10px;
    max-height: 54vh;
  }

  .retail-mobile-more-stack{
    gap: 7px;
  }

  .retail-mobile-more-link{
    min-height: 76px;
  }

  .retail-sale-mobile-hero,
  .retail-inventory-mobile-hero{
    padding: 12px;
    border-radius: 22px;
  }

  .retail-inventory-mobile-actions{
    gap: 8px;
  }

  .retail-inventory-mobile-action{
    min-height: 104px;
    padding: 11px 9px;
  }

  .retail-inventory-mobile-summary{
    gap: 8px;
  }

  .retail-inventory-mobile-card{
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .retail-inventory-mobile-stats{
    gap: 6px;
  }
}

@media (max-width: 1024px){
  body.retail-mobile-shell-page .retail-ledger-mobile{
    display:grid;
    gap: 12px;
    margin-bottom: 12px;
  }

  body.retail-mobile-shell-page .ledger-page{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-hero,
  body.retail-mobile-shell-page .retail-ledger-mobile-filters,
  body.retail-mobile-shell-page .retail-ledger-mobile-summary-card,
  body.retail-mobile-shell-page .retail-ledger-mobile-section,
  body.retail-mobile-shell-page .retail-ledger-mobile-card,
  body.retail-mobile-shell-page .retail-ledger-mobile-empty{
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    background: rgba(15,23,42,.72);
    box-shadow: var(--shadow-soft);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-hero{
    padding: 12px;
    display:grid;
    gap: 10px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-kicker{
    margin: 0 0 .25rem;
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #ffb089;
    font-weight: 800;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-hero h1{
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.1;
    font-weight: 950;
    color: var(--text-main);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-context{
    display:flex;
    flex-wrap:wrap;
    gap: .45rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-context span{
    display:inline-flex;
    align-items:center;
    padding: .28rem .55rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
    color: var(--text-muted);
    font-size: .75rem;
    font-weight: 700;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-actions{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-action{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap: .45rem;
    min-height: 100px;
    padding: 10px 8px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(15,23,42,.78), rgba(2,6,23,.92));
    color: var(--text-main);
    text-decoration:none;
    box-shadow: var(--shadow-soft);
    text-align:center;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-action:hover{
    border-color: rgba(255,140,0,.34);
    background: linear-gradient(180deg, rgba(255,140,0,.12), rgba(2,6,23,.92));
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-action-icon{
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color: #ff8a4c;
    background: rgba(255,87,5,.12);
    border: 1px solid rgba(255,87,5,.2);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-action-icon svg{
    width: 18px;
    height: 18px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-action-label{
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.15;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-filters{
    padding: 0;
    overflow:hidden;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-filters > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap: .75rem;
    min-height: 58px;
    padding: .78rem .92rem;
    color: var(--text-main);
    cursor:pointer;
    font-weight: 900;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-filters > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-filters > summary span{
    font-size: .78rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-filters > summary strong{
    font-size: .88rem;
    color: #ffb089;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-filters-body{
    display:grid;
    gap: .7rem;
    padding: 0 .92rem .92rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-field{
    display:grid;
    gap: .28rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-field span{
    font-size: .74rem;
    color: var(--text-muted);
    font-weight: 700;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-field-wide{
    grid-column: 1 / -1;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-input{
    width:100%;
    min-height: 44px;
    border-radius: 14px;
    border:1px solid var(--border-subtle);
    background:#020617;
    color:var(--text-main);
    padding:.62rem .78rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-filter-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap: .45rem;
    padding-top: .15rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-grid{
    display:grid;
    gap: .55rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-card{
    padding: 10px;
    display:grid;
    gap: .55rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap: .6rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-head h2{
    margin:0;
    font-size:.92rem;
    font-weight:900;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-head span{
    padding:.18rem .48rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:var(--text-muted);
    font-size:.72rem;
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-metrics{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: .45rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-metrics div{
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    padding:.58rem .65rem;
    background:linear-gradient(180deg, rgba(15,23,42,.84), rgba(2,6,23,.96));
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-metrics span{
    display:block;
    margin-bottom:.15rem;
    font-size:.7rem;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-metrics strong{
    font-size:.88rem;
    font-weight:950;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-metrics strong.is-positive{
    color:#22c55e;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-metrics strong.is-negative{
    color:#fb7185;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-tabs{
    display:flex;
    gap: .45rem;
    overflow-x:auto;
    padding-bottom: 2px;
    scrollbar-width:none;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-tabs::-webkit-scrollbar{
    display:none;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-tab{
    flex:0 0 auto;
    min-width: 122px;
    display:inline-flex;
    justify-content:space-between;
    align-items:center;
    gap:.45rem;
    padding:.62rem .76rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(15,23,42,.7);
    color:var(--text-muted);
    text-decoration:none;
    font-size:.8rem;
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-tab.is-active{
    color:#fff;
    border-color:rgba(255,87,5,.38);
    background:linear-gradient(135deg, rgba(255,87,5,.2), rgba(255,87,5,.08));
    box-shadow:0 0 0 1px rgba(255,87,5,.16) inset;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-tab strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:1.45rem;
    height:1.45rem;
    border-radius:999px;
    padding:0 .35rem;
    background:rgba(255,255,255,.08);
    color:inherit;
    font-size:.72rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-chip-nav{
    display:flex;
    gap:.45rem;
    overflow-x:auto;
    margin-top: .1rem;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-chip-nav::-webkit-scrollbar{
    display:none;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-chip{
    flex:0 0 auto;
    min-width:118px;
    display:inline-flex;
    justify-content:space-between;
    align-items:center;
    gap:.45rem;
    padding:.62rem .75rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(15,23,42,.7);
    color:var(--text-muted);
    text-decoration:none;
    font-size:.78rem;
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-chip strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:1.45rem;
    height:1.45rem;
    border-radius:999px;
    padding:0 .35rem;
    background:rgba(255,255,255,.08);
    color:inherit;
    font-size:.72rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-panels{
    display:grid;
    gap: 12px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-panel{
    padding: 12px;
    display:grid;
    gap: .75rem;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    background:rgba(15,23,42,.72);
    box-shadow:var(--shadow-soft);
    scroll-margin-top: 128px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-section-head-compact{
    padding:0;
    border:none;
    margin:0;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-legacy{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-section{
    padding: 12px;
    display:grid;
    gap: .75rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap: .75rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-section-head h2{
    margin:0;
    font-size:1rem;
    font-weight:950;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-section-head p{
    margin:.18rem 0 0;
    color:var(--text-muted);
    font-size:.82rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-count{
    display:inline-flex;
    align-items:center;
    padding:.3rem .55rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:var(--text-muted);
    font-size:.75rem;
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-list{
    display:grid;
    gap: .65rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card{
    padding: .82rem .85rem;
    display:grid;
    gap: .65rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-top{
    display:flex;
    justify-content:space-between;
    gap: .8rem;
    align-items:flex-start;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-copy{
    min-width:0;
    display:grid;
    gap: .1rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-kicker{
    font-size:.72rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#ffb089;
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-copy h3{
    margin:0;
    font-size:1rem;
    font-weight:950;
    line-height:1.2;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-copy p{
    margin:0;
    color:var(--text-muted);
    font-size:.82rem;
    line-height:1.35;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-amount{
    display:grid;
    justify-items:end;
    gap:.15rem;
    text-align:right;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-amount span{
    font-size:.72rem;
    color:var(--text-muted);
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-amount strong{
    font-size:1.02rem;
    font-weight:950;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-amount.income strong{
    color:#22c55e;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-amount.expense strong{
    color:#fb7185;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-amount.pending strong{
    color:#f59e0b;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-meta{
    display:flex;
    flex-wrap:wrap;
    gap: .4rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-card-meta span{
    display:inline-flex;
    align-items:center;
    padding:.26rem .52rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:var(--text-muted);
    font-size:.73rem;
    font-weight:700;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-details{
    border-top:1px solid rgba(255,255,255,.07);
    padding-top:.55rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-details > summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    color:var(--text-main);
    font-size:.82rem;
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-details > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-details > summary::after{
    content:"▾";
    color:var(--text-muted);
    font-size:.85rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-details[open] > summary::after{
    content:"▴";
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-details-body{
    display:grid;
    gap:.75rem;
    padding-top:.65rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-dl{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.55rem .65rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-dl > div{
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    padding:.62rem .7rem;
    background:rgba(255,255,255,.03);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-dl-wide{
    grid-column:1 / -1;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-dl dt{
    margin:0 0 .12rem;
    font-size:.72rem;
    color:var(--text-muted);
    font-weight:700;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-dl dd{
    margin:0;
    font-size:.86rem;
    color:var(--text-main);
    font-weight:700;
    line-height:1.35;
    overflow-wrap:anywhere;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-empty{
    padding: 14px;
    display:grid;
    gap:.75rem;
    justify-items:start;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-empty strong{
    font-size:1rem;
    font-weight:950;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-empty p{
    margin:0;
    color:var(--text-muted);
    line-height:1.45;
    font-size:.85rem;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-viewer{
    display:flex;
    align-items:center;
    gap:.65rem;
    padding: 10px 12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(15,23,42,.72);
    box-shadow: var(--shadow-soft);
    margin-bottom: 12px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-viewer-label{
    flex: 0 0 auto;
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--text-muted);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-viewer-select{
    flex: 1 1 auto;
    min-width: 0;
    min-height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(2,6,23,.82);
    color: var(--text-main);
    padding: .62rem .82rem;
    font-weight: 800;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-viewer-select:focus{
    outline: none;
    border-color: rgba(255,87,5,.38);
    box-shadow: 0 0 0 3px rgba(255,87,5,.10);
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-panel[hidden]{
    display:none !important;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-shell{
    display:grid;
    gap: 12px;
    margin-bottom: 12px;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-hero{
    display:grid;
    gap: 12px;
    padding: 14px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(900px 220px at 12% 0%, rgba(255,255,255,.06), transparent 58%),
      rgba(2,6,23,.84);
    box-shadow: 0 16px 56px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-copy{
    display:grid;
    gap: 3px;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-kicker{
    margin: 0;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: var(--text-muted);
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-copy h1{
    margin: 0;
    font-size: 1.24rem;
    line-height: 1.05;
    letter-spacing: -.03em;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-copy p{
    margin: 0;
    color: var(--text-muted);
    font-size: .9rem;
    line-height: 1.35;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-actions{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-actions .customers-mobile-action:nth-child(3){
    grid-column: 1 / -1;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-action{
    min-height: 108px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap: 8px;
    padding: 12px 10px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: var(--text-main);
    text-align:center;
    text-decoration:none;
    font: inherit;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    cursor: pointer;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-action:hover{
    text-decoration:none;
    border-color: rgba(255,140,0,.34);
    background: rgba(255,140,0,.08);
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-action-icon{
    width: 28px;
    height: 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color: #FF7A1A;
    flex: 0 0 auto;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-action-icon svg{
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-action-label{
    font-size: .84rem;
    line-height: 1.15;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-summary{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-metric{
    display:grid;
    gap: 6px;
    padding: 12px;
    min-height: 96px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-metric span{
    color: var(--text-muted);
    font-size: .72rem;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .12em;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-metric strong{
    font-size: 1.08rem;
    line-height: 1.12;
    letter-spacing: -.02em;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-metric small{
    color: var(--text-muted);
    font-size: .77rem;
    line-height: 1.2;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-metric--wide{
    grid-column: 1 / -1;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-metric-values{
    display:flex;
    flex-direction:column;
    gap: .2rem;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-metric-values strong{
    font-size: .98rem;
    line-height: 1.12;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-filters,
  body.retail-mobile-shell-page .customers-workspace .customers-mobile-more-actions{
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    background: rgba(2,6,23,.84);
    box-shadow: 0 16px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-filters > summary,
  body.retail-mobile-shell-page .customers-workspace .customers-mobile-more-actions > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap: .8rem;
    align-items:center;
    padding: .82rem .9rem;
    cursor:pointer;
    color: var(--text-main);
    font-weight: 800;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-filters > summary::-webkit-details-marker,
  body.retail-mobile-shell-page .customers-workspace .customers-mobile-more-actions > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-filters > summary span,
  body.retail-mobile-shell-page .customers-workspace .customers-mobile-more-actions > summary span{
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--text-muted);
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-filters > summary strong,
  body.retail-mobile-shell-page .customers-workspace .customers-mobile-more-actions > summary strong{
    min-width: 0;
    font-size: .92rem;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-filters > summary::after,
  body.retail-mobile-shell-page .customers-workspace .customers-mobile-more-actions > summary::after{
    content: "▾";
    color: var(--text-muted);
    flex: 0 0 auto;
    transition: transform .18s ease;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-filters[open] > summary::after,
  body.retail-mobile-shell-page .customers-workspace .customers-mobile-more-actions[open] > summary::after{
    transform: rotate(180deg);
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-filters-body{
    border-top: 1px solid rgba(255,255,255,.08);
    padding: .9rem;
    display:grid;
    gap: 10px;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-field{
    display:grid;
    gap: 6px;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-field span{
    color: var(--text-muted);
    font-size: .72rem;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .12em;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-field input,
  body.retail-mobile-shell-page .customers-workspace .customers-mobile-field select{
    width:100%;
    min-height: 46px;
    padding: .72rem .82rem;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(15,23,42,.58);
    color: var(--text-main);
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-field input:focus,
  body.retail-mobile-shell-page .customers-workspace .customers-mobile-field select:focus{
    outline:none;
    border-color: rgba(255,140,0,.40);
    box-shadow: 0 0 0 3px rgba(255,140,0,.10);
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-filter-actions{
    display:flex;
    flex-wrap:wrap;
    gap: 8px;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-more-grid{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    border-top: 1px solid rgba(255,255,255,.08);
    padding: .9rem;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-mobile-secondary-action{
    min-height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: var(--text-main);
    font-weight: 800;
    font-size: .82rem;
    cursor: pointer;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-hero,
  body.retail-mobile-shell-page .customers-workspace .customers-toolbar,
  body.retail-mobile-shell-page .customers-workspace .customers-metrics{
    display:none !important;
  }

  body.retail-mobile-shell-page .customers-workspace .customers-cards{
    grid-template-columns: 1fr;
    gap: .78rem;
  }

  body.retail-mobile-shell-page .customers-workspace .customer-card{
    padding: .92rem;
    gap: .75rem;
  }

  body.retail-mobile-shell-page .customers-workspace .cust-top{
    flex-direction:column;
    gap: .65rem;
  }

  body.retail-mobile-shell-page .customers-workspace .cust-balance{
    width:100%;
    display:grid;
    gap: .35rem;
  }

  body.retail-mobile-shell-page .customers-workspace .cust-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
  }

  body.retail-mobile-shell-page .customers-workspace .cust-email,
  body.retail-mobile-shell-page .customers-workspace .cust-address,
  body.retail-mobile-shell-page .customers-workspace .cust-notes{
    display:none;
  }

  body.retail-mobile-shell-page .customers-workspace .cust-actions{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
  }

  body.retail-mobile-shell-page .customers-workspace .cust-actions .btn,
  body.retail-mobile-shell-page .customers-workspace .cust-actions a.btn,
  body.retail-mobile-shell-page .customers-workspace .cust-actions form button{
    width:100%;
    min-height: 44px;
    justify-content:center;
  }

  body.retail-mobile-shell-page .customer-detail-page .ndh-print-root{
    display:none !important;
  }

  body.retail-mobile-shell-page .customer-detail-page .ndh-public-doc-actions{
    display:none !important;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-quick-drawer-host{
    display:none !important;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-shell{
    display:grid;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-hero{
    display:grid;
    gap: 12px;
    padding: 14px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(900px 220px at 12% 0%, rgba(255,255,255,.06), transparent 58%),
      rgba(2,6,23,.84);
    box-shadow: 0 16px 56px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-copy{
    display:grid;
    gap: 6px;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-kicker{
    margin: 0;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: var(--text-muted);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-copy h1{
    margin: 0;
    font-size: 1.24rem;
    line-height: 1.05;
    letter-spacing: -.03em;
    color: var(--text-main);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-meta{
    display:flex;
    flex-wrap:wrap;
    gap: .45rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-meta span{
    display:inline-flex;
    align-items:center;
    gap:.25rem;
    padding:.3rem .58rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:var(--text-main);
    font-size:.76rem;
    font-weight:750;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-actions .customer-detail-mobile-action:nth-child(3){
    grid-column:1 / -1;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-action{
    min-height: 96px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap: 8px;
    padding: 12px 10px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: var(--text-main);
    text-align:center;
    text-decoration:none;
    font: inherit;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    cursor: pointer;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-action:hover{
    text-decoration:none;
    border-color: rgba(255,140,0,.34);
    background: rgba(255,140,0,.08);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-action span[aria-hidden="true"]{
    width: 28px;
    height: 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color: #FF7A1A;
    flex: 0 0 auto;
    font-size: 1.05rem;
    line-height: 1;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-action span[aria-hidden="true"] svg{
    width:100%;
    height:100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-action--primary{
    border-color: rgba(255,140,0,.30);
    background: rgba(255,140,0,.10);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-summary{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-metric{
    display:grid;
    gap: .45rem;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(15,23,42,.72);
    box-shadow: var(--shadow-soft);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-metric--wide{
    grid-column: 1 / -1;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-metric span{
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-metric-values{
    display:grid;
    gap: .3rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-metric strong{
    color: var(--text-main);
    font-size: .95rem;
    font-weight: 950;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-metric strong.is-positive{
    color:#22c55e;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-metric strong.is-negative{
    color:#fb7185;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-metric small{
    color: var(--text-muted);
    font-size: .75rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info,
  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filters{
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    background: rgba(15,23,42,.72);
    box-shadow: var(--shadow-soft);
    padding: 0;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info > summary,
  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filters > summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:.75rem;
    padding: 12px 14px;
    color: var(--text-main);
    font-size:.84rem;
    font-weight:900;
    border-bottom: 1px solid rgba(255,255,255,.07);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info > summary::-webkit-details-marker,
  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filters > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info > summary strong,
  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filters > summary strong{
    color: var(--text-muted);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .12em;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info-body,
  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filters form{
    padding: 14px;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info-grid{
    padding: 14px;
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info-grid article{
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: rgba(255,255,255,.03);
    padding: 11px 12px;
    display:grid;
    gap: .25rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info-grid article span{
    color: var(--text-muted);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 800;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info-grid article strong{
    color: var(--text-main);
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap:anywhere;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-info-wide{
    grid-column: 1 / -1;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filter-form{
    display:grid;
    gap: 10px;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filter-field{
    display:grid;
    gap: .35rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filter-field label{
    color: var(--text-muted);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .10em;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filter-field .ndh-input{
    width:100%;
    min-height:44px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(2,6,23,.92);
    color:var(--text-main);
    padding:.66rem .78rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-filter-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap: 10px;
    padding-top: 2px;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section{
    display:grid;
    gap: 12px;
    padding: 12px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(15,23,42,.72);
    box-shadow: var(--shadow-soft);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section > summary{
    list-style: none;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap: .75rem;
    padding: 0 2px;
    cursor:pointer;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap: .75rem;
    padding: 0 2px;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section-head h2{
    margin:0;
    font-size: 1rem;
    font-weight: 950;
    color: var(--text-main);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section-head p{
    margin:.18rem 0 0;
    color: var(--text-muted);
    font-size:.82rem;
    line-height:1.35;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section-head span{
    display:inline-flex;
    align-items:center;
    padding:.3rem .58rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:var(--text-muted);
    font-size:.75rem;
    font-weight:800;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section > summary::after{
    content:"▾";
    color: var(--text-muted);
    transition: transform .18s ease;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section[open] > summary::after{
    transform: rotate(180deg);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-section-body{
    display:grid;
    gap: 12px;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-list{
    display:grid;
    gap: .75rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-card{
    padding: 12px;
    display:grid;
    gap: .75rem;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(15,23,42,.72);
    box-shadow: var(--shadow-soft);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-top{
    display:flex;
    justify-content:space-between;
    gap: .9rem;
    align-items:flex-start;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-copy{
    min-width:0;
    display:grid;
    gap: .15rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-kicker{
    margin:0;
    font-size:.72rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:#ffb089;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-copy h3{
    margin:0;
    color:var(--text-main);
    font-size:1rem;
    font-weight:950;
    line-height:1.2;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-copy p{
    margin:0;
    color:var(--text-muted);
    font-size:.84rem;
    line-height:1.35;
    overflow-wrap:anywhere;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-amount{
    display:grid;
    justify-items:end;
    gap:.12rem;
    text-align:right;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-amount span{
    font-size:.72rem;
    color:var(--text-muted);
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-amount strong{
    font-size:1rem;
    font-weight:950;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-amount.income strong{
    color:#22c55e;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-amount.pending strong{
    color:#f59e0b;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.35rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-meta span{
    display:inline-flex;
    align-items:center;
    padding:.26rem .52rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:var(--text-muted);
    font-size:.72rem;
    font-weight:700;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-details{
    border-top:1px solid rgba(255,255,255,.07);
    padding-top:.55rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-details > summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:.75rem;
    color:var(--text-main);
    font-size:.84rem;
    font-weight:850;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-details > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-details > summary::after{
    content:"▾";
    color:var(--text-muted);
    font-size:.85rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-details[open] > summary::after{
    content:"▴";
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-tx-details-body{
    display:grid;
    gap:.75rem;
    padding-top:.65rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-dl{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.55rem .65rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-dl > div{
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    padding:.62rem .7rem;
    background:rgba(255,255,255,.03);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-dl-wide{
    grid-column:1 / -1;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-dl dt{
    margin:0 0 .12rem;
    font-size:.72rem;
    color:var(--text-muted);
    font-weight:700;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-dl dd{
    margin:0;
    font-size:.86rem;
    color:var(--text-main);
    font-weight:700;
    line-height:1.35;
    overflow-wrap:anywhere;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-empty{
    padding: 12px;
    display:grid;
    gap:.6rem;
    justify-items:start;
    border-radius: 18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(15,23,42,.72);
    box-shadow:var(--shadow-soft);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-empty strong{
    font-size:1rem;
    font-weight:950;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-empty p{
    margin:0;
    color:var(--text-muted);
    line-height:1.45;
    font-size:.85rem;
  }

  body.retail-mobile-shell-page .customer-detail-page .customer-detail-mobile-empty .btn{
    min-height:44px;
  }

  body.retail-mobile-shell-page .customer-form-page .page-title{
    margin-bottom: .6rem;
  }

  body.retail-mobile-shell-page .customer-form-page .page-title h1{
    font-size: 1.22rem;
    line-height: 1.08;
  }

  body.retail-mobile-shell-page .customer-form-page .page-title p,
  body.retail-mobile-shell-page .customer-form-page .card-header small,
  body.retail-mobile-shell-page .customer-form-page .help-text{
    display:none !important;
  }

  body.retail-mobile-shell-page .customer-form-page .form-grid{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.retail-mobile-shell-page .customer-form-page .form-row{
    display:grid;
    gap: .45rem;
  }

  body.retail-mobile-shell-page .customer-form-page .form-row input,
  body.retail-mobile-shell-page .customer-form-page .form-row select,
  body.retail-mobile-shell-page .customer-form-page .form-row textarea{
    min-height: 48px;
    padding: .78rem .9rem;
  }

  body.retail-mobile-shell-page .customer-form-page .customer-form-more-options{
    margin-top: .35rem;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 20px;
    background: rgba(15,23,42,.60);
    overflow: hidden;
  }

  body.retail-mobile-shell-page .customer-form-page .customer-form-more-options > summary{
    list-style: none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap: .8rem;
    padding: .85rem .95rem;
    cursor:pointer;
    color: var(--text-main);
    font-weight: 800;
  }

  body.retail-mobile-shell-page .customer-form-page .customer-form-more-options > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .customer-form-page .customer-form-more-options > summary span{
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--text-muted);
  }

  body.retail-mobile-shell-page .customer-form-page .customer-form-more-options > summary strong{
    min-width: 0;
    font-size: .92rem;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.retail-mobile-shell-page .customer-form-page .customer-form-more-options > summary::after{
    content:"▾";
    color: var(--text-muted);
    transition: transform .18s ease;
  }

  body.retail-mobile-shell-page .customer-form-page .customer-form-more-options[open] > summary::after{
    transform: rotate(180deg);
  }

  body.retail-mobile-shell-page .customer-form-page .customer-form-more-options-body{
    border-top: 1px solid rgba(255,255,255,.08);
    padding: .85rem .95rem .95rem;
    display:grid;
    gap: 10px;
  }

  body.retail-mobile-shell-page .customer-form-page .form-actions{
    display:grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 12px;
  }

  body.retail-mobile-shell-page .customer-form-page .form-actions .btn,
  body.retail-mobile-shell-page .customer-form-page .form-actions .btn-primary,
  body.retail-mobile-shell-page .customer-form-page .form-actions .btn-secondary{
    width:100%;
    min-height:44px;
    justify-content:center;
  }

  body.retail-mobile-shell-page .retail-payment-page .payment-more-options{
    margin-top:.35rem;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:rgba(15,23,42,.60);
    overflow:hidden;
  }

  body.retail-mobile-shell-page .retail-payment-page .payment-more-options > summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:.8rem;
    padding:.85rem .95rem;
    cursor:pointer;
    color:var(--text-main);
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-payment-page .payment-more-options > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .retail-payment-page .payment-more-options > summary span{
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--text-muted);
  }

  body.retail-mobile-shell-page .retail-payment-page .payment-more-options > summary strong{
    min-width:0;
    font-size:.92rem;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.retail-mobile-shell-page .retail-payment-page .payment-more-options > summary::after{
    content:"▾";
    color:var(--text-muted);
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .retail-payment-page .payment-more-options[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .retail-payment-page .payment-more-options-body{
    border-top:1px solid rgba(255,255,255,.08);
    padding:.85rem .95rem .95rem;
    display:grid;
    gap:10px;
  }
}

@media (max-width: 640px){
  body.retail-mobile-shell-page .retail-ledger-mobile{
    gap: 10px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-actions{
    gap: 7px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-action{
    min-height: 96px;
    padding: 10px 8px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-summary-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-tabs{
    gap: 6px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-tab{
    min-width: 114px;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-dl{
    grid-template-columns:1fr;
  }

  body.retail-mobile-shell-page .retail-ledger-mobile-dl-wide{
    grid-column:1;
  }
}

@media (max-width: 520px){
  body.retail-mobile-shell-page .payments-list-page .retail-payments-mobile-grid-2,
  body.retail-mobile-shell-page .retail-purchases-page .retail-purchases-mobile-grid-2,
  body.retail-mobile-shell-page .expenses-workspace .retail-expenses-mobile-grid-2{
    grid-template-columns:1fr;
  }
}

@media (min-width: 641px) and (max-width: 1024px){
  body.retail-mobile-shell-page .retail-ledger-mobile-summary-metrics{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1024px){
  body.retail-mobile-shell-page .retail-team-page #comisiones{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-team-page .emp-mobile-hub-action{
    display:inline-flex;
  }

  body.retail-mobile-shell-page .retail-team-page .emp-hero,
  body.retail-mobile-shell-page .retail-team-time-page .retail-team-mobile-hero,
  body.retail-mobile-shell-page .retail-roles-page .retail-team-mobile-hero{
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    background:
      radial-gradient(760px 220px at 0% 0%, rgba(255,87,5,.10), transparent 62%),
      rgba(2,6,23,.86);
    box-shadow:0 16px 56px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
  }

  body.retail-mobile-shell-page .retail-team-page .emp-hero-copy p,
  body.retail-mobile-shell-page .retail-team-page .emp-section-note,
  body.retail-mobile-shell-page .retail-team-page .emp-card-foot-copy,
  body.retail-mobile-shell-page .retail-team-page .emp-inline-note,
  body.retail-mobile-shell-page .retail-team-page .emp-drawer-head p,
  body.retail-mobile-shell-page .retail-team-page .emp-role-permission-head p{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-team-page .emp-metrics-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  body.retail-mobile-shell-page .retail-team-page .emp-metric-card{
    border-radius:18px;
    padding:.72rem .8rem;
  }

  body.retail-mobile-shell-page .retail-team-page .emp-cards-grid{
    grid-template-columns:1fr;
  }

  body.retail-mobile-shell-page .retail-team-page .emp-grid-2,
  body.retail-mobile-shell-page .retail-team-page .emp-grid-3,
  body.retail-mobile-shell-page .retail-team-page .emp-grid-4,
  body.retail-mobile-shell-page .retail-team-page .default-line-edit-grid{
    grid-template-columns:1fr;
  }

  body.retail-mobile-shell-page .retail-team-page .emp-drawer-shell{
    width:100%;
    padding:10px;
  }

  body.retail-mobile-shell-page .retail-team-page .emp-drawer-panel{
    border-radius:22px;
    max-height:calc(100vh - 20px);
    padding-bottom:calc(1rem + env(safe-area-inset-bottom));
  }

  body.retail-mobile-shell-page .retail-team-time-page .team-time-desktop,
  body.retail-mobile-shell-page .retail-roles-page .employees-roles-desktop{
    display:none !important;
  }

  body.retail-mobile-shell-page .retail-team-time-page .team-time-mobile-shell,
  body.retail-mobile-shell-page .retail-roles-page .employees-roles-mobile{
    display:grid;
    gap:12px;
    margin-bottom:12px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-hero{
    display:grid;
    gap:12px;
    padding:12px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-kicker{
    margin:0 0 .25rem;
    font-size:.72rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#ffb089;
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-team-mobile-hero h1{
    margin:0;
    font-size:1.45rem;
    line-height:1.08;
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-team-mobile-context{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:8px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-context span{
    display:inline-flex;
    align-items:center;
    padding:.28rem .55rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:var(--text-muted);
    font-size:.75rem;
    font-weight:700;
  }

  body.retail-mobile-shell-page .retail-team-mobile-actions{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-action{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:72px;
    padding:10px 8px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(15,23,42,.72);
    color:var(--text-main);
    text-decoration:none;
    text-align:center;
    font-size:.82rem;
    font-weight:850;
  }

  body.retail-mobile-shell-page .retail-team-mobile-action:hover{
    border-color:rgba(255,87,5,.32);
    background:rgba(255,87,5,.08);
    text-decoration:none;
  }

  body.retail-mobile-shell-page .retail-team-mobile-summary{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-summary article,
  body.retail-mobile-shell-page .retail-team-mobile-section,
  body.retail-mobile-shell-page .retail-team-mobile-card,
  body.retail-mobile-shell-page .retail-team-mobile-empty,
  body.retail-mobile-shell-page .retail-team-mobile-filters,
  body.retail-mobile-shell-page .employees-mobile-create-role,
  body.retail-mobile-shell-page .employees-role-mobile-card{
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:rgba(15,23,42,.72);
    box-shadow:var(--shadow-soft);
  }

  body.retail-mobile-shell-page .retail-team-mobile-summary article{
    padding:.82rem .88rem;
  }

  body.retail-mobile-shell-page .retail-team-mobile-summary span,
  body.retail-mobile-shell-page .retail-team-mobile-card span,
  body.retail-mobile-shell-page .employees-role-mobile-head span{
    display:block;
    color:var(--text-muted);
    font-size:.72rem;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:800;
  }

  body.retail-mobile-shell-page .retail-team-mobile-summary strong,
  body.retail-mobile-shell-page .retail-team-mobile-card strong,
  body.retail-mobile-shell-page .employees-role-mobile-head strong{
    display:block;
    margin-top:4px;
    color:var(--text-main);
    font-size:1rem;
    line-height:1.18;
  }

  body.retail-mobile-shell-page .retail-team-mobile-summary article strong{
    font-size:1.22rem;
  }

  body.retail-mobile-shell-page .retail-team-mobile-filters,
  body.retail-mobile-shell-page .employees-mobile-create-role,
  body.retail-mobile-shell-page .employees-mobile-role-details,
  body.retail-mobile-shell-page .employees-mobile-permission-group{
    overflow:hidden;
  }

  body.retail-mobile-shell-page .retail-team-mobile-filters > summary,
  body.retail-mobile-shell-page .employees-mobile-create-role > summary,
  body.retail-mobile-shell-page .employees-mobile-role-details > summary,
  body.retail-mobile-shell-page .employees-mobile-permission-group > summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:.82rem .9rem;
    cursor:pointer;
    color:var(--text-main);
    font-weight:850;
  }

  body.retail-mobile-shell-page .retail-team-mobile-filters > summary::-webkit-details-marker,
  body.retail-mobile-shell-page .employees-mobile-create-role > summary::-webkit-details-marker,
  body.retail-mobile-shell-page .employees-mobile-role-details > summary::-webkit-details-marker,
  body.retail-mobile-shell-page .employees-mobile-permission-group > summary::-webkit-details-marker{
    display:none;
  }

  body.retail-mobile-shell-page .retail-team-mobile-filters > summary::after,
  body.retail-mobile-shell-page .employees-mobile-create-role > summary::after,
  body.retail-mobile-shell-page .employees-mobile-role-details > summary::after,
  body.retail-mobile-shell-page .employees-mobile-permission-group > summary::after{
    content:"▾";
    color:var(--text-muted);
    transition:transform .18s ease;
  }

  body.retail-mobile-shell-page .retail-team-mobile-filters[open] > summary::after,
  body.retail-mobile-shell-page .employees-mobile-create-role[open] > summary::after,
  body.retail-mobile-shell-page .employees-mobile-role-details[open] > summary::after,
  body.retail-mobile-shell-page .employees-mobile-permission-group[open] > summary::after{
    transform:rotate(180deg);
  }

  body.retail-mobile-shell-page .retail-team-mobile-filters-body,
  body.retail-mobile-shell-page .employees-mobile-create-role .employees-mobile-role-form,
  body.retail-mobile-shell-page .employees-mobile-role-details .employees-mobile-role-form,
  body.retail-mobile-shell-page .employees-mobile-role-details form,
  body.retail-mobile-shell-page .employees-mobile-permission-list{
    border-top:1px solid rgba(255,255,255,.08);
    padding:.9rem;
  }

  body.retail-mobile-shell-page .retail-team-mobile-filter-form,
  body.retail-mobile-shell-page .employees-mobile-role-form{
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-field{
    display:grid;
    gap:6px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-field input,
  body.retail-mobile-shell-page .retail-team-mobile-field select{
    width:100%;
    min-height:46px;
    padding:.72rem .82rem;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(15,23,42,.58);
    color:var(--text-main);
  }

  body.retail-mobile-shell-page .retail-team-mobile-filter-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-filter-actions .btn,
  body.retail-mobile-shell-page .employees-mobile-role-form .btn,
  body.retail-mobile-shell-page .employees-mobile-role-details .btn{
    width:100%;
    min-height:44px;
    justify-content:center;
  }

  body.retail-mobile-shell-page .retail-team-mobile-section{
    padding:.9rem;
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-section-head h2{
    margin:0;
    font-size:1rem;
    line-height:1.15;
  }

  body.retail-mobile-shell-page .retail-team-mobile-card-list{
    display:grid;
    gap:8px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-card{
    padding:.9rem;
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-card-main,
  body.retail-mobile-shell-page .employees-role-mobile-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-card-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  body.retail-mobile-shell-page .retail-team-mobile-card-grid > div:last-child{
    grid-column:1 / -1;
  }

  body.retail-mobile-shell-page .retail-team-mobile-badge{
    display:inline-flex;
    align-items:center;
    padding:.28rem .55rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.05);
    color:var(--text-main);
    font-size:.72rem;
    font-weight:850;
    white-space:nowrap;
  }

  body.retail-mobile-shell-page .retail-team-mobile-badge.is-open{
    border-color:rgba(255,87,5,.28);
    background:rgba(255,87,5,.12);
    color:#ffd7c4;
  }

  body.retail-mobile-shell-page .retail-team-mobile-empty{
    padding:.95rem;
    color:var(--text-muted);
    font-weight:750;
  }

  body.retail-mobile-shell-page .employees-role-mobile-card{
    padding:.9rem;
    display:grid;
    gap:10px;
  }

  body.retail-mobile-shell-page .employees-role-mobile-head small{
    display:block;
    margin-top:4px;
    color:var(--text-muted);
    line-height:1.35;
  }

  body.retail-mobile-shell-page .employees-mobile-role-details,
  body.retail-mobile-shell-page .employees-mobile-permission-group{
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.03);
  }

  body.retail-mobile-shell-page .employees-mobile-permission-stack{
    display:grid;
    gap:8px;
  }

  body.retail-mobile-shell-page .employees-mobile-permission-list{
    display:grid;
    gap:8px;
  }

  body.retail-mobile-shell-page .employees-mobile-permission-list .ndh-perm-code{
    display:none;
  }
}

@media (max-width: 640px){
  body.retail-mobile-shell-page .retail-team-mobile-actions,
  body.retail-mobile-shell-page .retail-team-mobile-filter-actions,
  body.retail-mobile-shell-page .retail-settings-mobile-grid,
  body.retail-mobile-shell-page .retail-settings-mobile-link-grid,
  body.retail-mobile-shell-page .retail-settings-mobile-save{
    grid-template-columns:1fr;
  }

  body.retail-mobile-shell-page .retail-team-mobile-card-main,
  body.retail-mobile-shell-page .employees-role-mobile-head{
    flex-direction:column;
  }

  body.retail-mobile-shell-page .retail-team-mobile-card-grid,
  body.retail-mobile-shell-page .retail-settings-mobile-hours-row{
    grid-template-columns:1fr;
  }
}