/* CBX Envíos Propios Woo · v112
   Premium SaaS dashboard · Glassmorphism · Orange accent (#F97316)
   Light por defecto + dark mode opcional via [data-cbxep-theme="dark"] en .cbxep-app-root
   Mantiene 1:1 los nombres de clase del SPA v111. */

/* ───────────── Tokens (Light) ───────────── */
.cbxep-app-root{
  --cbxep-acc:#F97316;
  --cbxep-acc-hover:#EA580C;
  --cbxep-acc-strong:#C2410C;
  --cbxep-acc-soft:rgba(249,115,22,.10);
  --cbxep-acc-soft-2:rgba(249,115,22,.18);
  --cbxep-acc-ring:rgba(249,115,22,.32);
  --cbxep-acc-grad:linear-gradient(135deg,#FB923C 0%,#F97316 50%,#EA580C 100%);
  --cbxep-acc-glow:0 14px 32px -10px rgba(249,115,22,.55),0 4px 12px -2px rgba(249,115,22,.25);

  --cbxep-bg:#f4f5fb;
  --cbxep-bg-mesh-1:rgba(249,115,22,.16);
  --cbxep-bg-mesh-2:rgba(99,102,241,.10);
  --cbxep-bg-mesh-3:rgba(56,189,248,.10);
  --cbxep-bg-grid:rgba(15,23,42,.04);

  --cbxep-surface:rgba(255,255,255,.74);
  --cbxep-surface-strong:rgba(255,255,255,.92);
  --cbxep-surface-soft:rgba(255,255,255,.55);
  --cbxep-surface-input:rgba(255,255,255,.85);
  --cbxep-surface-quiet:rgba(248,250,252,.85);

  --cbxep-border:rgba(15,23,42,.08);
  --cbxep-border-strong:rgba(15,23,42,.14);
  --cbxep-border-input:rgba(15,23,42,.12);

  --cbxep-text:#0b1220;
  --cbxep-text-strong:#020617;
  --cbxep-muted:#5b6878;
  --cbxep-muted-strong:#3f4a5b;

  --cbxep-shadow-sm:0 1px 2px rgba(15,23,42,.05),0 1px 1px rgba(15,23,42,.02);
  --cbxep-shadow-md:0 10px 28px -12px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.05);
  --cbxep-shadow-lg:0 24px 56px -18px rgba(15,23,42,.32),0 8px 18px -8px rgba(15,23,42,.10);
  --cbxep-shadow-modal:0 36px 80px -20px rgba(15,23,42,.40),0 16px 32px -16px rgba(15,23,42,.20);
  --cbxep-shadow-inner:inset 0 1px 0 rgba(255,255,255,.6);

  --cbxep-success:#10b981;
  --cbxep-success-soft:rgba(16,185,129,.12);
  --cbxep-success-border:rgba(16,185,129,.30);
  --cbxep-warn:#f59e0b;
  --cbxep-warn-soft:rgba(245,158,11,.12);
  --cbxep-warn-border:rgba(245,158,11,.30);
  --cbxep-danger:#ef4444;
  --cbxep-danger-soft:rgba(239,68,68,.10);
  --cbxep-danger-border:rgba(239,68,68,.28);
  --cbxep-info:#0ea5e9;
  --cbxep-info-soft:rgba(14,165,233,.10);
  --cbxep-info-border:rgba(14,165,233,.28);

  --cbxep-radius-xs:8px;
  --cbxep-radius-sm:10px;
  --cbxep-radius-md:14px;
  --cbxep-radius-lg:20px;
  --cbxep-radius-xl:28px;
  --cbxep-radius-pill:999px;

  --cbxep-blur-card:saturate(180%) blur(18px);
  --cbxep-blur-modal:saturate(180%) blur(30px);

  --cbxep-trans-fast:120ms cubic-bezier(.2,.8,.2,1);
  --cbxep-trans:220ms cubic-bezier(.2,.8,.2,1);
  --cbxep-trans-slow:380ms cubic-bezier(.2,.8,.2,1);

  --cbxep-panel-max-height:calc(100vh - 250px);
  --cbxep-customers-max-height:calc(100vh - 230px);

  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--cbxep-text);
  position:relative;
  isolation:isolate;
}

/* ───────────── Tokens (Dark) ───────────── */
.cbxep-app-root[data-cbxep-theme="dark"]{
  --cbxep-acc:#FB923C;
  --cbxep-acc-hover:#FDBA74;
  --cbxep-acc-strong:#FED7AA;
  --cbxep-acc-soft:rgba(251,146,60,.14);
  --cbxep-acc-soft-2:rgba(251,146,60,.24);
  --cbxep-acc-ring:rgba(251,146,60,.40);
  --cbxep-acc-grad:linear-gradient(135deg,#FDBA74 0%,#FB923C 50%,#F97316 100%);
  --cbxep-acc-glow:0 16px 36px -10px rgba(251,146,60,.55),0 4px 12px -2px rgba(251,146,60,.30);

  --cbxep-bg:#070b18;
  --cbxep-bg-mesh-1:rgba(251,146,60,.18);
  --cbxep-bg-mesh-2:rgba(99,102,241,.18);
  --cbxep-bg-mesh-3:rgba(56,189,248,.10);
  --cbxep-bg-grid:rgba(255,255,255,.04);

  --cbxep-surface:rgba(15,23,42,.55);
  --cbxep-surface-strong:rgba(15,23,42,.85);
  --cbxep-surface-soft:rgba(15,23,42,.35);
  --cbxep-surface-input:rgba(15,23,42,.55);
  --cbxep-surface-quiet:rgba(15,23,42,.45);

  --cbxep-border:rgba(255,255,255,.08);
  --cbxep-border-strong:rgba(255,255,255,.16);
  --cbxep-border-input:rgba(255,255,255,.12);

  --cbxep-text:#f1f5f9;
  --cbxep-text-strong:#ffffff;
  --cbxep-muted:#94a3b8;
  --cbxep-muted-strong:#cbd5e1;

  --cbxep-shadow-sm:0 1px 2px rgba(0,0,0,.45);
  --cbxep-shadow-md:0 10px 28px -12px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.30);
  --cbxep-shadow-lg:0 28px 60px -18px rgba(0,0,0,.65),0 8px 18px -8px rgba(0,0,0,.35);
  --cbxep-shadow-modal:0 40px 90px -20px rgba(0,0,0,.75),0 16px 32px -16px rgba(0,0,0,.45);
  --cbxep-shadow-inner:inset 0 1px 0 rgba(255,255,255,.05);

  --cbxep-success:#34d399;
  --cbxep-success-soft:rgba(52,211,153,.14);
  --cbxep-success-border:rgba(52,211,153,.32);
  --cbxep-warn:#fbbf24;
  --cbxep-warn-soft:rgba(251,191,36,.14);
  --cbxep-warn-border:rgba(251,191,36,.32);
  --cbxep-danger:#f87171;
  --cbxep-danger-soft:rgba(248,113,113,.14);
  --cbxep-danger-border:rgba(248,113,113,.32);
  --cbxep-info:#38bdf8;
  --cbxep-info-soft:rgba(56,189,248,.14);
  --cbxep-info-border:rgba(56,189,248,.32);

  color-scheme:dark;
}

/* ───────────── Background atmosphere ───────────── */
.cbxep-app-root::before,
.cbxep-app-root::after{
  content:"";
  position:absolute;
  inset:-30% -10% auto -10%;
  height:520px;
  pointer-events:none;
  z-index:-1;
  filter:blur(60px);
  opacity:.85;
  transition:opacity var(--cbxep-trans-slow);
}
.cbxep-app-root::before{
  background:
    radial-gradient(40% 40% at 12% 18%, var(--cbxep-bg-mesh-1) 0%, transparent 70%),
    radial-gradient(35% 35% at 85% 6%, var(--cbxep-bg-mesh-2) 0%, transparent 70%),
    radial-gradient(45% 45% at 50% 0%, var(--cbxep-bg-mesh-3) 0%, transparent 65%);
}
.cbxep-app-root::after{
  inset:auto -10% -30% -10%;
  height:380px;
  background:
    radial-gradient(35% 50% at 20% 90%, var(--cbxep-bg-mesh-2) 0%, transparent 70%),
    radial-gradient(40% 50% at 80% 100%, var(--cbxep-bg-mesh-1) 0%, transparent 70%);
  opacity:.6;
}

/* Hide legacy slots that the SPA still ships hidden */
.cbxep-topbar,.cbxep-brand,.cbxep-title,.cbxep-subtitle{display:none !important;}

/* ───────────── Shell ───────────── */
.cbxep-shell{
  background:var(--cbxep-bg);
  background-image:
    linear-gradient(180deg,transparent 0%,var(--cbxep-bg) 100%),
    repeating-linear-gradient(0deg,var(--cbxep-bg-grid) 0 1px,transparent 1px 48px),
    repeating-linear-gradient(90deg,var(--cbxep-bg-grid) 0 1px,transparent 1px 48px);
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-xl);
  padding:18px 20px 22px;
  box-shadow:var(--cbxep-shadow-md);
  margin:8px 0 24px;
  position:relative;
  overflow:hidden;
}
.cbxep-app-root[data-cbxep-theme="dark"] .cbxep-shell{
  background:var(--cbxep-bg);
  background-image:
    linear-gradient(180deg,rgba(7,11,24,.6) 0%,var(--cbxep-bg) 100%),
    repeating-linear-gradient(0deg,var(--cbxep-bg-grid) 0 1px,transparent 1px 48px),
    repeating-linear-gradient(90deg,var(--cbxep-bg-grid) 0 1px,transparent 1px 48px);
}

/* ───────────── Loading & guard ───────────── */
.cbxep-loading,
.cbxep-guard{
  background:var(--cbxep-surface);
  backdrop-filter:var(--cbxep-blur-card);
  -webkit-backdrop-filter:var(--cbxep-blur-card);
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-lg);
  padding:32px;
  text-align:center;
  color:var(--cbxep-muted);
  font-weight:500;
  letter-spacing:.01em;
  animation:cbxep-fade-up .4s ease both;
}
.cbxep-loading::after{
  content:"";
  display:block;
  width:28px;height:28px;
  margin:14px auto 0;
  border-radius:50%;
  border:3px solid var(--cbxep-acc-soft);
  border-top-color:var(--cbxep-acc);
  animation:cbxep-spin .9s linear infinite;
}

/* ───────────── Topbar v2 (brand + nav + theme) ───────────── */
.cbxep-topbar-v2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:6px 4px 14px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
.cbxep-brand-v2{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.cbxep-brand-v2__mark{
  width:38px;height:38px;
  border-radius:12px;
  background:var(--cbxep-acc-grad);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;
  font-size:13px;
  letter-spacing:.04em;
  box-shadow:var(--cbxep-acc-glow),var(--cbxep-shadow-inner);
  flex-shrink:0;
}
.cbxep-brand-v2__name{
  font-weight:800;
  font-size:15px;
  letter-spacing:-.01em;
  color:var(--cbxep-text-strong);
}
.cbxep-brand-v2__name small{
  display:block;
  font-size:11px;
  font-weight:600;
  color:var(--cbxep-muted);
  letter-spacing:.02em;
  margin-top:1px;
}
.cbxep-topbar-v2__actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
.cbxep-theme-toggle{
  appearance:none;
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface);
  backdrop-filter:var(--cbxep-blur-card);
  -webkit-backdrop-filter:var(--cbxep-blur-card);
  width:40px;height:40px;
  border-radius:var(--cbxep-radius-pill);
  display:inline-flex;
  align-items:center;justify-content:center;
  color:var(--cbxep-muted-strong);
  cursor:pointer;
  transition:all var(--cbxep-trans);
  position:relative;
  overflow:hidden;
}
.cbxep-theme-toggle:hover{
  color:var(--cbxep-acc);
  border-color:var(--cbxep-acc-ring);
  transform:translateY(-1px);
  box-shadow:var(--cbxep-shadow-sm);
}
.cbxep-theme-toggle:active{transform:translateY(0);}
.cbxep-theme-toggle svg{width:18px;height:18px;}
.cbxep-theme-toggle .cbxep-icon-sun{display:block;}
.cbxep-theme-toggle .cbxep-icon-moon{display:none;}
.cbxep-app-root[data-cbxep-theme="dark"] .cbxep-theme-toggle .cbxep-icon-sun{display:none;}
.cbxep-app-root[data-cbxep-theme="dark"] .cbxep-theme-toggle .cbxep-icon-moon{display:block;}

