/* ============================================================================
   CommerceFlow — Enterprise UI Refinement Layer (r7.7.6)
   Business Frontier · Professional ERP / SaaS visual system
   Loads LAST. Scoped under body classes so it wins by source order without
   clobbering per-tenant theme variables. Reference: IBM Carbon / MS Fluent.
   ========================================================================== */

/* ---- 1. DESIGN TOKENS ---------------------------------------------------- */
body.enterprise-ui,
body.fluent-workspace,
body.public-saas{
  /* Brand authority (Business Frontier) */
  --x-navy:#0d1b2a;
  --x-navy-2:#12263a;
  --x-gold:#c89b2c;
  /* Single calm interactive color (enterprise leads with one blue) */
  --x-blue:#15588a;
  --x-blue-strong:#0f4670;
  --x-blue-tint:#eaf2f8;
  --x-focus:#2f81c1;
  /* Cool neutral scale (Carbon-like) */
  --x-canvas:#f2f4f6;
  --x-surface:#ffffff;
  --x-surface-2:#f7f9fb;
  --x-surface-3:#eef2f5;
  --x-line:#dbe1e7;
  --x-line-strong:#c4ccd4;
  --x-ink:#111c26;
  --x-ink-2:#3d4b57;
  --x-ink-3:#647380;
  /* Semantic (desaturated, enterprise) */
  --x-ok:#1c6b47;    --x-ok-bg:#e8f4ee;
  --x-warn:#8a5a12;  --x-warn-bg:#fbf1de;
  --x-bad:#a4262c;   --x-bad-bg:#fbeaea;
  --x-info-bg:#e9f1f7;
  /* Elevation & shape */
  --x-r:6px;
  --x-r-sm:4px;
  --x-r-lg:10px;
  --x-sh-1:0 1px 1px rgba(16,32,46,.04),0 1px 3px rgba(16,32,46,.06);
  --x-sh-2:0 2px 4px rgba(16,32,46,.05),0 8px 24px rgba(16,32,46,.08);
  --x-font:"Segoe UI","IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
  --x-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
}