/* ───────────── Top action chips & misc legacy ───────────── */
.cbxep-top-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end;justify-content:flex-end;}
.cbxep-switcher{min-width:320px;}
.cbxep-help{margin-top:6px;font-size:12px;color:var(--cbxep-muted);}

/* ───────────── Labels ───────────── */
.cbxep-label{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:700;
  color:var(--cbxep-muted);
  text-transform:uppercase;
  letter-spacing:.06em;
}

/* ───────────── Chips & tabs (legacy) ───────────── */
.cbxep-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
.cbxep-chip{
  background:var(--cbxep-surface);
  backdrop-filter:var(--cbxep-blur-card);
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-pill);
  padding:9px 14px;
  display:flex;align-items:baseline;gap:8px;
}
.cbxep-chip__label{font-size:11px;color:var(--cbxep-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.cbxep-chip__value{font-size:14px;font-weight:800;}

.cbxep-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.cbxep-tab{
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface);
  backdrop-filter:var(--cbxep-blur-card);
  color:var(--cbxep-text);
  border-radius:var(--cbxep-radius-pill);
  padding:9px 16px;
  font-weight:700;
  cursor:pointer;
  transition:all var(--cbxep-trans);
}
.cbxep-tab:hover{color:var(--cbxep-acc);border-color:var(--cbxep-acc-ring);}
.cbxep-tab.is-active{
  background:var(--cbxep-acc-soft);
  border-color:var(--cbxep-acc-ring);
  color:var(--cbxep-acc-strong);
}

/* ───────────── Grid layouts ───────────── */
.cbxep-grid{display:grid;gap:16px;}
.cbxep-grid--2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.cbxep-grid--single{grid-template-columns:minmax(0,1fr);}

/* ───────────── Cards ───────────── */
.cbxep-card{
  background:var(--cbxep-surface);
  backdrop-filter:var(--cbxep-blur-card);
  -webkit-backdrop-filter:var(--cbxep-blur-card);
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-lg);
  box-shadow:var(--cbxep-shadow-md),var(--cbxep-shadow-inner);
  overflow:hidden;
  position:relative;
  transition:transform var(--cbxep-trans),box-shadow var(--cbxep-trans),border-color var(--cbxep-trans);
  animation:cbxep-fade-up .35s ease both;
}
.cbxep-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,transparent 30%);
  mix-blend-mode:overlay;
  opacity:.6;
}
.cbxep-app-root[data-cbxep-theme="dark"] .cbxep-card::before{
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 35%);
  mix-blend-mode:screen;
}
.cbxep-card--soft{background:var(--cbxep-surface-soft);}
.cbxep-card--error{
  border-color:var(--cbxep-danger-border);
  background:var(--cbxep-danger-soft);
}

.cbxep-card__head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  padding:18px 20px;
  border-bottom:1px solid var(--cbxep-border);
  position:relative;
  z-index:1;
}
.cbxep-card__head h3{
  margin:0 0 4px;
  font-size:17px;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--cbxep-text-strong);
}
.cbxep-card__head p{margin:0;font-size:13px;color:var(--cbxep-muted);}
.cbxep-card__head--compact{align-items:center;}

.cbxep-head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.cbxep-head-actions--wide{width:auto;justify-content:flex-end;}

.cbxep-inline-head{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.cbxep-inline-head h4{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--cbxep-text-strong);}

.cbxep-inline-box{
  padding:16px 20px;
  border-bottom:1px solid var(--cbxep-border);
  display:flex;flex-direction:column;gap:10px;
  position:relative;z-index:1;
}
.cbxep-meta-line{
  padding:0 20px 16px;
  display:flex;flex-wrap:wrap;gap:12px;
  color:var(--cbxep-muted);
  font-size:13px;
  position:relative;z-index:1;
}
.cbxep-meta-line strong{color:var(--cbxep-text);}

.cbxep-note,
.cbxep-note-box{
  background:var(--cbxep-surface-quiet);
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-md);
  padding:12px 14px;
  color:var(--cbxep-muted);
  font-size:13px;
}
.cbxep-note-box{margin:0 20px 20px;}

/* ───────────── Inputs ───────────── */
.cbxep-input{
  width:100%;
  box-sizing:border-box;
  min-width:0;
  padding:11px 13px;
  border:1px solid var(--cbxep-border-input);
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface-input);
  backdrop-filter:saturate(160%) blur(8px);
  -webkit-backdrop-filter:saturate(160%) blur(8px);
  color:var(--cbxep-text);
  font-family:inherit;
  font-size:13.5px;
  transition:border-color var(--cbxep-trans),box-shadow var(--cbxep-trans),background var(--cbxep-trans);
}
.cbxep-input::placeholder{color:var(--cbxep-muted);opacity:.7;}
.cbxep-input:hover{border-color:var(--cbxep-border-strong);}
.cbxep-input:focus{
  outline:none;
  border-color:var(--cbxep-acc);
  box-shadow:0 0 0 4px var(--cbxep-acc-ring);
  background:var(--cbxep-surface-strong);
}
.cbxep-textarea{resize:vertical;min-height:90px;line-height:1.5;}
.cbxep-input--compact{padding-top:9px;padding-bottom:9px;}

/* Forms */
.cbxep-form-stack{padding:18px 20px 20px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1;}
.cbxep-form-stack--compact{gap:14px;}
.cbxep-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.cbxep-span-2{grid-column:1 / -1;}
.cbxep-default-wrap{display:flex;flex-direction:column;justify-content:flex-end;}
.cbxep-form-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.cbxep-compact-actions{justify-content:flex-start;}

/* ───────────── Buttons ───────────── */
.cbxep-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:var(--cbxep-radius-md);
  padding:10px 16px;
  font-family:inherit;
  font-size:13px;
  font-weight:700;
  letter-spacing:.005em;
  border:1px solid transparent;
  text-decoration:none;
  cursor:pointer;
  transition:all var(--cbxep-trans);
  position:relative;
  overflow:hidden;
  white-space:nowrap;
  isolation:isolate;
}
.cbxep-btn::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.20) 0%,transparent 50%);
  pointer-events:none;
  opacity:0;
  transition:opacity var(--cbxep-trans);
}
.cbxep-btn:hover::after{opacity:1;}
.cbxep-btn:active{transform:translateY(1px) scale(.99);}
.cbxep-btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--cbxep-acc-ring);}

.cbxep-btn--primary{
  background:var(--cbxep-acc-grad);
  color:#fff;
  box-shadow:var(--cbxep-acc-glow),var(--cbxep-shadow-inner);
}
.cbxep-btn--primary:hover{
  color:#fff;
  filter:brightness(1.04);
  box-shadow:0 18px 38px -10px rgba(249,115,22,.65),0 6px 14px -2px rgba(249,115,22,.30),var(--cbxep-shadow-inner);
  transform:translateY(-1px);
}

.cbxep-btn--ghost{
  background:var(--cbxep-surface);
  backdrop-filter:var(--cbxep-blur-card);
  -webkit-backdrop-filter:var(--cbxep-blur-card);
  border-color:var(--cbxep-border);
  color:var(--cbxep-text);
}
.cbxep-btn--ghost:hover{
  background:var(--cbxep-surface-strong);
  border-color:var(--cbxep-border-strong);
  color:var(--cbxep-text-strong);
  transform:translateY(-1px);
  box-shadow:var(--cbxep-shadow-sm);
}

.cbxep-btn--soft{
  background:var(--cbxep-acc-soft);
  border-color:var(--cbxep-acc-soft-2);
  color:var(--cbxep-acc-strong);
}
.cbxep-btn--soft:hover{
  background:var(--cbxep-acc-soft-2);
  border-color:var(--cbxep-acc-ring);
  color:var(--cbxep-acc-strong);
  transform:translateY(-1px);
}
.cbxep-app-root[data-cbxep-theme="dark"] .cbxep-btn--soft{color:var(--cbxep-acc-strong);}

.cbxep-btn--danger{
  background:var(--cbxep-danger-soft);
  border-color:var(--cbxep-danger-border);
  color:var(--cbxep-danger);
}
.cbxep-btn--danger:hover{
  background:rgba(239,68,68,.18);
  color:var(--cbxep-danger);
  transform:translateY(-1px);
}

.cbxep-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;filter:none;}
.cbxep-btn[disabled]:hover{transform:none;box-shadow:var(--cbxep-shadow-sm);}

.cbxep-btn--sm{padding:7px 11px;font-size:12px;border-radius:var(--cbxep-radius-sm);}

.cbxep-btn__spinner{
  width:14px;height:14px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.45);
  border-top-color:#fff;
  display:inline-block;
  animation:cbxep-spin .8s linear infinite;
}

.cbxep-link-danger{
  border:none;background:none;
  color:var(--cbxep-danger);
  font-weight:700;
  font-size:12px;
  cursor:pointer;
  padding:4px 0;
  transition:color var(--cbxep-trans);
}
.cbxep-link-danger:hover{color:var(--cbxep-acc);}

/* ───────────── Stack helper ───────────── */
.cbxep-stack{display:flex;flex-direction:column;gap:16px;}

/* ───────────── Tables ───────────── */
.cbxep-table-wrap{overflow:auto;}
.cbxep-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-variant-numeric:tabular-nums;
}
.cbxep-table th,
.cbxep-table td{
  padding:13px 16px;
  border-bottom:1px solid var(--cbxep-border);
  text-align:left;
  vertical-align:top;
  font-size:13px;
}
.cbxep-table th{
  position:sticky;
  top:0;
  background:var(--cbxep-surface-quiet);
  backdrop-filter:saturate(180%) blur(10px);
  -webkit-backdrop-filter:saturate(180%) blur(10px);
  color:var(--cbxep-muted);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:10.5px;
  font-weight:800;
  z-index:1;
}
.cbxep-table tbody tr{transition:background var(--cbxep-trans);}
.cbxep-table tbody tr:hover td{background:var(--cbxep-acc-soft);}
.cbxep-clickable-row{cursor:pointer;}
.cbxep-clickable-row.is-active td{
  background:var(--cbxep-acc-soft);
  box-shadow:inset 3px 0 0 var(--cbxep-acc);
}
.cbxep-empty{
  padding:32px !important;
  text-align:center;
  color:var(--cbxep-muted);
  font-size:13.5px;
}
.cbxep-muted{color:var(--cbxep-muted);font-size:12px;}

/* ───────────── Address blocks ───────────── */
.cbxep-address-item{
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-md);
  padding:14px;
  background:var(--cbxep-surface-quiet);
  transition:border-color var(--cbxep-trans),box-shadow var(--cbxep-trans);
}
.cbxep-address-item:hover{border-color:var(--cbxep-border-strong);box-shadow:var(--cbxep-shadow-sm);}
.cbxep-address-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}

.cbxep-radio-line{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--cbxep-muted-strong);cursor:pointer;}
.cbxep-radio-line input[type="checkbox"],
.cbxep-radio-line input[type="radio"]{
  width:16px;height:16px;
  accent-color:var(--cbxep-acc);
  cursor:pointer;
}
.cbxep-inline-radios{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:4px 0;}

/* ───────────── Pills & status ───────────── */
.cbxep-pill{
  display:inline-flex;align-items:center;
  padding:5px 11px;
  border-radius:var(--cbxep-radius-pill);
  border:1px solid var(--cbxep-acc-soft-2);
  background:var(--cbxep-acc-soft);
  color:var(--cbxep-acc-strong);
  font-weight:700;
  font-size:11.5px;
  letter-spacing:.01em;
}
.cbxep-pill.is-pickup{
  border-color:var(--cbxep-success-border);
  background:var(--cbxep-success-soft);
  color:var(--cbxep-success);
}

.cbxep-status{
  display:inline-flex;align-items:center;
  padding:5px 11px;
  border-radius:var(--cbxep-radius-pill);
  font-size:11.5px;
  font-weight:700;
  line-height:1;
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface-quiet);
  color:var(--cbxep-text);
  letter-spacing:.01em;
  white-space:nowrap;
  position:relative;
}
.cbxep-status::before{
  content:"";
  width:6px;height:6px;
  border-radius:50%;
  background:currentColor;
  margin-right:6px;
  opacity:.7;
}
.cbxep-status--processing,
.cbxep-status--preparation,
.cbxep-status--pending{
  background:var(--cbxep-info-soft);border-color:var(--cbxep-info-border);color:var(--cbxep-info);
}
.cbxep-status--despachoListo,
.cbxep-status--despacho-listo,
.cbxep-status--ready-dispatch{
  background:rgba(168,85,247,.10);border-color:rgba(168,85,247,.28);color:#a855f7;
}
.cbxep-status--transito-a-cuba,
.cbxep-status--in-transit-cuba,
.cbxep-status--sent{
  background:rgba(99,102,241,.10);border-color:rgba(99,102,241,.28);color:#6366f1;
}
.cbxep-status--en-reparto,
.cbxep-status--out_for_delivery,
.cbxep-status--out-for-delivery,
.cbxep-status--en-ruta,
.cbxep-status--en_route{
  background:var(--cbxep-acc-soft);border-color:var(--cbxep-acc-soft-2);color:var(--cbxep-acc-strong);
}
.cbxep-status--completed,
.cbxep-status--delivered{
  background:var(--cbxep-success-soft);border-color:var(--cbxep-success-border);color:var(--cbxep-success);
}
.cbxep-status--failed,
.cbxep-status--cancelled{
  background:var(--cbxep-danger-soft);border-color:var(--cbxep-danger-border);color:var(--cbxep-danger);
}
.cbxep-status--on-hold,
.cbxep-status--manager-waiting{
  background:var(--cbxep-warn-soft);border-color:var(--cbxep-warn-border);color:var(--cbxep-warn);
}
.cbxep-status--manager-printed{
  background:rgba(99,102,241,.10);border-color:rgba(99,102,241,.28);color:#6366f1;
}
.cbxep-status--manager-en_route{
  background:var(--cbxep-acc-soft);border-color:var(--cbxep-acc-soft-2);color:var(--cbxep-acc-strong);
}
.cbxep-status--manager-delivered{
  background:var(--cbxep-success-soft);border-color:var(--cbxep-success-border);color:var(--cbxep-success);
}

/* ───────────── Search results ───────────── */
.cbxep-search-results{
  position:relative;
  display:flex;flex-direction:column;gap:6px;
  margin-top:6px;
}
.cbxep-search-item{
  text-align:left;
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface-input);
  border-radius:var(--cbxep-radius-md);
  padding:10px 14px;
  cursor:pointer;
  transition:all var(--cbxep-trans);
  font-family:inherit;
  color:inherit;
}
.cbxep-search-item:hover{
  background:var(--cbxep-acc-soft);
  border-color:var(--cbxep-acc-ring);
  transform:translateX(2px);
}
.cbxep-search-item strong{display:block;margin-bottom:2px;font-size:13.5px;}
.cbxep-search-item span{display:block;color:var(--cbxep-muted);font-size:11.5px;}

.cbxep-selected-client{
  border:1px solid var(--cbxep-acc-ring);
  background:linear-gradient(135deg,var(--cbxep-acc-soft) 0%,transparent 70%);
  border-radius:var(--cbxep-radius-md);
  padding:14px;
  position:relative;
  overflow:hidden;
}
.cbxep-selected-client::before{
  content:"";
  position:absolute;
  top:-30%;right:-20%;
  width:160px;height:160px;
  background:radial-gradient(circle,var(--cbxep-acc-soft-2) 0%,transparent 60%);
  filter:blur(20px);
  pointer-events:none;
}
.cbxep-selected-client__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px;}
.cbxep-selected-client strong{color:var(--cbxep-text-strong);}

.cbxep-quick-box{
  border:1px dashed var(--cbxep-border-strong);
  border-radius:var(--cbxep-radius-md);
  padding:14px;
  background:var(--cbxep-surface-quiet);
}

/* ───────────── Toast ───────────── */
.cbxep-toast{
  position:fixed;
  right:20px;bottom:20px;
  z-index:99999;
  background:rgba(15,23,42,.92);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  color:#fff;
  padding:13px 16px;
  border-radius:var(--cbxep-radius-md);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 24px 48px -16px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.04) inset;
  transform:translateY(20px) scale(.96);
  opacity:0;
  transition:opacity var(--cbxep-trans),transform var(--cbxep-trans);
  max-width:380px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.005em;
}
.cbxep-toast.show{opacity:1;transform:translateY(0) scale(1);}
.cbxep-toast.is-ok{background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:rgba(16,185,129,.35);}
.cbxep-toast.is-warn{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-color:rgba(245,158,11,.35);}
.cbxep-toast.is-err{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-color:rgba(239,68,68,.35);}

/* ───────────── Form internals continued ───────────── */
.cbxep-head-actions--wide{width:auto;justify-content:flex-end;}
.cbxep-form-stack--compact{gap:14px;}
.cbxep-inline-select{min-width:280px;}
.cbxep-table-actions{display:flex;flex-wrap:wrap;gap:6px;}

/* ───────────── Disclosure ───────────── */
.cbxep-disclosure{
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface-quiet);
  overflow:hidden;
  transition:border-color var(--cbxep-trans);
}
.cbxep-disclosure:hover{border-color:var(--cbxep-border-strong);}
.cbxep-disclosure summary{
  cursor:pointer;
  padding:13px 16px;
  font-size:13px;
  font-weight:700;
  list-style:none;
  color:var(--cbxep-text-strong);
  position:relative;
  user-select:none;
  transition:background var(--cbxep-trans);
}
.cbxep-disclosure summary:hover{background:var(--cbxep-acc-soft);}
.cbxep-disclosure summary::-webkit-details-marker{display:none;}
.cbxep-disclosure summary::after{
  content:"";
  position:absolute;
  right:18px;top:50%;
  width:9px;height:9px;
  border-right:2px solid var(--cbxep-muted);
  border-bottom:2px solid var(--cbxep-muted);
  transform:translateY(-65%) rotate(45deg);
  transition:transform var(--cbxep-trans);
}
.cbxep-disclosure[open] summary::after{transform:translateY(-25%) rotate(-135deg);}
.cbxep-disclosure__body{padding:0 16px 16px;border-top:1px solid var(--cbxep-border);}
.cbxep-disclosure--compact summary{padding:11px 12px;}

/* ───────────── Modal ───────────── */
.cbxep-modal{
  position:fixed;inset:0;
  z-index:100000;
  background:rgba(7,11,24,.55);
  backdrop-filter:saturate(140%) blur(8px);
  -webkit-backdrop-filter:saturate(140%) blur(8px);
  display:flex;align-items:center;justify-content:center;
  padding:24px;
  animation:cbxep-fade .25s ease both;
}
.cbxep-modal__dialog{
  width:min(560px,100%);
  max-height:calc(100vh - 48px);
  background:var(--cbxep-surface-strong);
  backdrop-filter:var(--cbxep-blur-modal);
  -webkit-backdrop-filter:var(--cbxep-blur-modal);
  border:1px solid var(--cbxep-border-strong);
  border-radius:var(--cbxep-radius-xl);
  box-shadow:var(--cbxep-shadow-modal),var(--cbxep-shadow-inner);
  display:flex;flex-direction:column;
  overflow:hidden;
  animation:cbxep-pop .35s cubic-bezier(.2,.9,.25,1.1) both;
}
.cbxep-modal__dialog.is-wide{width:min(1040px,100%);}
.cbxep-modal__head{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-start;
  padding:18px 22px;
  border-bottom:1px solid var(--cbxep-border);
  background:linear-gradient(180deg,var(--cbxep-acc-soft) 0%,transparent 100%);
  position:relative;
}
.cbxep-modal__head h3{
  margin:0 0 4px;
  font-size:19px;
  font-weight:700;
  letter-spacing:-.015em;
  color:var(--cbxep-text-strong);
}
.cbxep-modal__head p{margin:0;font-size:13px;color:var(--cbxep-muted);}
.cbxep-modal__close{
  appearance:none;
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface);
  color:var(--cbxep-muted-strong);
  border-radius:var(--cbxep-radius-pill);
  width:36px;min-width:36px;height:36px;
  font-size:22px;line-height:1;
  cursor:pointer;
  transition:all var(--cbxep-trans);
}
.cbxep-modal__close:hover{
  background:var(--cbxep-danger-soft);
  border-color:var(--cbxep-danger-border);
  color:var(--cbxep-danger);
  transform:rotate(90deg);
}
.cbxep-modal__body{
  padding:18px 22px 22px;
  overflow:auto;
  scrollbar-width:thin;
}
.cbxep-modal__body .cbxep-form-stack{padding:0;}
.cbxep-modal__body .cbxep-search-results{max-height:220px;overflow:auto;}
.cbxep-modal__dialog--delivery{border-radius:var(--cbxep-radius-xl);max-height:min(96vh,calc(100vh - 28px));}
.cbxep-modal__head--delivery{padding-bottom:14px;}
.cbxep-modal__head--delivery h3{font-size:20px;}
.cbxep-modal__body .cbxep-quick-box,
.cbxep-modal__body .cbxep-selected-client{background:var(--cbxep-surface-quiet);}
.cbxep-modal-actions{justify-content:flex-end;}

/* Wide modal */
.cbxep-wide-modal .cbxep-modal__dialog{width:min(1180px,100%);}

/* ───────────── Layout helpers ───────────── */
.cbxep-navlinks{display:flex;gap:6px;flex-wrap:wrap;margin:0;}
.cbxep-navlinks--compact{margin-bottom:0;}
.cbxep-navlink{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid transparent;
  background:transparent;
  color:var(--cbxep-muted-strong);
  border-radius:var(--cbxep-radius-pill);
  padding:9px 16px;
  font-weight:600;
  font-size:13px;
  text-decoration:none;
  transition:all var(--cbxep-trans);
  position:relative;
}
.cbxep-navlink:hover{
  color:var(--cbxep-acc);
  background:var(--cbxep-acc-soft);
}
.cbxep-navlink.is-active{
  background:var(--cbxep-surface-strong);
  border-color:var(--cbxep-acc-ring);
  color:var(--cbxep-acc-strong);
  box-shadow:var(--cbxep-shadow-sm),var(--cbxep-shadow-inner);
  font-weight:700;
}

.cbxep-layout{display:grid;gap:16px;}
.cbxep-layout--clients{grid-template-columns:minmax(360px,1fr) minmax(420px,1.2fr);}
.cbxep-layout--single{grid-template-columns:minmax(0,1fr);}
.cbxep-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.cbxep-rows{display:flex;flex-direction:column;gap:12px;}

.cbxep-summaryline{
  display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;
  padding:14px 20px;
  border-top:1px solid var(--cbxep-border);
  background:var(--cbxep-surface-quiet);
}
.cbxep-total{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--cbxep-text-strong);}

.cbxep-group{
  padding:11px 18px;
  background:linear-gradient(90deg,var(--cbxep-acc-soft) 0%,transparent 100%);
  border-top:1px solid var(--cbxep-border);
  border-bottom:1px solid var(--cbxep-border);
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--cbxep-acc-strong);
}
.cbxep-group small{display:block;font-weight:500;font-size:11px;margin-top:3px;text-transform:none;letter-spacing:0;color:var(--cbxep-muted);}
.cbxep-subgroup{
  padding:9px 18px;
  background:var(--cbxep-surface-quiet);
  border-bottom:1px dashed var(--cbxep-border);
  font-size:11.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--cbxep-muted);
}

/* Line items */
.cbxep-line-items{display:flex;flex-direction:column;gap:10px;}
.cbxep-line-item,
.cbxep-fee-item{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) 110px 110px auto;
  gap:10px;align-items:end;
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-md);
  padding:14px;
  background:var(--cbxep-surface-quiet);
  transition:border-color var(--cbxep-trans);
}
.cbxep-line-item:hover,
.cbxep-fee-item:hover{border-color:var(--cbxep-border-strong);}
.cbxep-fee-item{grid-template-columns:minmax(0,1fr) 140px auto;}
.cbxep-item-subtotal{
  font-weight:800;font-size:14px;
  color:var(--cbxep-text-strong);
  font-variant-numeric:tabular-nums;
}

/* Custom select */
.cbxep-select{
  appearance:none;
  background-color:var(--cbxep-surface-input);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23F97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:18px;
  padding-right:38px;
  cursor:pointer;
}
.cbxep-app-root[data-cbxep-theme="dark"] .cbxep-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23FB923C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.cbxep-kv{display:flex;flex-direction:column;gap:3px;}
.cbxep-kv strong{font-size:13.5px;color:var(--cbxep-text-strong);}
.cbxep-kv span{font-size:11.5px;color:var(--cbxep-muted);}