/* ---- 2. BASE ------------------------------------------------------------- */
body.enterprise-ui,
body.public-saas{
  font-family:var(--x-font);
  color:var(--x-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-feature-settings:"cv05" 1,"ss01" 1;
}
body.enterprise-ui{
  background:var(--x-canvas);
}
body.public-saas{ background:var(--x-canvas); }

body.enterprise-ui *:focus-visible,
body.public-saas *:focus-visible{
  outline:2px solid var(--x-focus);
  outline-offset:2px;
  border-radius:2px;
}

/* ============================================================================
   3. WORKSPACE SHELL
   ========================================================================== */
body.enterprise-ui .app-shell{ grid-template-columns:248px minmax(0,1fr); }

body.enterprise-ui .sidebar{
  background:var(--x-navy);
  background-image:linear-gradient(180deg,var(--x-navy-2) 0,var(--x-navy) 220px);
  border-right:1px solid rgba(255,255,255,.06);
  padding:18px 14px 16px;
}
/* Signature: thin gold authority rule under the brand */
body.enterprise-ui .sidebar-brand{
  padding:2px 8px 16px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:relative;
}
body.enterprise-ui .sidebar-brand::after{
  content:"";position:absolute;left:8px;bottom:-1px;width:34px;height:2px;
  background:var(--x-gold);
}
body.enterprise-ui .brand-mark{
  width:38px;height:38px;border-radius:var(--x-r-sm);
  background:var(--x-gold);color:var(--x-navy);font-weight:800;
  box-shadow:none;letter-spacing:.02em;
}
body.enterprise-ui .brand-copy strong{ font-size:.95rem;font-weight:700;letter-spacing:-.01em; }
body.enterprise-ui .brand-copy small,
body.enterprise-ui .sidebar-user small{ color:#8ea3b4; }

body.enterprise-ui .primary-action{
  background:var(--x-blue);border-radius:var(--x-r-sm);
  font-weight:650;font-size:.9rem;padding:11px 12px;margin:0 2px 16px;
  box-shadow:none;letter-spacing:.005em;
}
body.enterprise-ui .primary-action:hover{ background:var(--x-blue-strong);filter:none; }

body.enterprise-ui .sidebar-nav{ gap:16px; }
body.enterprise-ui .nav-group-label{
  color:#7d93a6;font-size:.66rem;letter-spacing:.12em;font-weight:700;padding:0 10px 6px;
}
body.enterprise-ui .nav-link{
  border-radius:var(--x-r-sm);color:#c2d0dc;font-weight:550;font-size:.885rem;
  padding:8px 10px;gap:10px;position:relative;
}
body.enterprise-ui .nav-link:hover{ background:rgba(255,255,255,.06);color:#fff; }
body.enterprise-ui .nav-link.active{
  background:rgba(255,255,255,.10);color:#fff;box-shadow:none;
}
body.enterprise-ui .nav-link.active::before{
  content:"";position:absolute;left:-14px;top:6px;bottom:6px;width:3px;
  background:var(--x-gold);border-radius:0 2px 2px 0;
}
body.enterprise-ui .nav-icon{
  width:26px;height:26px;border-radius:var(--x-r-sm);background:rgba(255,255,255,.06);
}
body.enterprise-ui .nav-link .nav-icon svg{ width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7; }
body.enterprise-ui .nav-link.active .nav-icon{ background:rgba(255,255,255,.14);color:#fff; }

body.enterprise-ui .sidebar-footer{ border-top:1px solid rgba(255,255,255,.08);gap:10px;padding-top:14px; }
body.enterprise-ui .workspace-security{
  display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:var(--x-r-sm);
  background:rgba(255,255,255,.05);
}
body.enterprise-ui .workspace-security span{ color:var(--x-gold); }
body.enterprise-ui .workspace-security strong{ font-size:.8rem;color:#eaf1f6; }
body.enterprise-ui .workspace-security small{ color:#8ea3b4;font-size:.7rem; }
body.enterprise-ui .quiet-button{ border-radius:var(--x-r-sm);border-color:rgba(255,255,255,.14);font-weight:600; }

/* Top bar */
body.enterprise-ui .desktop-topbar{
  position:sticky;top:0;z-index:30;
  background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(8px);
  border-bottom:1px solid var(--x-line);
  padding:12px 28px;min-height:60px;
}
body.enterprise-ui .topbar-title span{ color:var(--x-ink-3);font-size:.78rem;font-weight:600; }
body.enterprise-ui .topbar-title strong{ font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:var(--x-ink); }
body.enterprise-ui .topbar-icon-button,
body.enterprise-ui .topbar-update-button{
  width:38px;height:38px;border-radius:var(--x-r-sm);border:1px solid var(--x-line);
  background:var(--x-surface);color:var(--x-ink-2);box-shadow:none;
}
body.enterprise-ui .topbar-icon-button:hover,
body.enterprise-ui .topbar-update-button:hover{ background:var(--x-surface-3);transform:none; }
body.enterprise-ui .topbar-update-button span{ background:var(--x-bad); }
body.enterprise-ui .topbar-user{
  border:1px solid var(--x-line);border-radius:var(--x-r-sm);padding:5px 10px 5px 6px;background:var(--x-surface);
}
body.enterprise-ui .topbar-user span{
  width:30px;height:30px;border-radius:var(--x-r-sm);background:var(--x-navy);color:#fff;font-weight:700;
}
body.enterprise-ui .topbar-user strong{ font-size:.82rem; }
body.enterprise-ui .topbar-user small{ color:var(--x-ink-3); }

body.enterprise-ui .page{ max-width:1520px;padding:26px 28px 96px; }
body.enterprise-ui .app-footer{ color:var(--x-ink-3);font-size:.76rem;border-top:1px solid var(--x-line);margin-top:8px;padding-top:18px; }

/* ============================================================================
   4. PAGE HEADER · KPIs · CARDS · FILTER BAR
   ========================================================================== */
body.enterprise-ui .r73-page{ display:grid;gap:20px; }
body.enterprise-ui .r73-page-header{
  align-items:flex-start;padding:0 0 18px;border-bottom:1px solid var(--x-line);min-height:0;
}
body.enterprise-ui .r73-kicker,
body.enterprise-ui .r73-page-header .r73-kicker{
  display:inline-flex;align-items:center;gap:7px;
  color:var(--x-blue);font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:6px;
}
body.enterprise-ui .r73-kicker::before{ content:"";width:16px;height:2px;background:var(--x-gold);border-radius:2px; }
body.enterprise-ui .r73-page-header h1{
  margin:0 0 5px;font-size:clamp(1.5rem,2vw,1.8rem);font-weight:700;letter-spacing:-.02em;color:var(--x-ink);
}
body.enterprise-ui .r73-page-header p{ color:var(--x-ink-2);max-width:70ch;font-size:.9rem; }

/* KPIs — flat, structured, hairline-bordered with a numeric-forward hierarchy */
body.enterprise-ui .kpi-grid{ gap:14px; }
body.enterprise-ui .kpi,
body.enterprise-ui .metric-card{
  border:1px solid var(--x-line);border-radius:var(--x-r);background:var(--x-surface);
  box-shadow:none;padding:16px 18px 15px;
}
body.enterprise-ui .kpi::before,
body.enterprise-ui .metric-card::before{ width:3px;background:var(--x-blue); }
body.enterprise-ui .kpi.accent::before{ background:var(--x-gold); }
body.enterprise-ui .kpi.danger::before{ background:var(--x-bad); }
body.enterprise-ui .kpi strong,
body.enterprise-ui .metric-card strong{
  font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--x-ink);
  font-variant-numeric:tabular-nums lining-nums;
}
body.enterprise-ui .kpi span,
body.enterprise-ui .metric-card span{
  color:var(--x-ink-3);font-size:.76rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-top:6px;
}

body.enterprise-ui .card,
body.enterprise-ui .r73-data-panel,
body.enterprise-ui .soft-card{
  border:1px solid var(--x-line);border-radius:var(--x-r);background:var(--x-surface);box-shadow:none;
}
body.enterprise-ui .card{ padding:20px; }
body.enterprise-ui .card h2{ font-size:1.02rem;font-weight:700;letter-spacing:-.01em; }
body.enterprise-ui .card h3{ font-size:.92rem;font-weight:700; }

/* Filter / toolbar row above a table */
body.enterprise-ui .r73-filter-bar{
  display:grid;align-items:end;gap:10px;padding:14px;border:1px solid var(--x-line);
  border-radius:var(--x-r);background:var(--x-surface);
}
body.enterprise-ui .r73-filter-search{ font-size:.78rem;font-weight:650;color:var(--x-ink-2); }
body.enterprise-ui .r73-result-count{
  color:var(--x-ink-3);font-size:.78rem;font-weight:600;align-self:center;justify-self:end;
  font-variant-numeric:tabular-nums;
}

/* ============================================================================
   5. TABLES — the centrepiece. Rigorous enterprise data grid.
   ========================================================================== */
body.enterprise-ui .r73-data-panel{ padding:0;overflow:hidden; }
body.enterprise-ui .r73-table-scroll{
  overflow:auto;scrollbar-gutter:stable;overscroll-behavior-inline:contain;
  border-radius:var(--x-r);
}
body.enterprise-ui .r73-data-table,
body.enterprise-ui table.r73-data-table,
body.enterprise-ui .wide-table table,
body.enterprise-ui .table-wrap table{
  width:100%;border-collapse:separate;border-spacing:0;
  font-size:.84rem;color:var(--x-ink);
}
/* Header: quiet, uppercase micro-labels, one firm bottom rule */
body.enterprise-ui .r73-data-table thead th{
  position:sticky;top:0;z-index:2;
  background:var(--x-surface-3);
  color:var(--x-ink-3);
  text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700;
  padding:11px 14px;border-bottom:1px solid var(--x-line-strong);
  white-space:nowrap;vertical-align:middle;
}
body.enterprise-ui .r73-data-table tbody td{
  padding:12px 14px;border-bottom:1px solid var(--x-line);vertical-align:middle;
  color:var(--x-ink-2);
}
body.enterprise-ui .r73-data-table tbody td small{ color:var(--x-ink-3);font-size:.76rem; }
/* Primary identifier column reads as ink */
body.enterprise-ui .r73-data-table tbody td:first-child{ color:var(--x-ink);font-weight:650; }
/* Numeric columns: tabular figures, right aligned, mono-ish alignment */
body.enterprise-ui .r73-data-table .r73-num,
body.enterprise-ui .r73-data-table td.r73-num,
body.enterprise-ui .r73-data-table th.r73-num,
body.enterprise-ui table .num{
  text-align:right;font-variant-numeric:tabular-nums lining-nums;
  white-space:nowrap;
}
/* Zebra + hover */
body.enterprise-ui .r73-data-table tbody tr:nth-child(even) td{ background:var(--x-surface-2); }
body.enterprise-ui .r73-data-table tbody tr:hover td{ background:var(--x-blue-tint); }
body.enterprise-ui .r73-data-table tbody tr:last-child td{ border-bottom:0; }
/* Full-width bottom sentinel so the panel edge stays crisp */
body.enterprise-ui .r73-data-table tbody tr:hover td:first-child{ box-shadow:inset 3px 0 0 var(--x-blue); }

/* Status badges — flat, bordered, semantic */
body.enterprise-ui .badge{
  border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:700;letter-spacing:.01em;
  border:1px solid transparent;background:var(--x-surface-3);color:var(--x-ink-2);text-transform:none;
}
body.enterprise-ui .badge.success{ background:var(--x-ok-bg);color:var(--x-ok);border-color:#c3e4d1; }
body.enterprise-ui .badge.warning{ background:var(--x-warn-bg);color:var(--x-warn);border-color:#ecd7a6; }
body.enterprise-ui .badge.danger{ background:var(--x-bad-bg);color:var(--x-bad);border-color:#eec3c3; }
body.enterprise-ui .badge.accent{ background:#f3ead0;color:#7a5c12;border-color:#e3cf9a; }

/* Row actions — disciplined: quiet ghost buttons, one primary, no rainbow */
body.enterprise-ui .r73-actions-cell{ display:flex;flex-wrap:wrap;gap:6px; }
body.enterprise-ui .r73-action{
  display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 10px;
  border-radius:var(--x-r-sm);border:1px solid var(--x-line-strong);
  background:var(--x-surface);color:var(--x-ink-2);
  font-size:.76rem;font-weight:650;text-decoration:none;box-shadow:none;transition:background .12s,border-color .12s;
}
body.enterprise-ui .r73-action:hover{ background:var(--x-surface-3);border-color:var(--x-ink-3);transform:none; }
body.enterprise-ui .r73-action.primary{ background:var(--x-blue);border-color:var(--x-blue);color:#fff; }
body.enterprise-ui .r73-action.primary:hover{ background:var(--x-blue-strong);border-color:var(--x-blue-strong); }
body.enterprise-ui .r73-action.approve{ background:var(--x-ok);border-color:var(--x-ok);color:#fff; }
body.enterprise-ui .r73-action.approve:hover{ filter:brightness(.94); }
body.enterprise-ui .r73-action.collect,
body.enterprise-ui .r73-action.deposit{ border-color:var(--x-blue);color:var(--x-blue);background:var(--x-blue-tint); }
body.enterprise-ui .r73-action.danger{ border-color:#e0b3b3;color:var(--x-bad);background:var(--x-bad-bg); }
body.enterprise-ui .r73-action.danger:hover{ background:#f6dede; }
body.enterprise-ui .r73-action.whatsapp{ border-color:var(--x-line-strong);color:var(--x-ink-2);background:var(--x-surface); }
body.enterprise-ui .r73-action.basket{ border-color:var(--x-line-strong);color:var(--x-ink-2); }

body.enterprise-ui .empty-state{ padding:44px 20px;color:var(--x-ink-3); }
body.enterprise-ui .empty-state strong{ color:var(--x-ink);font-size:.95rem; }

/* ============================================================================
   6. FORMS & BUTTONS
   ========================================================================== */
body.enterprise-ui label{ font-size:.8rem;font-weight:650;color:var(--x-ink-2);gap:5px; }
body.enterprise-ui input,
body.enterprise-ui select,
body.enterprise-ui textarea{
  border:1px solid var(--x-line-strong);border-radius:var(--x-r-sm);background:var(--x-surface);
  box-shadow:none;color:var(--x-ink);
}
body.enterprise-ui input::placeholder,
body.enterprise-ui textarea::placeholder{ color:#93a1ad; }
body.enterprise-ui input:focus,
body.enterprise-ui select:focus,
body.enterprise-ui textarea:focus{
  outline:none;border-color:var(--x-blue);box-shadow:0 0 0 3px rgba(21,88,138,.16);
}
body.enterprise-ui button,
body.enterprise-ui .button{
  border-radius:var(--x-r-sm);background:var(--x-blue);font-weight:650;box-shadow:none;
  min-height:40px;letter-spacing:.005em;transition:background .12s,border-color .12s;
}
body.enterprise-ui button:hover,
body.enterprise-ui .button:hover{ background:var(--x-blue-strong);transform:none;filter:none; }
body.enterprise-ui .button.secondary,
body.enterprise-ui button.secondary{ background:var(--x-navy);color:#fff; }
body.enterprise-ui .button.secondary:hover{ background:var(--x-navy-2); }
body.enterprise-ui .button.ghost,
body.enterprise-ui button.ghost{
  background:var(--x-surface);color:var(--x-ink-2);border:1px solid var(--x-line-strong);
}
body.enterprise-ui .button.ghost:hover{ background:var(--x-surface-3);color:var(--x-ink); }
body.enterprise-ui .button.danger,
body.enterprise-ui button.danger{ background:var(--x-bad); }
body.enterprise-ui .button.small,
body.enterprise-ui button.small{ min-height:34px;border-radius:var(--x-r-sm);font-size:.8rem; }
body.enterprise-ui .button.whatsapp{ background:#1f7a54; }

/* ============================================================================
   7. PUBLIC SITE
   ========================================================================== */
body.public-saas .public-header{
  background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(8px);
  border-bottom:1px solid var(--x-line);
}
body.public-saas .public-brand-mark{
  background:var(--x-navy);color:#fff;border-radius:var(--x-r-sm);font-weight:800;
  position:relative;
}
body.public-saas .public-brand-mark::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--x-gold);border-radius:0 0 var(--x-r-sm) var(--x-r-sm);
}
body.public-saas .public-brand strong{ font-weight:700;letter-spacing:-.01em; }
body.public-saas .public-nav a{ color:var(--x-ink-2);font-weight:600;font-size:.9rem; }
body.public-saas .public-nav a:hover{ color:var(--x-navy); }
body.public-saas .public-text-link{ color:var(--x-ink-2);font-weight:650; }
body.public-saas .public-header-cta{
  background:var(--x-blue);color:#fff;border-radius:var(--x-r-sm);font-weight:650;border:0;
}
body.public-saas .public-header-cta:hover{ background:var(--x-blue-strong); }

/* Hero — navy authority panel with a disciplined product preview */
body.public-saas .lp-hero{
  background:
    radial-gradient(1100px 420px at 78% -8%,rgba(200,155,44,.10),transparent 60%),
    linear-gradient(180deg,var(--x-navy) 0,var(--x-navy-2) 100%);
  color:#eef3f7;border-bottom:1px solid rgba(255,255,255,.06);
}
body.public-saas .lp-eyebrow{
  color:var(--x-gold);letter-spacing:.11em;font-weight:700;font-size:.72rem;
  display:inline-flex;align-items:center;gap:8px;
}
body.public-saas .lp-eyebrow::before{ content:"";width:22px;height:2px;background:var(--x-gold); }
body.public-saas .lp-hero h1{
  color:#fff;font-weight:700;letter-spacing:-.025em;line-height:1.08;
  font-size:clamp(2rem,3.6vw,3.1rem);
}
body.public-saas .lp-hero p{ color:#c3d1dc;font-size:1.02rem;max-width:56ch; }
body.public-saas .lp-hero-proof span{ color:#aebecb;font-size:.82rem; }
body.public-saas .lp-hero-proof span::before{ background:var(--x-gold)!important; }
body.public-saas .lp-btn{ border-radius:var(--x-r-sm);font-weight:650;letter-spacing:.005em; }
body.public-saas .lp-btn.primary{ background:var(--x-gold);color:var(--x-navy);border:0; }
body.public-saas .lp-btn.primary:hover{ background:#d8ab3a; }
body.public-saas .lp-btn.secondary{
  background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.28);
}
body.public-saas .lp-btn.secondary:hover{ background:rgba(255,255,255,.12); }

/* Product preview mock — reads like the real console */
body.public-saas .lp-product-frame{
  border:1px solid rgba(255,255,255,.14);border-radius:var(--x-r-lg);overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.4);background:var(--x-surface);
}
body.public-saas .lp-window-bar{ background:var(--x-navy-2);color:#cdd9e2;border-bottom:1px solid rgba(255,255,255,.08); }
body.public-saas .lp-window-bar i{ background:rgba(255,255,255,.28); }
body.public-saas .lp-preview-nav{ background:var(--x-navy);color:#c2d0dc; }
body.public-saas .lp-preview-nav strong{ background:var(--x-gold);color:var(--x-navy); }
body.public-saas .lp-preview-nav .active{ background:rgba(255,255,255,.12);color:#fff; }
body.public-saas .lp-preview-command{ background:var(--x-blue);color:#fff;border-radius:var(--x-r-sm); }
body.public-saas .lp-preview-kpis div{ border:1px solid var(--x-line);border-radius:var(--x-r-sm);background:var(--x-surface-2); }
body.public-saas .lp-preview-kpis strong{ color:var(--x-ink);font-variant-numeric:tabular-nums; }
body.public-saas .lp-preview-table th{
  background:var(--x-surface-3);color:var(--x-ink-3);text-transform:uppercase;font-size:.62rem;letter-spacing:.05em;
}
body.public-saas .lp-preview-table td{ color:var(--x-ink-2); }
body.public-saas .lp-preview-table .num{ text-align:right;font-variant-numeric:tabular-nums; }
body.public-saas .lp-preview-table .status{ color:var(--x-ok);font-weight:650; }

/* Fit strip */
body.public-saas .lp-fit-strip{ background:var(--x-surface);border-bottom:1px solid var(--x-line); }
body.public-saas .lp-fit-heading{ color:var(--x-ink);font-weight:700; }
body.public-saas .lp-fit-item{ color:var(--x-ink-3);font-weight:600;font-size:.86rem; }
body.public-saas .lp-fit-item::before{ background:var(--x-gold)!important; }

/* Sections */
body.public-saas .lp-label{
  color:var(--x-blue);letter-spacing:.11em;font-weight:700;font-size:.72rem;text-transform:uppercase;
}
body.public-saas .lp-section-header h2{ color:var(--x-ink);font-weight:700;letter-spacing:-.02em; }
body.public-saas .lp-section-header p{ color:var(--x-ink-2); }

/* Feature cards */
body.public-saas .lp-feature{
  border:1px solid var(--x-line);border-radius:var(--x-r);background:var(--x-surface);
  box-shadow:none;transition:border-color .15s,box-shadow .15s,transform .15s;
}
body.public-saas .lp-feature:hover{ border-color:var(--x-line-strong);box-shadow:var(--x-sh-2);transform:translateY(-2px); }
body.public-saas .lp-feature svg{ color:var(--x-blue);stroke:var(--x-blue);fill:none;stroke-width:1.7; }
body.public-saas .lp-feature h3{ color:var(--x-ink);font-weight:700;font-size:1rem; }
body.public-saas .lp-feature p{ color:var(--x-ink-2); }

/* Workflow — numbered because it IS a sequence */
body.public-saas .lp-workflow{ background:var(--x-surface); }
body.public-saas .lp-workflow-step{
  border:1px solid var(--x-line);border-radius:var(--x-r);background:var(--x-surface-2);
}
body.public-saas .lp-workflow-step span{
  color:var(--x-gold);font-weight:800;font-variant-numeric:tabular-nums;
}
body.public-saas .lp-workflow-step h3{ color:var(--x-ink);font-weight:700; }
body.public-saas .lp-workflow-step p{ color:var(--x-ink-2); }

/* Contact */
body.public-saas .lp-contact{ background:var(--x-surface); }
body.public-saas .lp-eyebrow-blue{ color:var(--x-blue); }
body.public-saas .lp-eyebrow-blue::before{ background:var(--x-blue); }
body.public-saas .lp-contact-copy h2{ color:var(--x-ink);font-weight:700;letter-spacing:-.02em; }
body.public-saas .lp-contact-copy p,
body.public-saas .lp-contact-points li{ color:var(--x-ink-2); }
body.public-saas .lp-contact-points li::before{ color:var(--x-ok); }
body.public-saas .lp-request-form{
  border:1px solid var(--x-line);border-radius:var(--x-r);background:var(--x-surface);box-shadow:var(--x-sh-2);
}
body.public-saas .lp-request-form label{ color:var(--x-ink-2);font-weight:650;font-size:.82rem; }
body.public-saas .lp-request-form input,
body.public-saas .lp-request-form select,
body.public-saas .lp-request-form textarea{
  border:1px solid var(--x-line-strong);border-radius:var(--x-r-sm);min-height:44px;background:var(--x-surface);
}
body.public-saas .lp-request-form input:focus,
body.public-saas .lp-request-form select:focus,
body.public-saas .lp-request-form textarea:focus{
  outline:none;border-color:var(--x-blue);box-shadow:0 0 0 3px rgba(21,88,138,.16);
}
body.public-saas .lp-submit{ background:var(--x-blue);border-radius:var(--x-r-sm);font-weight:650; }
body.public-saas .lp-submit:hover{ background:var(--x-blue-strong); }

/* Final CTA — navy band with gold rule */
body.public-saas .lp-final-cta{
  background:linear-gradient(180deg,var(--x-navy-2),var(--x-navy));color:#fff;position:relative;
}
body.public-saas .lp-final-cta::before{ content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--x-gold); }
body.public-saas .lp-final-cta h2{ color:#fff;font-weight:700;letter-spacing:-.02em; }
body.public-saas .lp-final-cta p{ color:#c3d1dc; }
body.public-saas .lp-final-cta .lp-btn.primary{ background:var(--x-gold);color:var(--x-navy); }

/* Footer */
body.public-saas .public-footer{ background:var(--x-navy);color:#c3d1dc;border-top:3px solid var(--x-gold); }
body.public-saas .public-footer-brand strong{ color:#fff; }
body.public-saas .public-footer a{ color:#c3d1dc; }
body.public-saas .public-footer a:hover{ color:#fff; }

/* ---- 7b. AUTH / LOGIN ---------------------------------------------------- */
body.enterprise-ui .workspace-login-brand{
  background:linear-gradient(180deg,var(--x-navy-2),var(--x-navy));position:relative;
}
body.enterprise-ui .workspace-login-brand::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--x-gold);
}
body.enterprise-ui .workspace-wordmark-mark{ background:var(--x-gold);color:var(--x-navy);font-weight:800; }
body.enterprise-ui .saas-kicker{ color:var(--x-gold);letter-spacing:.11em;font-weight:700;text-transform:uppercase;font-size:.72rem; }
body.enterprise-ui .workspace-login-message h1{ color:#fff;font-weight:700;letter-spacing:-.02em; }
body.enterprise-ui .workspace-login-message p{ color:#c3d1dc; }
body.enterprise-ui .workspace-login-benefits div span{ color:var(--x-gold);font-weight:800;font-variant-numeric:tabular-nums; }
body.enterprise-ui .workspace-login-benefits strong{ color:#eef3f7; }
body.enterprise-ui .workspace-login-benefits small{ color:#9fb2c1; }
body.enterprise-ui .workspace-login-card{
  border:1px solid var(--x-line);border-radius:var(--x-r-lg);box-shadow:var(--x-sh-2);
}
body.enterprise-ui .login-panel-header .eyebrow{ color:var(--x-blue); }
body.enterprise-ui .login-panel-header h2{ color:var(--x-ink);font-weight:700;letter-spacing:-.01em; }
body.enterprise-ui .workspace-login-submit{ background:var(--x-blue);border-radius:var(--x-r-sm);font-weight:650; }
body.enterprise-ui .workspace-login-submit:hover{ background:var(--x-blue-strong); }
body.enterprise-ui .password-toggle{ color:var(--x-blue);font-weight:650; }
body.enterprise-ui .workspace-login-security span{ color:var(--x-ok); }
body.enterprise-ui .workspace-login-help a{ color:var(--x-blue);font-weight:650; }

/* Generic auth-card fallback (error/verify pages) */
body.enterprise-ui .auth-card{ border-radius:var(--x-r-lg);box-shadow:var(--x-sh-2);border:1px solid var(--x-line); }

/* ============================================================================
   8. RESPONSIVE
   ========================================================================== */
@media (max-width:1180px){
  body.enterprise-ui .app-shell{ grid-template-columns:216px minmax(0,1fr); }
}
@media (max-width:880px){
  body.enterprise-ui .mobile-header{
    background:rgba(255,255,255,.94);border-bottom:1px solid var(--x-line);backdrop-filter:blur(8px);
  }
  body.enterprise-ui .mobile-title strong{ color:var(--x-ink);font-weight:700; }
  body.enterprise-ui .mobile-title small{ color:var(--x-ink-3); }
  body.enterprise-ui .icon-button,
  body.enterprise-ui .mobile-add{ border:1px solid var(--x-line);border-radius:var(--x-r-sm);background:var(--x-surface);color:var(--x-ink); }
  body.enterprise-ui .tablet-quick-nav{ border-bottom:1px solid var(--x-line);background:var(--x-surface); }
  body.enterprise-ui .tablet-quick-nav a{ color:var(--x-ink-2);font-weight:600; }
  body.enterprise-ui .tablet-quick-nav a.active{ color:var(--x-navy);border-bottom-color:var(--x-gold); }
}
@media (max-width:720px){
  /* Refine the EXISTING mobile card mechanism (app.js + app-mobile.css) visually */
  body.enterprise-ui .mobile-card-table tbody tr{
    border:1px solid var(--x-line)!important;border-radius:var(--x-r)!important;
    background:var(--x-surface)!important;box-shadow:var(--x-sh-1);
  }
  body.enterprise-ui .mobile-card-table tbody tr:nth-child(even) td{ background:transparent!important; }
  body.enterprise-ui .mobile-card-table tbody tr:hover td{ background:transparent!important;box-shadow:none!important; }
  body.enterprise-ui .mobile-card-table td{ border-bottom-color:var(--x-surface-3)!important; }
  body.enterprise-ui .mobile-card-table td::before{
    color:var(--x-ink-3)!important;font-weight:700!important;text-transform:uppercase!important;
    letter-spacing:.05em!important;font-size:.72rem!important;
  }
  body.enterprise-ui .mobile-card-table td:first-child{ color:var(--x-ink)!important;box-shadow:none!important; }
}
@media (max-width:760px){
  body.enterprise-ui .mobile-bottom-nav{
    background:rgba(255,255,255,.96);border-top:1px solid var(--x-line);backdrop-filter:blur(8px);
  }
  body.enterprise-ui .mobile-bottom-nav a,
  body.enterprise-ui .mobile-bottom-nav button{ color:var(--x-ink-3); }
  body.enterprise-ui .mobile-bottom-nav a.active{ color:var(--x-blue); }
  body.enterprise-ui .r73-filter-bar{ grid-template-columns:1fr; }
  body.enterprise-ui .r73-result-count{ justify-self:start; }
}

/* ============================================================================
   9. ACCESSIBILITY
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  body.enterprise-ui *,
  body.public-saas *{ transition:none!important;animation:none!important; }
}
body.public-saas .skip-link:focus,
body.enterprise-ui .skip-link:focus{ outline:2px solid var(--x-focus);outline-offset:2px; }

/* ============================================================================
   CommerceFlow r7.7.6.1 — precision UI correction layer
   Fixes additive-style conflicts found during live visual acceptance testing.
   No business logic, data, routing, or security behavior is changed.
   ========================================================================== */

/* 1) Sidebar primary action: restore clear contrast and one visual language. */
body.enterprise-ui .primary-action{
  border:1px solid var(--x-blue);
  background:var(--x-blue);
  color:#fff;
}
body.enterprise-ui .primary-action svg{
  color:inherit;
  stroke:currentColor;
}
body.enterprise-ui .primary-action:hover{
  border-color:var(--x-blue-strong);
  background:var(--x-blue-strong);
  color:#fff;
}

/* 2) Password controls: integrated field + visible Show/Hide button. */
body.enterprise-ui .password-field{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  width:100%;
}
body.enterprise-ui .password-field input{
  width:100%;
  min-width:0;
  padding-right:12px;
  border-radius:var(--x-r-sm) 0 0 var(--x-r-sm);
}
body.enterprise-ui .password-field .password-toggle{
  position:static;
  inset:auto;
  width:auto;
  min-width:66px;
  min-height:40px;
  margin:0;
  padding:7px 12px;
  border:1px solid var(--x-line-strong);
  border-left:0;
  border-radius:0 var(--x-r-sm) var(--x-r-sm) 0;
  background:var(--x-surface-3);
  color:var(--x-ink-2);
  box-shadow:none;
  font-size:.76rem;
  font-weight:700;
  line-height:1;
}
body.enterprise-ui .password-field .password-toggle:hover{
  border-color:var(--x-line-strong);
  background:#e4e9ed;
  color:var(--x-ink);
}
body.enterprise-ui .password-field input:focus{
  position:relative;
  z-index:1;
}

/* 3) Customer-order search bar: balanced controls and readable count. */
body.enterprise-ui .r75-customer-filter{
  grid-template-columns:minmax(280px,1fr) auto auto;
  gap:12px;
  align-items:end;
}
body.enterprise-ui .r75-customer-filter .r73-filter-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
body.enterprise-ui .r75-customer-filter .r73-filter-actions .button{
  min-width:92px;
}
body.enterprise-ui .r75-customer-filter .r73-result-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 10px;
  border:1px solid #c9d9e5;
  border-radius:999px;
  background:#f3f8fb;
  color:#526775;
  white-space:nowrap;
}

/* 4) Customer-order register: no clipped date, disciplined actions, contained scroll. */
body.enterprise-ui .r74-customer-order-table{
  min-width:1080px;
  table-layout:fixed;
}
body.enterprise-ui .r74-customer-order-table th:nth-child(1){width:120px}
body.enterprise-ui .r74-customer-order-table th:nth-child(2){width:86px}
body.enterprise-ui .r74-customer-order-table th:nth-child(3){width:145px}
body.enterprise-ui .r74-customer-order-table th:nth-child(4){width:130px}
body.enterprise-ui .r74-customer-order-table th:nth-child(5){width:90px}
body.enterprise-ui .r74-customer-order-table th:nth-child(6){width:100px}
body.enterprise-ui .r74-customer-order-table th:nth-child(7){width:90px}
body.enterprise-ui .r74-customer-order-table th:nth-child(8){width:105px}
body.enterprise-ui .r74-customer-order-table th:last-child{width:214px}
body.enterprise-ui .r74-customer-order-table th,
body.enterprise-ui .r74-customer-order-table td{
  padding:11px 10px;
}
body.enterprise-ui .r74-customer-order-table td{
  overflow:hidden;
  text-overflow:ellipsis;
}
body.enterprise-ui .r74-customer-order-table td>strong,
body.enterprise-ui .r74-customer-order-table td>small,
body.enterprise-ui .r74-customer-order-table td>time{
  display:block;
  min-width:0;
}
body.enterprise-ui .r74-customer-order-table td>small{
  margin-top:3px;
  overflow:hidden;
  color:var(--x-ink-3);
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.enterprise-ui .r74-customer-order-table td:nth-child(2) time{
  font-size:.76rem;
  white-space:nowrap;
}
body.enterprise-ui .r74-customer-order-table .r73-actions-cell{
  overflow:visible;
  padding:9px;
}
body.enterprise-ui .r74-customer-order-table .r73-row-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:6px;
}
body.enterprise-ui .r74-customer-order-table .r73-row-actions>*{
  min-width:0;
  width:100%;
}
body.enterprise-ui .r74-customer-order-table .r73-row-actions form,
body.enterprise-ui .r74-customer-order-table .r73-row-actions details{
  margin:0;
}
body.enterprise-ui .r74-customer-order-table .r73-action{
  width:100%;
  min-height:30px;
  justify-content:center;
  padding:5px 7px;
  overflow:hidden;
  font-size:.72rem;
  line-height:1.15;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* 5) Customer form: keep helper copy and submit action inside the panel. */
body.enterprise-ui .cf-customer-form-panel>header{
  padding:17px 16px;
}
body.enterprise-ui .cf-customer-form{
  gap:14px;
  padding:16px;
}
body.enterprise-ui .cf-customer-form textarea{
  min-height:108px;
}
body.enterprise-ui .cf-customer-form .cf-form-footer{
  position:static;
  bottom:auto;
  z-index:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:64px;
  margin:4px -16px -16px;
  padding:13px 16px;
  border:0;
  border-top:1px solid var(--x-line);
  border-radius:0 0 var(--x-r-lg) var(--x-r-lg);
  background:var(--x-surface-2);
  box-shadow:none;
  backdrop-filter:none;
}
body.enterprise-ui .cf-customer-form .cf-form-footer span{
  min-width:0;
  margin:0;
  color:var(--x-ink-3);
  font-size:.72rem;
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.enterprise-ui .cf-customer-form .cf-form-footer .button{
  min-width:122px;
  max-width:150px;
  white-space:normal;
}

/* 6) Settings: remove sticky-bar side effects and tighten destructive disclosure. */
body.enterprise-ui .settings-profile-card .form-action-bar{
  position:static;
  bottom:auto;
  z-index:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,180px);
  align-items:center;
  gap:16px;
  margin-top:18px;
  padding:16px 0 0;
  border:0;
  border-top:1px solid var(--x-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
body.enterprise-ui .settings-profile-card .form-action-bar>span{
  min-width:0;
  color:var(--x-ink-3);
  font-size:.78rem;
  line-height:1.4;
}
body.enterprise-ui .settings-profile-card .form-action-bar button{
  width:100%;
  min-width:0;
}
body.enterprise-ui details.card.protected-danger{
  min-height:0;
  padding:0;
  overflow:hidden;
}
body.enterprise-ui details.card.protected-danger>summary{
  min-height:86px;
  padding:17px 20px;
}
body.enterprise-ui details.card.protected-danger>summary>div{
  gap:3px;
}
body.enterprise-ui details.card.protected-danger[open]>summary{
  border-bottom:1px solid #f1d2d2;
}
body.enterprise-ui details.card.protected-danger .detail-body{
  border-top:0;
}

/* 7) Public assurances: render real checkmarks, never colored blocks. */
body.public-saas .lp-hero-proof span::before{
  content:"✓";
  display:inline;
  width:auto;
  height:auto;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent!important;
  color:var(--x-gold)!important;
  font-size:.9rem;
  font-weight:800;
  line-height:1;
}

/* 8) Responsive precision for corrected components. */
@media(max-width:980px){
  body.enterprise-ui .r75-customer-filter{
    grid-template-columns:1fr auto;
  }
  body.enterprise-ui .r75-customer-filter .r73-filter-search{
    grid-column:1/-1;
  }
  body.enterprise-ui .r75-customer-filter .r73-result-count{
    justify-self:end;
  }
}
@media(max-width:720px){
  body.enterprise-ui .r75-customer-filter{
    grid-template-columns:1fr;
  }
  body.enterprise-ui .r75-customer-filter>*{
    grid-column:auto;
  }
  body.enterprise-ui .r75-customer-filter .r73-filter-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  body.enterprise-ui .r75-customer-filter .r73-filter-actions .button{
    width:100%;
    min-width:0;
  }
  body.enterprise-ui .r75-customer-filter .r73-result-count{
    justify-self:start;
  }
  body.enterprise-ui .cf-customer-form .cf-form-footer,
  body.enterprise-ui .settings-profile-card .form-action-bar{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  body.enterprise-ui .cf-customer-form .cf-form-footer .button{
    width:100%;
    max-width:none;
  }
  body.enterprise-ui details.card.protected-danger>summary{
    min-height:78px;
    padding:15px 16px;
  }
}

/* 9) Public header: restore visible product identity and balanced enterprise navigation. */
body.public-saas .public-header{
  min-height:72px;
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);
  align-items:center;
  gap:24px;
  padding:10px max(24px,calc((100vw - 1240px)/2));
  border-bottom:1px solid var(--x-line);
  background:rgba(255,255,255,.96);
  color:var(--x-ink);
  box-shadow:0 8px 24px rgba(9,24,39,.08);
  backdrop-filter:saturate(1.25) blur(10px);
}
body.public-saas .public-brand{
  display:inline-flex;
  width:max-content;
  min-width:0;
  align-items:center;
  gap:12px;
  color:var(--x-ink);
  text-decoration:none;
}
body.public-saas .public-brand>span:last-child{
  display:grid;
  min-width:0;
  gap:3px;
}
body.public-saas .public-brand strong{
  display:block;
  color:var(--x-navy);
  font-size:.96rem;
  font-weight:750;
  line-height:1.1;
  letter-spacing:-.01em;
}
body.public-saas .public-brand small{
  display:block;
  color:var(--x-ink-3);
  font-size:.63rem;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.public-saas .public-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
}
body.public-saas .public-nav a{
  color:var(--x-ink-2);
  font-size:.82rem;
  font-weight:650;
  text-decoration:none;
  white-space:nowrap;
}
body.public-saas .public-nav a:hover{color:var(--x-navy)}
body.public-saas .public-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
body.public-saas .public-login-cta,
body.public-saas .public-header-cta{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:8px 13px;
  border-radius:var(--x-r-sm);
  font-size:.76rem;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
body.public-saas .public-login-cta{
  border:1px solid var(--x-line-strong);
  background:#fff;
  color:var(--x-navy);
}
body.public-saas .public-login-cta:hover{
  border-color:var(--x-blue);
  background:var(--x-blue-soft);
  color:var(--x-blue-strong);
}
body.public-saas .public-header-cta{
  border:1px solid var(--x-blue);
  background:var(--x-blue);
  color:#fff;
}
body.public-saas .public-header-cta:hover{
  border-color:var(--x-blue-strong);
  background:var(--x-blue-strong);
  color:#fff;
}
@media(max-width:980px){
  body.public-saas .public-header{
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
  }
  body.public-saas .public-nav{display:none}
  body.public-saas .public-header-actions{display:flex;width:auto}
}
@media(max-width:720px){
  body.public-saas .public-header{
    min-height:64px;
    gap:8px;
    padding:8px 12px;
  }
  body.public-saas .public-brand{gap:8px}
  body.public-saas .public-brand-mark{
    width:32px;
    height:32px;
    flex:0 0 32px;
  }
  body.public-saas .public-brand strong{font-size:.8rem}
  body.public-saas .public-brand small{display:none}
  body.public-saas .public-header-actions{gap:6px}
  body.public-saas .public-login-cta,
  body.public-saas .public-header-cta{
    min-height:38px;
    padding:7px 9px;
    font-size:.66rem;
  }
}
@media(max-width:430px){
  body.public-saas .public-brand strong{font-size:.74rem}
  body.public-saas .public-login-cta{display:none!important}
  body.public-saas .public-header-cta{min-width:104px}
}

/* ============================================================================
   CommerceFlow r7.7.6.2 — precision data-register refinement
   Keeps the enterprise visual system while making row actions fully visible,
   stable, and laptop-friendly in Customer Orders and SHEIN Orders.
   ========================================================================== */

@media (min-width: 721px) {
  /* A table cell must remain a table cell. The generic flex rule caused the
     right-most column to escape the table layout and be clipped by the scroller. */
  body.enterprise-ui .r74-customer-order-table td.r73-actions-cell,
  body.enterprise-ui .r74-shein-order-table td.r73-actions-cell {
    display: table-cell;
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
    vertical-align: middle;
  }

  /* Keep the operational action column visible while the data columns scroll. */
  body.enterprise-ui .r74-customer-order-table th:last-child,
  body.enterprise-ui .r74-customer-order-table td:last-child,
  body.enterprise-ui .r74-shein-order-table th:last-child,
  body.enterprise-ui .r74-shein-order-table td:last-child {
    position: sticky;
    right: 0;
    z-index: 4;
    border-left: 1px solid var(--x-line-strong);
    box-shadow: -10px 0 18px -16px rgba(9,24,39,.55);
  }
  body.enterprise-ui .r74-customer-order-table th:last-child,
  body.enterprise-ui .r74-shein-order-table th:last-child {
    z-index: 6;
    background: var(--x-surface-3);
  }
  body.enterprise-ui .r74-customer-order-table tbody tr:nth-child(odd) td:last-child,
  body.enterprise-ui .r74-shein-order-table tbody tr:nth-child(odd) td:last-child {
    background: var(--x-surface);
  }
  body.enterprise-ui .r74-customer-order-table tbody tr:nth-child(even) td:last-child,
  body.enterprise-ui .r74-shein-order-table tbody tr:nth-child(even) td:last-child {
    background: var(--x-surface-2);
  }
  body.enterprise-ui .r74-customer-order-table tbody tr:hover td:last-child,
  body.enterprise-ui .r74-shein-order-table tbody tr:hover td:last-child {
    background: var(--x-blue-tint);
  }

  /* Reduce unnecessary overflow on normal laptops without crushing content. */
  body.enterprise-ui .r74-customer-order-table {
    min-width: 1000px;
  }
  body.enterprise-ui .r74-customer-order-table th:nth-child(1){width:112px}
  body.enterprise-ui .r74-customer-order-table th:nth-child(2){width:82px}
  body.enterprise-ui .r74-customer-order-table th:nth-child(3){width:138px}
  body.enterprise-ui .r74-customer-order-table th:nth-child(4){width:116px}
  body.enterprise-ui .r74-customer-order-table th:nth-child(5){width:84px}
  body.enterprise-ui .r74-customer-order-table th:nth-child(6){width:92px}
  body.enterprise-ui .r74-customer-order-table th:nth-child(7){width:82px}
  body.enterprise-ui .r74-customer-order-table th:nth-child(8){width:96px}
  body.enterprise-ui .r74-customer-order-table th:last-child{width:198px}

  body.enterprise-ui .r74-shein-order-table {
    min-width: 1020px;
  }
  body.enterprise-ui .r74-shein-order-table th:nth-child(1){width:132px}
  body.enterprise-ui .r74-shein-order-table th:nth-child(2){width:78px}
  body.enterprise-ui .r74-shein-order-table th:nth-child(3){width:96px}
  body.enterprise-ui .r74-shein-order-table th:nth-child(4){width:66px}
  body.enterprise-ui .r74-shein-order-table th:nth-child(5){width:60px}
  body.enterprise-ui .r74-shein-order-table th:nth-child(6){width:98px}
  body.enterprise-ui .r74-shein-order-table th:nth-child(7){width:96px}
  body.enterprise-ui .r74-shein-order-table th:nth-child(8){width:116px}
  body.enterprise-ui .r74-shein-order-table th:nth-child(9){width:78px}
  body.enterprise-ui .r74-shein-order-table th:last-child{width:200px}

  /* Customer order actions: two equal, complete controls — no ellipsis. */
  body.enterprise-ui .r74-customer-order-table .r73-actions-cell {
    padding: 9px 10px;
  }
  body.enterprise-ui .r74-customer-order-table .r73-row-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 6px;
    width: 100%;
  }
  body.enterprise-ui .r74-customer-order-table .r73-row-actions > *,
  body.enterprise-ui .r74-customer-order-table .r73-row-actions form,
  body.enterprise-ui .r74-customer-order-table .r73-row-actions details {
    width: 100%;
    min-width: 0;
    margin: 0;
  }
  body.enterprise-ui .r74-customer-order-table .r73-action {
    width: 100%;
    min-width: 0;
    min-height: 31px;
    padding: 5px 6px;
    overflow: visible;
    font-size: .68rem;
    line-height: 1.15;
    text-overflow: clip;
    white-space: nowrap;
  }

  /* SHEIN register actions: contained two-column command group. */
  body.enterprise-ui .r74-shein-order-table .r73-actions-cell {
    padding: 9px 10px;
  }
  body.enterprise-ui .r74-shein-order-table .cf-row-action-group {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: stretch;
    gap: 6px;
    width: 100%;
  }
  body.enterprise-ui .r74-shein-order-table .cf-row-action-group > *,
  body.enterprise-ui .r74-shein-order-table .cf-row-action-group > details,
  body.enterprise-ui .r74-shein-order-table .cf-row-action-group > a {
    width: 100%;
    min-width: 0;
    margin: 0;
  }
  body.enterprise-ui .r74-shein-order-table .cf-row-action {
    width: 100%;
    min-width: 0;
    min-height: 32px;
    padding: 6px 7px;
    box-sizing: border-box;
    font-size: .67rem;
    overflow: visible;
  }
  body.enterprise-ui .r74-shein-order-table .cf-row-action > span:first-child {
    min-width: 0;
  }
  body.enterprise-ui .r74-shein-order-table .cf-row-menu[open],
  body.enterprise-ui .r74-shein-order-table .cf-payment-popover[open] {
    grid-column: 1 / -1;
  }
  body.enterprise-ui .r74-shein-order-table .cf-row-menu-panel {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Remove the unnecessary permanent vertical gutter visible on one-row tables. */
  body.enterprise-ui .r74-customer-orders .r73-table-scroll,
  body.enterprise-ui .r74-purchase-orders .r73-table-scroll {
    scrollbar-gutter: auto;
  }
}

@media (min-width: 721px) and (max-width: 1100px) {
  body.enterprise-ui .r74-customer-order-table { min-width: 980px; }
  body.enterprise-ui .r74-shein-order-table { min-width: 1000px; }
}

@media (max-width: 720px) {
  /* Mobile card mode owns positioning and layout. */
  body.enterprise-ui .r74-customer-order-table th:last-child,
  body.enterprise-ui .r74-customer-order-table td:last-child,
  body.enterprise-ui .r74-shein-order-table th:last-child,
  body.enterprise-ui .r74-shein-order-table td:last-child {
    position: static;
    right: auto;
    box-shadow: none;
  }
  body.enterprise-ui .r74-shein-order-table .cf-row-action-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
  }
  body.enterprise-ui .r74-shein-order-table .cf-row-action-group > *,
  body.enterprise-ui .r74-shein-order-table .cf-row-action {
    width: 100%;
    max-width: none;
  }
}