/* Toolbars */
.cbxep-toolbar{
  display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  padding:14px 18px;
  border-bottom:1px solid var(--cbxep-border);
  position:relative;z-index:1;
}
.cbxep-toolbar__group{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.cbxep-toolbar--compact{padding:12px 16px;gap:10px;}
.cbxep-toolbar--deliveries{align-items:center;}
.cbxep-toolbar__filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0;flex:1 1 620px;}
.cbxep-toolbar__group--actions{justify-content:flex-end;flex:0 1 auto;}
.cbxep-toolbar__select{min-width:168px;flex:0 1 200px;}
.cbxep-toolbar__select--shipment{min-width:280px;flex:1 1 360px;}
.cbxep-meta-line--compact{padding:0 16px 12px;font-size:12px;gap:10px;}

.cbxep-panel-muted{font-size:13px;color:var(--cbxep-muted);}
.cbxep-table code{font-size:12px;background:var(--cbxep-surface-quiet);padding:2px 6px;border-radius:4px;}

.cbxep-inline-badge{
  display:inline-flex;align-items:center;
  padding:4px 10px;
  border-radius:var(--cbxep-radius-pill);
  background:var(--cbxep-surface-quiet);
  border:1px solid var(--cbxep-border);
  font-size:11.5px;font-weight:700;
  color:var(--cbxep-muted-strong);
}

.cbxep-notice{
  padding:12px 14px;
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface-quiet);
  border-radius:var(--cbxep-radius-md);
  color:var(--cbxep-muted-strong);
  font-size:13px;
  position:relative;
  padding-left:38px;
}
.cbxep-notice::before{
  content:"i";
  position:absolute;
  left:14px;top:14px;
  width:16px;height:16px;
  border-radius:50%;
  background:var(--cbxep-info);
  color:#fff;
  font-weight:800;
  font-size:11px;
  font-style:italic;
  font-family:Georgia,serif;
  display:flex;align-items:center;justify-content:center;
}
.cbxep-notice strong{color:var(--cbxep-text-strong);}

.cbxep-sticky-head{position:sticky;top:0;z-index:2;background:var(--cbxep-surface-strong);}
.cbxep-table td .cbxep-btn{margin-bottom:4px;}

.cbxep-address-switch{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}

.cbxep-totals-box{
  padding:14px 18px;
  border-radius:var(--cbxep-radius-md);
  background:linear-gradient(135deg,var(--cbxep-surface-quiet) 0%,var(--cbxep-acc-soft) 100%);
  border:1px solid var(--cbxep-acc-ring);
  display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;
}
.cbxep-totals-box .cbxep-total{margin:0;color:var(--cbxep-acc-strong);}

.cbxep-stat-mini{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-pill);
  background:var(--cbxep-surface);
  font-size:11.5px;font-weight:700;
  color:var(--cbxep-muted-strong);
}
.cbxep-hidden{display:none !important;}

.cbxep-fieldset{
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-lg);
  padding:16px;
  background:var(--cbxep-surface-soft);
  display:flex;flex-direction:column;gap:14px;
  position:relative;
}
.cbxep-fieldset legend{padding:0 8px;font-weight:700;color:var(--cbxep-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;}

.cbxep-admin-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.cbxep-help-inline{font-size:12px;color:var(--cbxep-muted);margin-top:4px;}

.cbxep-order-badge{
  display:inline-flex;align-items:center;
  padding:5px 11px;
  border-radius:var(--cbxep-radius-pill);
  font-size:11.5px;font-weight:700;
  background:var(--cbxep-acc-soft);
  border:1px solid var(--cbxep-acc-soft-2);
  color:var(--cbxep-acc-strong);
}
.cbxep-manager-select{min-width:160px;}

/* Delivery modal grid */
.cbxep-modal__body--delivery{padding:16px 18px 22px;min-height:0;scroll-padding-bottom:132px;overscroll-behavior:contain;}
.cbxep-form-stack--delivery{gap:14px;padding-bottom:124px;}
.cbxep-delivery-modal-grid{display:grid;grid-template-columns:minmax(340px,1.02fr) minmax(320px,.98fr);gap:14px;align-items:start;}
.cbxep-delivery-modal-col{display:flex;flex-direction:column;gap:14px;min-width:0;}
.cbxep-form-grid--compact-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}

.cbxep-product-picker{display:flex;flex-direction:column;gap:10px;}
.cbxep-product-picker__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;}
.cbxep-select--list{
  background-image:none !important;
  padding-right:12px;
  min-height:232px;max-height:232px;
  overflow:auto;
  scrollbar-gutter:stable;
  border-radius:var(--cbxep-radius-md);
  cursor:pointer;
  background-color:var(--cbxep-surface-input);
}
.cbxep-select--list option{
  padding:10px 12px;
  border-bottom:1px solid var(--cbxep-border);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:var(--cbxep-text);
}
.cbxep-select--list option:last-child{border-bottom:none;}
.cbxep-select--list option:hover,
.cbxep-select--list option:checked{background:var(--cbxep-acc-soft);color:var(--cbxep-acc-strong);}
.cbxep-product-picker__row--stack{grid-template-columns:minmax(0,1fr);}
.cbxep-product-picker .cbxep-input--compact{padding-top:9px;padding-bottom:9px;}

.cbxep-deliveries-wrap{
  max-height:var(--cbxep-panel-max-height);
  min-height:180px;
  overflow:auto;
  scrollbar-width:thin;
}
.cbxep-table-wrap--customers{
  max-height:var(--cbxep-customers-max-height);
  overflow:auto;
  scrollbar-width:thin;
}
.cbxep-totals-box--sticky{
  position:sticky;
  bottom:-1px;
  z-index:4;
  background:linear-gradient(135deg,var(--cbxep-surface-strong) 0%,var(--cbxep-acc-soft) 100%);
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  box-shadow:0 -10px 24px -8px rgba(15,23,42,.18);
  margin-top:6px;
  border:1px solid var(--cbxep-acc-ring);
}
.cbxep-fieldset .cbxep-inline-head{align-items:center;}
.cbxep-fieldset .cbxep-inline-head h4{font-size:14.5px;}
.cbxep-fieldset>.cbxep-form-grid:last-child{margin-bottom:0;}
.cbxep-modal__body--delivery .cbxep-fieldset{padding:14px;gap:12px;}
.cbxep-modal__body--delivery .cbxep-label{margin-bottom:5px;}
.cbxep-modal__body--delivery .cbxep-input{padding-top:10px;padding-bottom:10px;}
.cbxep-modal__body--delivery .cbxep-line-item,
.cbxep-modal__body--delivery .cbxep-fee-item{padding:12px;gap:8px;}
.cbxep-modal__body--delivery .cbxep-line-items{gap:8px;}
.cbxep-modal__body--delivery .cbxep-disclosure{background:var(--cbxep-surface-soft);}
.cbxep-modal__body--delivery .cbxep-disclosure__body{padding:12px;}
.cbxep-modal__body--delivery .cbxep-selected-client{padding:12px;}
.cbxep-modal__body--delivery .cbxep-notice{padding:10px 12px 10px 36px;}
.cbxep-modal__body--delivery .cbxep-notice::before{top:11px;}
.cbxep-modal__body--delivery .cbxep-search-results{max-height:190px;}
.cbxep-modal__body--delivery .cbxep-table-actions{gap:6px;}

.cbxep-table-wrap--customers .cbxep-table th,
.cbxep-deliveries-wrap .cbxep-table th{z-index:1;}

/* Destinatario cell */
.cbxep-dest-cell{display:flex;flex-direction:column;gap:4px;max-width:310px;min-width:220px;}
.cbxep-dest-cell strong{color:var(--cbxep-text-strong);font-weight:700;}
.cbxep-dest-cell__cod{font-weight:700;color:var(--cbxep-acc);}

.cbxep-bultos-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;
  padding:5px 11px;
  border-radius:var(--cbxep-radius-pill);
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface-quiet);
  font-weight:800;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  color:var(--cbxep-text);
}
.cbxep-bultos-badge.is-zero{
  background:var(--cbxep-danger-soft);
  border-color:var(--cbxep-danger-border);
  color:var(--cbxep-danger);
  box-shadow:0 0 0 3px rgba(239,68,68,.08);
  animation:cbxep-pulse 1.6s ease-in-out infinite;
}
.cbxep-row--zero-bultos td{background:rgba(239,68,68,.04);}
.cbxep-row--zero-bultos:hover td{background:rgba(239,68,68,.08);}
.cbxep-app-root[data-cbxep-theme="dark"] .cbxep-row--zero-bultos td{background:rgba(248,113,113,.06);}
.cbxep-app-root[data-cbxep-theme="dark"] .cbxep-row--zero-bultos:hover td{background:rgba(248,113,113,.12);}

.cbxep-line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;}
.cbxep-line-clamp--1{-webkit-line-clamp:1;white-space:normal;}
.cbxep-line-clamp--2{-webkit-line-clamp:2;white-space:normal;}

.cbxep-deliveries-wrap .cbxep-table td:nth-child(4){max-width:360px;}

/* ───────────── Scrollbars ───────────── */
.cbxep-table-wrap::-webkit-scrollbar,
.cbxep-deliveries-wrap::-webkit-scrollbar,
.cbxep-table-wrap--customers::-webkit-scrollbar,
.cbxep-modal__body::-webkit-scrollbar,
.cbxep-select--list::-webkit-scrollbar{
  width:10px;height:10px;
}
.cbxep-table-wrap::-webkit-scrollbar-track,
.cbxep-deliveries-wrap::-webkit-scrollbar-track,
.cbxep-table-wrap--customers::-webkit-scrollbar-track,
.cbxep-modal__body::-webkit-scrollbar-track,
.cbxep-select--list::-webkit-scrollbar-track{background:transparent;}
.cbxep-table-wrap::-webkit-scrollbar-thumb,
.cbxep-deliveries-wrap::-webkit-scrollbar-thumb,
.cbxep-table-wrap--customers::-webkit-scrollbar-thumb,
.cbxep-modal__body::-webkit-scrollbar-thumb,
.cbxep-select--list::-webkit-scrollbar-thumb{
  background:var(--cbxep-border-strong);
  border-radius:8px;
  border:2px solid transparent;
  background-clip:padding-box;
}
.cbxep-table-wrap::-webkit-scrollbar-thumb:hover,
.cbxep-deliveries-wrap::-webkit-scrollbar-thumb:hover,
.cbxep-table-wrap--customers::-webkit-scrollbar-thumb:hover,
.cbxep-modal__body::-webkit-scrollbar-thumb:hover,
.cbxep-select--list::-webkit-scrollbar-thumb:hover{background:var(--cbxep-acc-ring);background-clip:padding-box;}

/* ───────────── Animations ───────────── */
@keyframes cbxep-spin{to{transform:rotate(360deg);}}
@keyframes cbxep-fade{from{opacity:0;}to{opacity:1;}}
@keyframes cbxep-fade-up{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@keyframes cbxep-pop{from{opacity:0;transform:scale(.96) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}}
@keyframes cbxep-pulse{0%,100%{box-shadow:0 0 0 3px rgba(239,68,68,.08);}50%{box-shadow:0 0 0 6px rgba(239,68,68,.15);}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}

/* ───────────── Responsive ───────────── */
@media (max-width: 1180px){
  .cbxep-delivery-modal-grid{grid-template-columns:minmax(0,1fr);}
}
@media (max-width: 1100px){
  .cbxep-grid--2{grid-template-columns:minmax(0,1fr);}
  .cbxep-top-actions{justify-content:flex-start;}
  .cbxep-switcher{min-width:0;}
  .cbxep-layout--clients{grid-template-columns:minmax(0,1fr);}
  .cbxep-line-item{grid-template-columns:minmax(0,1fr) repeat(2,110px) auto;}
  .cbxep-topbar-v2{flex-direction:column;align-items:stretch;}
  .cbxep-topbar-v2__actions{justify-content:flex-end;}
}
@media (max-width: 900px){
  .cbxep-deliveries-wrap{max-height:none;}
  .cbxep-table-wrap--customers{max-height:none;}
}
@media (max-width: 640px){
  .cbxep-shell{padding:14px;border-radius:var(--cbxep-radius-lg);}
  .cbxep-card__head,
  .cbxep-inline-box,
  .cbxep-form-stack{padding-left:14px;padding-right:14px;}
  .cbxep-form-grid{grid-template-columns:minmax(0,1fr);}
  .cbxep-span-2{grid-column:auto;}
  .cbxep-selected-client__head,
  .cbxep-inline-head,
  .cbxep-card__head--compact,
  .cbxep-modal__head{flex-direction:column;align-items:stretch;}
  .cbxep-head-actions--wide,
  .cbxep-inline-select{width:100%;min-width:0;}
  .cbxep-modal{padding:12px;}
  .cbxep-modal__dialog,
  .cbxep-modal__dialog.is-wide{width:100%;max-height:calc(100vh - 24px);}
  .cbxep-mini-grid,
  .cbxep-line-item,
  .cbxep-fee-item{grid-template-columns:minmax(0,1fr);}
  .cbxep-toolbar{padding-left:14px;padding-right:14px;}
  .cbxep-toolbar__filters,
  .cbxep-toolbar__group--actions{width:100%;}
  .cbxep-toolbar__select,
  .cbxep-toolbar__select--shipment{min-width:0;flex:1 1 100%;}
  .cbxep-form-grid--compact-2,
  .cbxep-product-picker__row{grid-template-columns:minmax(0,1fr);}
  .cbxep-select--list{min-height:180px;max-height:180px;}
  .cbxep-form-stack--delivery{padding-bottom:152px;}
  .cbxep-modal__body--delivery{scroll-padding-bottom:160px;}
  .cbxep-brand-v2__name{font-size:14px;}
}

/* ═══════════════════════════════════════════════════════════════
   Modal de entrega · v2 — premium SaaS, interactivo y animado
   ═══════════════════════════════════════════════════════════════ */

/* Diálogo refinado */
.cbxep-modal--delivery .cbxep-modal__dialog{
  width:min(1200px,100%);
  max-height:min(96vh,calc(100vh - 24px));
  display:flex;
  flex-direction:column;
}
.cbxep-modal__head--delivery{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:22px 28px 18px;
  background:
    radial-gradient(80% 120% at 0% 0%, var(--cbxep-acc-soft) 0%, transparent 60%),
    linear-gradient(180deg, var(--cbxep-surface-strong) 0%, var(--cbxep-surface-quiet) 100%);
  border-bottom:1px solid var(--cbxep-border);
  position:relative;
  overflow:hidden;
}
.cbxep-modal__head--delivery::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 70%, var(--cbxep-bg-grid) 100%);
  pointer-events:none;
}
.cbxep-modal__title{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  position:relative;
  z-index:1;
}
.cbxep-modal__title-icon{
  width:44px;height:44px;
  border-radius:14px;
  background:var(--cbxep-acc-grad);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--cbxep-acc-glow), var(--cbxep-shadow-inner);
  flex-shrink:0;
}
.cbxep-modal__title-icon svg{width:22px;height:22px;}
.cbxep-modal__head--delivery .cbxep-modal__close{
  position:relative;
  z-index:1;
  font-size:0;
  width:38px;height:38px;
  flex-shrink:0;
}
.cbxep-modal__head--delivery .cbxep-modal__close svg{width:16px;height:16px;}

/* Step indicator */
.cbxep-modal-steps{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 28px;
  background:var(--cbxep-surface-quiet);
  border-bottom:1px solid var(--cbxep-border);
  overflow-x:auto;
  scrollbar-width:none;
}
.cbxep-modal-steps::-webkit-scrollbar{display:none;}
.cbxep-step{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px 6px 6px;
  border-radius:var(--cbxep-radius-pill);
  background:var(--cbxep-surface);
  border:1px solid var(--cbxep-border);
  font-size:12px;
  font-weight:700;
  color:var(--cbxep-muted);
  white-space:nowrap;
  transition:all var(--cbxep-trans);
}
.cbxep-step__num{
  width:24px;height:24px;
  border-radius:50%;
  background:var(--cbxep-bg);
  border:1px solid var(--cbxep-border);
  color:var(--cbxep-muted);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;
  font-weight:800;
  transition:all var(--cbxep-trans);
  flex-shrink:0;
}
.cbxep-step__num svg{width:13px;height:13px;}
.cbxep-step__label{letter-spacing:.01em;}
.cbxep-step.is-active{
  background:var(--cbxep-surface-strong);
  border-color:var(--cbxep-acc-ring);
  color:var(--cbxep-acc-strong);
  box-shadow:0 0 0 4px var(--cbxep-acc-soft);
}
.cbxep-step.is-active .cbxep-step__num{
  background:var(--cbxep-acc-grad);
  border-color:transparent;
  color:#fff;
  animation:cbxep-step-pulse 1.8s ease-in-out infinite;
}
.cbxep-step.is-done{
  background:var(--cbxep-success-soft);
  border-color:var(--cbxep-success-border);
  color:var(--cbxep-success);
}
.cbxep-step.is-done .cbxep-step__num{
  background:var(--cbxep-success);
  border-color:var(--cbxep-success);
  color:#fff;
}
.cbxep-step-sep{
  flex-shrink:0;
  width:18px;
  height:2px;
  border-radius:2px;
  background:var(--cbxep-border-strong);
  position:relative;
  overflow:hidden;
}
.cbxep-step-sep::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,var(--cbxep-acc),transparent);
  transform:translateX(-100%);
  animation:cbxep-step-flow 2.6s ease-in-out infinite;
}
@keyframes cbxep-step-pulse{
  0%,100%{box-shadow:0 0 0 0 var(--cbxep-acc-ring);}
  50%{box-shadow:0 0 0 6px transparent;}
}
@keyframes cbxep-step-flow{
  0%,100%{transform:translateX(-100%);}
  50%{transform:translateX(100%);}
}

/* Body con padding mejorado */
.cbxep-modal__body--delivery{
  padding:22px 28px 26px;
}
.cbxep-modal__body--delivery .cbxep-form-stack--delivery{
  padding-bottom:140px;
}

/* Fieldset v2 — más aire y mejor visual */
.cbxep-fieldset--v2{
  border-radius:var(--cbxep-radius-lg);
  padding:18px;
  background:var(--cbxep-surface);
  backdrop-filter:saturate(150%) blur(10px);
  -webkit-backdrop-filter:saturate(150%) blur(10px);
  border:1px solid var(--cbxep-border);
  box-shadow:var(--cbxep-shadow-sm);
  gap:14px;
  animation:cbxep-fade-up .35s ease both;
  transition:border-color var(--cbxep-trans), box-shadow var(--cbxep-trans);
}
.cbxep-fieldset--v2:hover{
  border-color:var(--cbxep-border-strong);
}
.cbxep-modal__body--delivery .cbxep-fieldset--v2{padding:18px;gap:14px;}

/* Section head con icono */
.cbxep-section-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:4px;
}
.cbxep-section-head__icon{
  width:36px;height:36px;
  border-radius:10px;
  background:var(--cbxep-acc-soft);
  color:var(--cbxep-acc);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  border:1px solid var(--cbxep-acc-soft-2);
  transition:all var(--cbxep-trans);
}
.cbxep-section-head__icon svg{width:18px;height:18px;}
.cbxep-fieldset--v2:hover .cbxep-section-head__icon{
  transform:rotate(-3deg) scale(1.04);
  background:var(--cbxep-acc-soft-2);
}
.cbxep-section-head__text{flex:1;min-width:0;}
.cbxep-section-head__text h4{
  margin:0;
  font-size:14.5px;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--cbxep-text-strong);
}
.cbxep-section-head__text p{
  margin:1px 0 0;
  font-size:12px;
  color:var(--cbxep-muted);
}
.cbxep-section-head__extra{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
.cbxep-section-head__select{min-width:180px;max-width:240px;}

/* Input con icono interno */
.cbxep-input-with-icon{
  position:relative;
}
.cbxep-input-icon{
  position:absolute;
  left:12px;top:50%;
  transform:translateY(-50%);
  color:var(--cbxep-muted);
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
  transition:color var(--cbxep-trans);
}
.cbxep-input-icon svg{width:16px;height:16px;}
.cbxep-input--icon{padding-left:38px !important;}
.cbxep-input-with-icon:focus-within .cbxep-input-icon{color:var(--cbxep-acc);}
.cbxep-input--center{text-align:center;}

/* Empty state premium */
.cbxep-empty-state{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  border:1px dashed var(--cbxep-border-strong);
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface-quiet);
  animation:cbxep-fade-up .3s ease both;
}
.cbxep-empty-state__icon{
  width:46px;height:46px;
  border-radius:14px;
  background:var(--cbxep-bg);
  color:var(--cbxep-muted);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  border:1px solid var(--cbxep-border);
}
.cbxep-empty-state__icon svg{width:22px;height:22px;}
.cbxep-empty-state__text{display:flex;flex-direction:column;gap:2px;min-width:0;}
.cbxep-empty-state__text strong{font-size:13.5px;color:var(--cbxep-text-strong);}
.cbxep-empty-state__text span{font-size:12.5px;color:var(--cbxep-muted);}

/* Search empty (cliente / servicio) */
.cbxep-search-empty{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border:1px dashed var(--cbxep-border);
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface-quiet);
  color:var(--cbxep-muted);
  font-size:12.5px;
}
.cbxep-search-empty__icon{
  width:24px;height:24px;
  border-radius:8px;
  background:var(--cbxep-bg);
  color:var(--cbxep-muted);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.cbxep-search-empty__icon svg{width:13px;height:13px;}

/* Search card (resultados de búsqueda de cliente) */
.cbxep-search-card{
  display:flex !important;
  align-items:center;
  gap:12px;
  padding:10px 12px !important;
  text-align:left;
}
.cbxep-search-card__avatar{
  width:36px;height:36px;
  border-radius:10px;
  background:var(--cbxep-acc-soft);
  color:var(--cbxep-acc-strong);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;
  font-size:12.5px;
  letter-spacing:.02em;
  flex-shrink:0;
  border:1px solid var(--cbxep-acc-soft-2);
}
.cbxep-search-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.cbxep-search-card__body strong{font-size:13.5px;color:var(--cbxep-text-strong);}
.cbxep-search-card__body span{font-size:11.5px;color:var(--cbxep-muted);}
.cbxep-search-card__add{
  width:28px;height:28px;
  border-radius:50%;
  background:var(--cbxep-bg);
  color:var(--cbxep-muted);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--cbxep-border);
  flex-shrink:0;
  transition:all var(--cbxep-trans);
}
.cbxep-search-card__add svg{width:14px;height:14px;}
.cbxep-search-card:hover .cbxep-search-card__add{
  background:var(--cbxep-acc-grad);
  color:#fff;
  border-color:transparent;
  transform:rotate(90deg);
}
.cbxep-search-card:hover .cbxep-search-card__avatar{
  background:var(--cbxep-acc-soft-2);
  border-color:var(--cbxep-acc-ring);
}

/* Cliente seleccionado (card grande) */
.cbxep-client-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:var(--cbxep-radius-md);
  background:linear-gradient(135deg, var(--cbxep-acc-soft) 0%, transparent 70%);
  border:1px solid var(--cbxep-acc-ring);
  position:relative;
  overflow:hidden;
  animation:cbxep-pop .3s cubic-bezier(.2,.9,.25,1.1) both;
}
.cbxep-client-card::before{
  content:"";
  position:absolute;
  top:-30%;right:-10%;
  width:140px;height:140px;
  background:radial-gradient(circle, var(--cbxep-acc-soft-2) 0%, transparent 60%);
  filter:blur(20px);
  pointer-events:none;
}
.cbxep-client-card__avatar{
  width:46px;height:46px;
  border-radius:14px;
  background:var(--cbxep-acc-grad);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;
  font-size:15px;
  letter-spacing:.02em;
  flex-shrink:0;
  box-shadow:var(--cbxep-acc-glow), var(--cbxep-shadow-inner);
  position:relative;z-index:1;
}
.cbxep-client-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1;}
.cbxep-client-card__info strong{font-size:14.5px;color:var(--cbxep-text-strong);font-weight:700;letter-spacing:-.01em;}
.cbxep-client-card__info span{font-size:12px;color:var(--cbxep-muted-strong);font-variant-numeric:tabular-nums;}
.cbxep-client-card__clear{
  appearance:none;
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface);
  color:var(--cbxep-muted);
  width:32px;height:32px;
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  flex-shrink:0;
  transition:all var(--cbxep-trans);
  position:relative;z-index:1;
}
.cbxep-client-card__clear svg{width:14px;height:14px;}
.cbxep-client-card__clear:hover{
  background:var(--cbxep-danger-soft);
  border-color:var(--cbxep-danger-border);
  color:var(--cbxep-danger);
  transform:rotate(90deg);
}

/* Grid de servicios — siempre 1 columna ancha para legibilidad */
.cbxep-services-grid{
  display:flex;
  flex-direction:column;
  gap:6px;
  max-height:280px;
  overflow-y:auto;
  padding:4px;
  margin:0 -4px;
  scrollbar-width:thin;
}
.cbxep-services-grid::-webkit-scrollbar{width:8px;}
.cbxep-services-grid::-webkit-scrollbar-track{background:transparent;}
.cbxep-services-grid::-webkit-scrollbar-thumb{
  background:var(--cbxep-border-strong);
  border-radius:8px;
  border:2px solid transparent;
  background-clip:padding-box;
}
.cbxep-services-empty{
  padding:18px;
  text-align:center;
  color:var(--cbxep-muted);
  font-size:13px;
  border:1px dashed var(--cbxep-border);
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface-quiet);
}
.cbxep-service-card{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:var(--cbxep-radius-sm);
  background:var(--cbxep-surface);
  border:1px solid var(--cbxep-border);
  cursor:pointer;
  text-align:left;
  font-family:inherit;
  color:inherit;
  transition:all var(--cbxep-trans);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:46px;
}
.cbxep-service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--cbxep-acc-grad);
  opacity:0;
  transition:opacity var(--cbxep-trans);
  pointer-events:none;
  z-index:-1;
}
.cbxep-service-card:hover{
  transform:translateY(-2px);
  border-color:var(--cbxep-acc-ring);
  box-shadow:var(--cbxep-shadow-md);
}
.cbxep-service-card:hover::before{opacity:.06;}
.cbxep-service-card:active{transform:translateY(0) scale(.98);}
.cbxep-service-card__icon{
  width:30px;height:30px;
  border-radius:8px;
  background:var(--cbxep-acc-soft);
  color:var(--cbxep-acc-strong);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;
  font-size:11px;
  letter-spacing:.02em;
  flex-shrink:0;
  border:1px solid var(--cbxep-acc-soft-2);
  transition:all var(--cbxep-trans);
}
.cbxep-service-card__body{
  flex:1;min-width:0;
  display:flex;flex-direction:column;gap:1px;
}
.cbxep-service-card__body strong{
  font-size:13px;
  font-weight:600;
  color:var(--cbxep-text-strong);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:-.005em;
}
.cbxep-service-card__body span{font-size:10.5px;color:var(--cbxep-muted);line-height:1.2;}
.cbxep-service-card__body span:empty{display:none;}
.cbxep-service-card__price{
  font-size:12.5px;
  font-weight:800;
  color:var(--cbxep-acc-strong);
  font-variant-numeric:tabular-nums;
  flex-shrink:0;
  background:var(--cbxep-acc-soft);
  padding:3px 9px;
  border-radius:999px;
  border:1px solid var(--cbxep-acc-soft-2);
}
.cbxep-service-card__add{
  width:24px;height:24px;
  border-radius:50%;
  background:var(--cbxep-bg);
  color:var(--cbxep-muted);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--cbxep-border);
  flex-shrink:0;
  transition:all var(--cbxep-trans);
}
.cbxep-service-card__add svg{width:13px;height:13px;}
.cbxep-service-card:hover .cbxep-service-card__add{
  background:var(--cbxep-acc-grad);
  color:#fff;
  border-color:transparent;
  transform:rotate(90deg) scale(1.05);
}
.cbxep-service-card.is-added{
  border-color:var(--cbxep-success-border);
  background:linear-gradient(135deg, var(--cbxep-success-soft) 0%, var(--cbxep-surface) 100%);
}
.cbxep-service-card.is-added .cbxep-service-card__add{
  background:var(--cbxep-success);
  color:#fff;
  border-color:transparent;
}
.cbxep-service-card.is-added:hover .cbxep-service-card__add{
  transform:rotate(0) scale(1.1);
}

/* Divider con texto en medio */
.cbxep-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:4px 0;
  color:var(--cbxep-muted);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cbxep-divider::before,
.cbxep-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--cbxep-border) 50%, transparent);
}
.cbxep-divider span{padding:0 4px;}

/* Items empty */
.cbxep-items-empty{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border:1px dashed var(--cbxep-border);
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface-quiet);
  animation:cbxep-fade-up .25s ease both;
}
.cbxep-items-empty--mini{padding:11px 14px;font-size:12.5px;color:var(--cbxep-muted);}
.cbxep-items-empty__icon{
  width:38px;height:38px;
  border-radius:12px;
  background:var(--cbxep-bg);
  color:var(--cbxep-muted);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  border:1px solid var(--cbxep-border);
}
.cbxep-items-empty__icon svg{width:18px;height:18px;}
.cbxep-items-empty__text{display:flex;flex-direction:column;gap:1px;}
.cbxep-items-empty__text strong{font-size:13px;color:var(--cbxep-text-strong);}
.cbxep-items-empty__text span{font-size:12px;color:var(--cbxep-muted);}

/* Item card (servicio añadido) */
.cbxep-line-items--cards{display:flex;flex-direction:column;gap:8px;}
.cbxep-item-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:stretch !important;
  gap:12px !important;
  padding:12px !important;
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface) !important;
  border:1px solid var(--cbxep-border) !important;
  transition:all var(--cbxep-trans);
  animation:cbxep-pop .25s cubic-bezier(.2,.9,.25,1.1) both;
}
.cbxep-item-card:hover{
  border-color:var(--cbxep-acc-ring) !important;
  box-shadow:var(--cbxep-shadow-sm);
}
.cbxep-item-card__icon{
  width:40px;height:40px;
  border-radius:12px;
  background:var(--cbxep-acc-soft);
  color:var(--cbxep-acc-strong);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;
  font-size:12.5px;
  letter-spacing:.02em;
  border:1px solid var(--cbxep-acc-soft-2);
  flex-shrink:0;
  align-self:center;
}
.cbxep-item-card__main{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.cbxep-item-card__product{display:block;}
.cbxep-item-card__controls{
  display:grid;
  grid-template-columns:80px 1fr auto;
  gap:8px;
  align-items:end;
}
.cbxep-item-card__field{display:flex;flex-direction:column;gap:4px;}
.cbxep-item-card__field .cbxep-label{margin-bottom:0;}
.cbxep-item-card__sub{
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:flex-end;
  padding:4px 12px;
  border-radius:var(--cbxep-radius-sm);
  background:var(--cbxep-acc-soft);
  border:1px solid var(--cbxep-acc-soft-2);
  min-width:90px;
}
.cbxep-item-card__sub .cbxep-label{margin-bottom:0;color:var(--cbxep-acc-strong);}
.cbxep-item-card__sub .cbxep-item-subtotal{
  font-size:14px;
  font-weight:800;
  color:var(--cbxep-acc-strong);
  font-variant-numeric:tabular-nums;
}
.cbxep-item-card__remove{
  appearance:none;
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface);
  color:var(--cbxep-muted);
  width:34px;height:34px;
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  align-self:center;
  flex-shrink:0;
  transition:all var(--cbxep-trans);
}
.cbxep-item-card__remove svg{width:15px;height:15px;}
.cbxep-item-card__remove:hover{
  background:var(--cbxep-danger-soft);
  border-color:var(--cbxep-danger-border);
  color:var(--cbxep-danger);
  transform:scale(1.05);
}

/* Fee card */
.cbxep-fee-card{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) 140px auto !important;
  align-items:end !important;
  gap:10px !important;
  padding:12px !important;
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface) !important;
  border:1px solid var(--cbxep-border) !important;
  transition:all var(--cbxep-trans);
  animation:cbxep-pop .25s cubic-bezier(.2,.9,.25,1.1) both;
}
.cbxep-fee-card:hover{border-color:var(--cbxep-acc-ring) !important;}
.cbxep-fee-card__icon{
  width:34px;height:34px;
  border-radius:10px;
  background:var(--cbxep-warn-soft);
  color:var(--cbxep-warn);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--cbxep-warn-border);
  flex-shrink:0;
  align-self:center;
}
.cbxep-fee-card__icon svg{width:16px;height:16px;}
.cbxep-fee-card__field{display:flex;flex-direction:column;gap:4px;min-width:0;}

/* Pill de conteo */
.cbxep-pill--count{
  min-width:24px;
  padding:3px 10px;
  font-variant-numeric:tabular-nums;
  background:var(--cbxep-acc-grad);
  color:#fff;
  border-color:transparent;
  box-shadow:var(--cbxep-acc-glow);
}

/* Botón large */
.cbxep-btn--lg{
  padding:13px 22px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.005em;
}
.cbxep-btn--lg svg{transition:transform var(--cbxep-trans);}
.cbxep-btn--lg:hover svg{transform:translateX(3px);}

/* Sticky totals v2 — más prominente */
.cbxep-totals-v2{
  display:flex !important;
  flex-direction:column;
  gap:14px;
  padding:18px 22px !important;
  background:linear-gradient(135deg,
    var(--cbxep-surface-strong) 0%,
    var(--cbxep-acc-soft) 100%) !important;
  backdrop-filter:saturate(200%) blur(20px) !important;
  -webkit-backdrop-filter:saturate(200%) blur(20px) !important;
  border:1px solid var(--cbxep-acc-ring) !important;
  border-radius:var(--cbxep-radius-lg) !important;
  box-shadow:0 -16px 40px -12px rgba(15,23,42,.18), var(--cbxep-shadow-inner);
}
.cbxep-totals-v2__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.cbxep-totals-v2__chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.cbxep-totals-v2__chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  background:var(--cbxep-surface);
  border:1px solid var(--cbxep-border);
  border-radius:var(--cbxep-radius-pill);
  font-size:12px;
  color:var(--cbxep-muted-strong);
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
.cbxep-totals-v2__chip strong{
  color:var(--cbxep-text-strong);
  font-weight:800;
}
.cbxep-totals-v2__amount{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
}
.cbxep-totals-v2__amount .cbxep-label{margin-bottom:0;color:var(--cbxep-acc-strong);}
.cbxep-totals-v2__amount .cbxep-total{
  margin:0;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.02em;
  background:var(--cbxep-acc-grad);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-variant-numeric:tabular-nums;
  line-height:1.1;
}
.cbxep-totals-v2__actions{
  justify-content:flex-end;
  flex-wrap:wrap;
}

/* Disclosure dentro del modal v2 más limpio */
.cbxep-modal__body--delivery .cbxep-fieldset--v2 .cbxep-disclosure{
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface-quiet);
  margin-top:0;
}
.cbxep-modal__body--delivery .cbxep-fieldset--v2 .cbxep-disclosure + .cbxep-disclosure{margin-top:8px;}
.cbxep-modal__body--delivery .cbxep-fieldset--v2 .cbxep-disclosure summary{padding:11px 14px;font-size:13px;}

/* Responsive del modal v2 */
@media (max-width: 1180px){
  .cbxep-item-card{grid-template-columns:auto 1fr;}
  .cbxep-item-card__remove{grid-column:2;justify-self:end;}
  .cbxep-fee-card{grid-template-columns:auto 1fr auto !important;}
  .cbxep-fee-card__field--name{grid-column:1 / -1;}
}
@media (max-width: 900px){
  .cbxep-modal__head--delivery{padding:18px 20px 14px;}
  .cbxep-modal__body--delivery{padding:16px 20px 22px;}
  .cbxep-modal-steps{padding:12px 20px;}
  .cbxep-totals-v2{padding:16px 18px !important;}
  .cbxep-totals-v2__amount{align-items:flex-start;}
  .cbxep-totals-v2__amount .cbxep-total{font-size:24px;}
}
@media (max-width: 640px){
  .cbxep-modal__title-icon{display:none;}
  .cbxep-modal-steps{padding:10px 14px;gap:6px;}
  .cbxep-step__label{display:none;}
  .cbxep-step{padding:4px;}
  .cbxep-step-sep{width:10px;}
  .cbxep-section-head{flex-wrap:wrap;}
  .cbxep-section-head__extra{width:100%;justify-content:flex-end;}
  .cbxep-section-head__select{width:100%;max-width:none;}
  .cbxep-item-card__controls{grid-template-columns:1fr 1fr;}
  .cbxep-item-card__sub{grid-column:1 / -1;align-items:center;}
  .cbxep-totals-v2__summary{flex-direction:column;align-items:flex-start;}
  .cbxep-totals-v2__amount{align-self:stretch;}
}

/* ─── Compactación de inputs/labels dentro del modal v2 ─── */
.cbxep-modal__body--delivery .cbxep-fieldset--v2{padding:14px;gap:11px;}
.cbxep-modal__body--delivery .cbxep-section-head{padding-bottom:2px;gap:10px;}
.cbxep-modal__body--delivery .cbxep-section-head__icon{width:32px;height:32px;border-radius:9px;}
.cbxep-modal__body--delivery .cbxep-section-head__icon svg{width:16px;height:16px;}
.cbxep-modal__body--delivery .cbxep-section-head__text h4{font-size:13.5px;}
.cbxep-modal__body--delivery .cbxep-section-head__text p{font-size:11.5px;}
.cbxep-modal__body--delivery .cbxep-input{
  padding:9px 12px;
  border-radius:10px;
  font-size:13px;
}
.cbxep-modal__body--delivery .cbxep-input--icon{padding-left:36px !important;}
.cbxep-modal__body--delivery .cbxep-input--compact{padding-top:8px;padding-bottom:8px;}
.cbxep-modal__body--delivery .cbxep-label{
  margin-bottom:4px;
  font-size:10.5px;
  letter-spacing:.05em;
}
.cbxep-modal__body--delivery .cbxep-form-grid{gap:10px;}
.cbxep-modal__body--delivery .cbxep-form-grid--compact-2{gap:10px;}
.cbxep-modal__body--delivery .cbxep-textarea{min-height:64px;line-height:1.45;}
.cbxep-modal__body--delivery .cbxep-form-stack--delivery{gap:12px;}
.cbxep-modal__body--delivery .cbxep-empty-state{padding:14px;gap:12px;}
.cbxep-modal__body--delivery .cbxep-empty-state__icon{width:38px;height:38px;border-radius:11px;}
.cbxep-modal__body--delivery .cbxep-empty-state__icon svg{width:18px;height:18px;}
.cbxep-modal__body--delivery .cbxep-empty-state__text strong{font-size:13px;}
.cbxep-modal__body--delivery .cbxep-empty-state__text span{font-size:12px;}
.cbxep-modal__body--delivery .cbxep-client-card{padding:11px 13px;gap:12px;}
.cbxep-modal__body--delivery .cbxep-client-card__avatar{width:40px;height:40px;border-radius:11px;font-size:13.5px;}
.cbxep-modal__body--delivery .cbxep-client-card__info strong{font-size:13.5px;}
.cbxep-modal__body--delivery .cbxep-client-card__info span{font-size:11.5px;}
.cbxep-modal__body--delivery .cbxep-radio-line{font-size:12.5px;}
.cbxep-modal__body--delivery .cbxep-divider{font-size:10px;margin:2px 0;}
.cbxep-modal__body--delivery .cbxep-help-inline{font-size:11.5px;}

/* Service card minimalista, una sola fila clara */
.cbxep-modal__body--delivery .cbxep-service-card__price{
  font-size:12px;
  padding:2px 8px;
}
.cbxep-modal__body--delivery .cbxep-service-card__add{width:22px;height:22px;}
.cbxep-modal__body--delivery .cbxep-service-card__add svg{width:11px;height:11px;}

/* Item card compactado */
.cbxep-modal__body--delivery .cbxep-item-card{padding:10px !important;gap:10px !important;}
.cbxep-modal__body--delivery .cbxep-item-card__icon{width:34px;height:34px;border-radius:10px;font-size:11.5px;}
.cbxep-modal__body--delivery .cbxep-item-card__controls{grid-template-columns:64px 1fr auto;gap:8px;}
.cbxep-modal__body--delivery .cbxep-item-card__sub{padding:3px 10px;min-width:80px;}
.cbxep-modal__body--delivery .cbxep-item-card__sub .cbxep-item-subtotal{font-size:13px;}
.cbxep-modal__body--delivery .cbxep-item-card__remove{width:30px;height:30px;border-radius:9px;}
.cbxep-modal__body--delivery .cbxep-item-card__remove svg{width:13px;height:13px;}
.cbxep-modal__body--delivery .cbxep-fee-card{padding:10px !important;gap:8px !important;}
.cbxep-modal__body--delivery .cbxep-fee-card__icon{width:30px;height:30px;border-radius:9px;}
.cbxep-modal__body--delivery .cbxep-fee-card__icon svg{width:14px;height:14px;}

/* Total bar compactada */
.cbxep-modal__body--delivery .cbxep-totals-v2{padding:14px 18px !important;gap:12px;}
.cbxep-modal__body--delivery .cbxep-totals-v2__amount .cbxep-total{font-size:24px;}
.cbxep-modal__body--delivery .cbxep-totals-v2__chip{padding:5px 10px;font-size:11.5px;}

/* Notice más compacto */
.cbxep-modal__body--delivery .cbxep-notice{padding:9px 12px 9px 36px;font-size:12.5px;}
.cbxep-modal__body--delivery .cbxep-notice::before{top:10px;width:14px;height:14px;font-size:10px;}
.cbxep-modal__body--delivery .cbxep-search-empty{padding:10px 12px;font-size:12px;}
.cbxep-modal__body--delivery .cbxep-search-card{padding:9px 11px !important;gap:11px;}
.cbxep-modal__body--delivery .cbxep-search-card__avatar{width:32px;height:32px;border-radius:9px;font-size:11.5px;}
.cbxep-modal__body--delivery .cbxep-search-card__body strong{font-size:13px;}
.cbxep-modal__body--delivery .cbxep-search-card__body span{font-size:11px;}

/* Disclosure dentro del modal v2 más fino */
.cbxep-modal__body--delivery .cbxep-disclosure summary{padding:10px 13px;font-size:12.5px;}
.cbxep-modal__body--delivery .cbxep-disclosure__body{padding:10px 13px;}

/* ═══════════════════════════════════════════════════════════════
   Modal de entrega · v2.1
   - Footer fijo (no scrollea con el body)
   - Dropdown flotante para búsqueda de cliente (no empuja contenido)
   - Items y fees en una sola fila minimalista
   ═══════════════════════════════════════════════════════════════ */

/* Form como contenedor flex-column del diálogo */
.cbxep-modal__shell{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
  overflow:hidden;
  margin:0;
  padding:0;
}
.cbxep-modal__dialog--delivery{
  display:flex;
  flex-direction:column;
}
.cbxep-modal__head--delivery,
.cbxep-modal-steps,
.cbxep-modal__footer--delivery{flex-shrink:0;}

/* Body scrollea internamente, padding inferior libre (footer va aparte) */
.cbxep-modal__body--delivery{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:18px 22px !important;
  scroll-padding-bottom:0 !important;
}
.cbxep-modal__body--delivery .cbxep-form-stack--delivery{padding-bottom:0 !important;}

/* Footer pegado al fondo del diálogo, no scrollea */
.cbxep-modal__footer--delivery{
  background:linear-gradient(180deg,
    var(--cbxep-surface-strong) 0%,
    var(--cbxep-acc-soft) 100%);
  border-top:1px solid var(--cbxep-acc-ring);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  box-shadow:0 -10px 28px -10px rgba(15,23,42,.18);
}
.cbxep-modal__footer--delivery .cbxep-totals-v2{
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  margin:0;
  padding:14px 22px !important;
  flex-direction:row !important;
  justify-content:flex-end !important;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
}
.cbxep-modal__footer--delivery .cbxep-totals-v2__summary{
  display:flex;
  flex-direction:row !important;
  align-items:center;
  justify-content:flex-end !important;
  gap:14px;
  flex:0 1 auto;
}
.cbxep-modal__footer--delivery .cbxep-totals-v2__chips{
  flex:0 0 auto;
}
.cbxep-modal__footer--delivery .cbxep-totals-v2__amount{
  align-items:flex-end;
  flex:0 0 auto;
}
.cbxep-modal__footer--delivery .cbxep-totals-v2__actions{
  flex:0 0 auto;
  justify-content:flex-end;
}

@media (max-width: 720px){
  .cbxep-modal__footer--delivery .cbxep-totals-v2{justify-content:space-between !important;gap:10px;}
  .cbxep-modal__footer--delivery .cbxep-totals-v2__summary{justify-content:space-between !important;flex:1 1 100%;}
  .cbxep-modal__footer--delivery .cbxep-totals-v2__actions{flex:1 1 100%;}
}

/* Dropdown flotante de búsqueda de cliente */
.cbxep-customer-search-wrap{
  position:relative;
  z-index:5;
}
.cbxep-customer-search-wrap #cbxep-customer-search-host{
  position:absolute;
  top:calc(100% + 6px);
  left:0; right:0;
  z-index:30;
  max-height:280px;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid var(--cbxep-border-strong);
  border-radius:var(--cbxep-radius-md);
  background:var(--cbxep-surface-strong);
  backdrop-filter:var(--cbxep-blur-modal);
  -webkit-backdrop-filter:var(--cbxep-blur-modal);
  box-shadow:var(--cbxep-shadow-lg);
  padding:5px;
  animation:cbxep-fade-up .15s ease both;
}
.cbxep-customer-search-wrap #cbxep-customer-search-host:empty{display:none;}
.cbxep-customer-search-wrap #cbxep-customer-search-host .cbxep-search-results,
.cbxep-customer-search-wrap #cbxep-customer-search-host .cbxep-search-empty{
  margin:0 !important;
  max-height:none !important;
  overflow:visible !important;
}
.cbxep-customer-search-wrap #cbxep-customer-search-host .cbxep-search-results{
  display:flex;
  flex-direction:column;
  gap:3px;
}

/* Items en fila — minimalista, una sola línea */
.cbxep-line-items--rows{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.cbxep-item-row{
  display:grid !important;
  grid-template-columns:28px minmax(0, 1fr) 56px 88px 88px 28px;
  gap:8px !important;
  align-items:center !important;
  padding:7px 10px !important;
  border:1px solid var(--cbxep-border) !important;
  border-radius:var(--cbxep-radius-sm) !important;
  background:var(--cbxep-surface) !important;
  transition:border-color var(--cbxep-trans), box-shadow var(--cbxep-trans), transform var(--cbxep-trans);
  animation:cbxep-pop .2s cubic-bezier(.2,.9,.25,1.1) both;
}
.cbxep-item-row:hover{
  border-color:var(--cbxep-acc-ring) !important;
  box-shadow:var(--cbxep-shadow-sm);
}
.cbxep-item-row__icon{
  width:28px;height:28px;
  border-radius:7px;
  background:var(--cbxep-acc-soft);
  color:var(--cbxep-acc-strong);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;
  font-size:10.5px;
  letter-spacing:.02em;
  border:1px solid var(--cbxep-acc-soft-2);
}
.cbxep-item-row__name{
  font-size:13px;
  font-weight:600;
  color:var(--cbxep-text-strong);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:-.005em;
  min-width:0;
}
.cbxep-modal__body--delivery .cbxep-item-row__qty,
.cbxep-modal__body--delivery .cbxep-item-row__price{
  padding:6px 8px !important;
  font-size:12.5px !important;
  border-radius:7px !important;
  font-variant-numeric:tabular-nums;
  min-height:0;
}
.cbxep-item-row__qty{text-align:center;}
.cbxep-item-row__price{text-align:right;}
.cbxep-item-row__sub{
  font-size:13px;
  font-weight:800;
  color:var(--cbxep-acc-strong);
  font-variant-numeric:tabular-nums;
  text-align:right;
  padding-right:2px;
  letter-spacing:-.01em;
}
.cbxep-item-row__remove{
  width:28px;height:28px;
  border-radius:7px;
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface);
  color:var(--cbxep-muted);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  padding:0;
  transition:all var(--cbxep-trans);
}
.cbxep-item-row__remove svg{width:13px;height:13px;}
.cbxep-item-row__remove:hover{
  background:var(--cbxep-danger-soft);
  border-color:var(--cbxep-danger-border);
  color:var(--cbxep-danger);
  transform:scale(1.05);
}

/* Fee en fila */
.cbxep-fee-row{
  display:grid !important;
  grid-template-columns:28px minmax(0, 1fr) 110px 28px;
  gap:8px !important;
  align-items:center !important;
  padding:7px 10px !important;
  border:1px solid var(--cbxep-border) !important;
  border-radius:var(--cbxep-radius-sm) !important;
  background:var(--cbxep-surface) !important;
  transition:border-color var(--cbxep-trans);
  animation:cbxep-pop .2s cubic-bezier(.2,.9,.25,1.1) both;
}
.cbxep-fee-row:hover{border-color:var(--cbxep-acc-ring) !important;}
.cbxep-fee-row__icon{
  width:28px;height:28px;
  border-radius:7px;
  background:var(--cbxep-warn-soft);
  color:var(--cbxep-warn);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--cbxep-warn-border);
}
.cbxep-fee-row__icon svg{width:13px;height:13px;}
.cbxep-modal__body--delivery .cbxep-fee-row__name,
.cbxep-modal__body--delivery .cbxep-fee-row__amount{
  padding:6px 8px !important;
  font-size:12.5px !important;
  border-radius:7px !important;
}
.cbxep-fee-row__amount{
  font-variant-numeric:tabular-nums;
  text-align:right;
}

/* Steps padding consistente con resto del modal */
.cbxep-modal-steps{padding:10px 22px !important;}

/* Responsive: comprimir filas en móvil */
@media (max-width: 720px){
  .cbxep-item-row{grid-template-columns:24px minmax(0,1fr) 46px 68px 68px 26px;gap:6px !important;padding:6px 8px !important;}
  .cbxep-item-row__icon{width:24px;height:24px;font-size:9.5px;}
  .cbxep-item-row__sub{font-size:12px;}
  .cbxep-fee-row{grid-template-columns:24px minmax(0,1fr) 90px 26px;gap:6px !important;padding:6px 8px !important;}
  .cbxep-modal__body--delivery{padding:14px !important;}
  .cbxep-modal__footer--delivery .cbxep-totals-v2{padding:12px 14px !important;}
}

/* Quitar el padding-bottom legacy del form-stack--delivery (ya no necesita espacio para sticky) */
.cbxep-form-stack--delivery{padding-bottom:0 !important;}

/* ═══════════════════════════════════════════════════════════════
   Extras (Packing list trigger + Cobro en destino)
   y Sub-modal animado de Packing list
   ═══════════════════════════════════════════════════════════════ */

/* Tarjeta clickeable que abre el sub-modal de packing list */
.cbxep-extras-card{
  appearance:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:var(--cbxep-radius-md);
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface);
  text-align:left;
  font-family:inherit;
  color:inherit;
  cursor:pointer;
  width:100%;
  transition:all var(--cbxep-trans);
  position:relative;
  overflow:hidden;
}
.cbxep-extras-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, var(--cbxep-acc-soft) 0%, transparent 60%);
  opacity:0;
  transition:opacity var(--cbxep-trans);
  pointer-events:none;
}
.cbxep-extras-card:hover{
  border-color:var(--cbxep-acc-ring);
  transform:translateY(-1px);
  box-shadow:var(--cbxep-shadow-sm);
}
.cbxep-extras-card:hover::before{opacity:1;}
.cbxep-extras-card:active{transform:translateY(0) scale(.99);}
.cbxep-extras-card__icon{
  width:38px;height:38px;
  border-radius:11px;
  background:var(--cbxep-acc-soft);
  color:var(--cbxep-acc-strong);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--cbxep-acc-soft-2);
  flex-shrink:0;
  transition:transform var(--cbxep-trans);
  position:relative;
  z-index:1;
}
.cbxep-extras-card__icon svg{width:18px;height:18px;}
.cbxep-extras-card:hover .cbxep-extras-card__icon{transform:rotate(-3deg) scale(1.04);}
.cbxep-extras-card__body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  position:relative;
  z-index:1;
}
.cbxep-extras-card__title{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.cbxep-extras-card__title strong{
  font-size:13.5px;
  font-weight:700;
  color:var(--cbxep-text-strong);
  letter-spacing:-.005em;
}
.cbxep-extras-card__count{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:var(--cbxep-radius-pill);
  background:var(--cbxep-acc-soft);
  color:var(--cbxep-acc-strong);
  border:1px solid var(--cbxep-acc-soft-2);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.cbxep-extras-card__preview{
  font-size:12px;
  color:var(--cbxep-muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  width:100%;
  line-height:1.3;
}
.cbxep-extras-card__preview--empty{font-style:italic;}
.cbxep-extras-card__cta{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:7px 12px;
  border-radius:var(--cbxep-radius-pill);
  background:var(--cbxep-acc-grad);
  color:#fff;
  font-size:11.5px;
  font-weight:700;
  flex-shrink:0;
  box-shadow:var(--cbxep-acc-glow);
  position:relative;
  z-index:1;
  transition:transform var(--cbxep-trans);
}
.cbxep-extras-card__cta svg{width:11px;height:11px;}
.cbxep-extras-card:hover .cbxep-extras-card__cta svg{transform:translateX(2px);}

/* Cobro en destino — input inline elegante */
.cbxep-extras-cod{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 14px;
  border-radius:var(--cbxep-radius-md);
  border:1px solid var(--cbxep-border);
  background:var(--cbxep-surface);
  transition:border-color var(--cbxep-trans);
}
.cbxep-extras-cod:focus-within{border-color:var(--cbxep-acc-ring);}
.cbxep-extras-cod__head{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1;
}
.cbxep-extras-cod__icon{
  width:32px;height:32px;
  border-radius:9px;
  background:var(--cbxep-warn-soft);
  color:var(--cbxep-warn);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--cbxep-warn-border);
  flex-shrink:0;
}
.cbxep-extras-cod__icon svg{width:15px;height:15px;}
.cbxep-extras-cod__text{display:flex;flex-direction:column;gap:1px;min-width:0;}
.cbxep-extras-cod__text strong{font-size:13px;color:var(--cbxep-text-strong);font-weight:700;letter-spacing:-.005em;}
.cbxep-extras-cod__text small{font-size:11.5px;color:var(--cbxep-muted);}
.cbxep-extras-cod__input{
  width:120px !important;
  flex-shrink:0;
  text-align:right;
  font-variant-numeric:tabular-nums;
  font-weight:600;
}

/* ═══════════════════════════════════════════════════════════════
   PERFORMANCE OVERRIDES
   - Quitar backdrop-filter de elementos repetidos masivamente (inputs, cards,
     fieldsets, chips, status). El blur en muchos elementos satura la GPU.
   - Reservar el efecto sólo para superficies grandes y únicas (modal, dialog,
     dropdowns, toast).
   - Detener animaciones infinitas (step pulse, separator flow, zero-bultos).
   - Reducir blur del mesh de fondo (operación más cara del compositor).
   - Acelerar transiciones para que el compositor termine antes.
   ═══════════════════════════════════════════════════════════════ */

.cbxep-input,
.cbxep-card,
.cbxep-fieldset,
.cbxep-fieldset--v2,
.cbxep-chip,
.cbxep-tab,
.cbxep-btn--ghost,
.cbxep-table th,
.cbxep-stat-mini,
.cbxep-inline-badge,
.cbxep-status,
.cbxep-pill,
.cbxep-bultos-badge,
.cbxep-theme-toggle,
.cbxep-search-item,
.cbxep-service-card,
.cbxep-item-row,
.cbxep-fee-row,
.cbxep-item-card,
.cbxep-fee-card,
.cbxep-extras-card,
.cbxep-extras-cod,
.cbxep-totals-v2__chip{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Card con superficie sólida (no necesita translucidez) */
.cbxep-card{background:var(--cbxep-surface-strong);}
.cbxep-app-root[data-cbxep-theme="dark"] .cbxep-card{background:rgba(15,23,42,.92);}
.cbxep-fieldset--v2{background:var(--cbxep-surface-quiet);}

/* Quitar overlay de gradiente sobre cards (paint extra cada frame) */
.cbxep-card::before{display:none !important;}
.cbxep-btn::after{display:none !important;}

/* Mesh de fondo: blur(60px) era muy caro — reducir y aclarar */
.cbxep-app-root::before,
.cbxep-app-root::after{
  filter:blur(36px) !important;
  opacity:.5 !important;
}

/* Detener animaciones infinitas (corren cada frame indefinidamente) */
.cbxep-step.is-active .cbxep-step__num{
  animation:none !important;
  box-shadow:0 0 0 4px var(--cbxep-acc-ring) !important;
}
.cbxep-step-sep::after{display:none !important;}
.cbxep-bultos-badge.is-zero{
  animation:none !important;
  box-shadow:0 0 0 2px rgba(239,68,68,.10) !important;
}

/* Transiciones más cortas — menos overhead del compositor */
.cbxep-app-root{
  --cbxep-trans-fast:80ms ease;
  --cbxep-trans:140ms ease;
  --cbxep-trans-slow:220ms ease;
}

/* Quitar el lift translateY en hovers de elementos rendereados muchas veces.
   Sólo afectan rendimiento cuando el cursor pasa rápido sobre muchos. */
.cbxep-service-card:hover,
.cbxep-search-card:hover,
.cbxep-item-row:hover,
.cbxep-fee-row:hover,
.cbxep-item-card:hover,
.cbxep-fee-card:hover,
.cbxep-card:hover{
  transform:none !important;
}

/* Animación pop sólo en aparición, y más rápida */
.cbxep-item-row,
.cbxep-fee-row,
.cbxep-item-card,
.cbxep-fee-card,
.cbxep-client-card{
  animation-duration:.18s !important;
}

/* Sub-modal de packing list — animado, por encima del modal principal */
.cbxep-modal--packing{
  z-index:100010 !important;
  background:rgba(7,11,24,.50);
  backdrop-filter:saturate(160%) blur(10px);
  -webkit-backdrop-filter:saturate(160%) blur(10px);
  cursor:pointer;
}
.cbxep-modal__dialog--packing{
  width:min(720px, 100%);
  max-height:min(90vh, calc(100vh - 32px));
  cursor:default;
  display:flex;
  flex-direction:column;
  background:var(--cbxep-surface-strong);
  border:1px solid var(--cbxep-border-strong);
  border-radius:var(--cbxep-radius-xl);
  box-shadow:var(--cbxep-shadow-modal), var(--cbxep-shadow-inner);
  backdrop-filter:var(--cbxep-blur-modal);
  -webkit-backdrop-filter:var(--cbxep-blur-modal);
  overflow:hidden;
  animation:cbxep-pop .35s cubic-bezier(.2,.9,.25,1.1) both;
}
.cbxep-modal__head--packing{
  flex-shrink:0;
  padding:18px 22px;
  border-bottom:1px solid var(--cbxep-border);
  background:
    radial-gradient(80% 120% at 0% 0%, var(--cbxep-acc-soft) 0%, transparent 60%),
    linear-gradient(180deg, var(--cbxep-surface-strong) 0%, var(--cbxep-surface-quiet) 100%);
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.cbxep-modal__head--packing .cbxep-modal__title-icon{width:40px;height:40px;border-radius:12px;}
.cbxep-modal__head--packing .cbxep-modal__title-icon svg{width:20px;height:20px;}
.cbxep-modal__head--packing h3{margin:0;font-size:18px;font-weight:700;color:var(--cbxep-text-strong);letter-spacing:-.015em;}
.cbxep-modal__head--packing p{margin:2px 0 0;font-size:12.5px;color:var(--cbxep-muted);}
.cbxep-modal__head--packing p strong{color:var(--cbxep-acc-strong);font-weight:700;}
.cbxep-modal__body--packing{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px 22px;
  overflow:hidden;
}
.cbxep-packing-textarea{
  flex:1;
  min-height:240px;
  resize:none !important;
  font-family:"JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;
  font-size:13.5px;
  line-height:1.6;
  padding:14px 16px !important;
  border-radius:var(--cbxep-radius-md) !important;
  background:var(--cbxep-surface-input);
  letter-spacing:.005em;
}
.cbxep-packing-help{
  font-size:11.5px;
  color:var(--cbxep-muted);
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 2px;
}
.cbxep-modal__footer--packing{
  flex-shrink:0;
  padding:14px 22px;
  border-top:1px solid var(--cbxep-border);
  background:linear-gradient(180deg, var(--cbxep-surface-quiet) 0%, var(--cbxep-acc-soft) 100%);
}
.cbxep-modal__footer--packing .cbxep-form-actions{justify-content:flex-end;}
.cbxep-modal__footer--packing .cbxep-btn--primary svg{width:14px;height:14px;}

/* Responsive del sub-modal */
@media (max-width: 720px){
  .cbxep-modal__dialog--packing{
    width:calc(100% - 16px);
    max-height:calc(100vh - 16px);
    border-radius:var(--cbxep-radius-lg);
  }
  .cbxep-modal__head--packing,
  .cbxep-modal__body--packing,
  .cbxep-modal__footer--packing{padding-left:16px;padding-right:16px;}
  .cbxep-extras-card{flex-wrap:wrap;}
  .cbxep-extras-card__cta{width:100%;justify-content:center;}
  .cbxep-extras-cod{flex-direction:column;align-items:stretch;gap:8px;}
  .cbxep-extras-cod__input{width:100% !important;text-align:left;}
}