/* What2Do Business 2.0 · capa visual del panel del negocio (C13, 2026-10-19).
   ---------------------------------------------------------------------------------------------
   Aditiva y acotada: TODO cuelga de `body.w2b`, que business-2.js pone sólo mientras se ve una
   superficie de negocio (panel, configuración, Trueke Store, agencia, repartidor o superpanel).
   Fuera de ahí (Directorio, cliente final, menú público) no cambia nada.
   Usa los tokens y componentes de wwd/ds-2.css: fondo blanco/neutro, verde What2Do como color
   principal, naranja SÓLO para la acción principal, tarjetas limpias, botones píldora, iconos de
   línea y estados vacío/cargando resueltos igual. Contraste medido: texto ≥ 4.5:1, controles ≥ 3:1.
   Retirar el <link> devuelve la apariencia anterior. */

/* ── 1. Tokens: la paleta heredada se remapea al lenguaje 2.0 dentro del ámbito ───────────── */
body.w2b{
  --brand:#047857;--brand-hover:#065f46;--brand-active:#064e3b;
  --brand-soft:#ecfdf5;--brand-muted:#d1fae5;--brand-border:#a7f3d0;
  --bg:#f7faf8;--bg-subtle:#f5f5f4;--card:#fff;--surface:#fff;
  --ink:#0f172a;--muted:#526077;--placeholder:#8a94a6;
  --line:#e7e5e4;--line-strong:#d6d3d1;
  --green:#047857;--green-soft:#ecfdf5;--green-border:#a7f3d0;
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;
  --shadow-xs:0 1px 2px rgba(15,23,42,.05);--shadow-sm:var(--w2-shadow);--shadow-md:var(--w2-shadow);
  --shadow-lg:var(--w2-shadow-lg);--shadow-xl:0 24px 60px -20px rgba(15,23,42,.35);
  --font:var(--w2-font);
  --w2dlite-ink:#0f172a;--w2dlite-muted:#526077;--w2dlite-line:#e7e5e4;--w2dlite-bg:#f7faf8;
  --w2dlite-orange:#047857;--w2dlite-orange-ink:#065f46;--w2dlite-mint:#ecfdf5;--w2dlite-green:#047857;
  --cc-ink:#0f172a;--cc-ink2:#526077;
  background:var(--w2-soft);color:var(--w2-ink);font-family:var(--w2-font);
}
body.w2b h1,body.w2b h2,body.w2b h3,body.w2b h4{font-family:var(--w2-font);letter-spacing:-.01em;color:var(--w2-ink)}

/* ── 2. Componentes heredados con forma 2.0 (botones, campos, tarjetas, hojas) ────────────── */
body.w2b .btn{border-radius:var(--w2-pill);border-width:1px;font-family:var(--w2-font);font-weight:650;min-height:44px;box-shadow:none}
body.w2b .btn-brand{background:var(--w2-brand-aa);border-color:var(--w2-brand-aa);color:#fff;box-shadow:none}
body.w2b .btn-brand:hover{background:var(--w2-brand-ink);border-color:var(--w2-brand-ink);box-shadow:none}
body.w2b .btn-ghost{background:#fff;border-color:var(--w2-line);color:var(--w2-ink)}
body.w2b .btn-ghost:hover{border-color:var(--w2-brand);background:#fff}
body.w2b .btn-danger{background:#fff;color:var(--w2-danger);border-color:#fecaca}
body.w2b .btn-danger:hover{background:var(--w2-danger);color:#fff}
body.w2b .btn-sm,body.w2b .btn-tag,body.w2b .btn-xs{min-height:36px;border-radius:var(--w2-pill)}
body.w2b .in{border:1px solid var(--w2-line);border-radius:12px;min-height:44px;background:#fff;font-family:var(--w2-font)}
body.w2b .in:hover:not(:focus){border-color:var(--w2-ctl)}
body.w2b .in:focus{border-color:var(--w2-brand);box-shadow:0 0 0 3px rgba(5,150,105,.16)}
body.w2b textarea.in{min-height:88px}
body.w2b label.fld,body.w2b .fld{font-size:12.5px;font-weight:650;color:var(--w2-body);margin:12px 0 6px;display:block}
body.w2b .card{border:1px solid var(--w2-line);border-radius:var(--w2-r-lg);box-shadow:var(--w2-shadow);background:#fff}
body.w2b .card:hover{box-shadow:var(--w2-shadow)}
body.w2b .card h3{font-size:var(--w2-h3);font-weight:750;margin:0 0 6px}
body.w2b .subt{color:var(--w2-muted);font-size:13.5px;line-height:1.45}
body.w2b .link{color:var(--w2-brand-aa);font-weight:650}
body.w2b table{border-collapse:collapse}
body.w2b th{font-size:12px;font-weight:700;color:var(--w2-muted);text-transform:none;letter-spacing:0}
body.w2b td,body.w2b th{border-color:var(--w2-line)}
body.w2b .overlay{background:rgba(15,23,42,.42)}
body.w2b .modal{border-radius:var(--w2-r-xl) var(--w2-r-xl) 0 0;border:1px solid var(--w2-line);box-shadow:var(--w2-shadow-lg);padding:20px 18px calc(18px + env(safe-area-inset-bottom));font-family:var(--w2-font);max-width:520px}
body.w2b .modal::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--w2-line);margin:-8px auto 12px}
body.w2b .modal:has(> .w2dm-back)::before{display:none}
@media(min-width:560px){body.w2b .modal{border-radius:var(--w2-r-xl);padding:24px}body.w2b .modal::before{display:none}}
body.w2b .modal h3{font-size:var(--w2-h2);font-weight:750;line-height:1.2;margin:0 0 4px}
body.w2b .w2dm-back{color:var(--w2-brand-aa)!important}
body.w2b #survOverlay{background:var(--w2-soft)!important}

/* ── 3. Encabezado del negocio y cajón de módulos ──────────────────────────────────────────── */
/* Sin backdrop-filter: crearía un bloque contenedor y el cajón fijo #tabs (hijo del topbar) desbordaría la página. */
body.w2b .topbar{background:#fff;border-bottom:1px solid var(--w2-line);box-shadow:none}
body.w2b .topbar .logo{font-family:var(--w2-font);color:var(--w2-ink)}
body.w2b .topbar .logo small{color:var(--w2-brand-aa)}
body.w2b #w2dAppNavToggle{background:#fff!important;border:1px solid var(--w2-line)!important;color:var(--w2-ink)!important;box-shadow:none!important;border-radius:var(--w2-pill)!important}
body.w2b #w2dAppNavToggle svg{color:var(--w2-brand-aa)}
body.w2b .w2dmodbar{gap:6px}
body.w2b .w2dmod{border-radius:14px;border:1px solid var(--w2-line);background:#fff;color:var(--w2-body)}
body.w2b .w2dmod.on,body.w2b .w2dmod[aria-pressed=true]{background:var(--w2-brand-tint);border-color:var(--w2-brand-aa);color:var(--w2-brand-ink)}
body.w2b .w2dmod .ic,body.w2b .w2dm-i .ic{color:var(--w2-brand-aa)}
body.w2b .w2dmod-head{font-family:var(--w2-font);font-weight:750;color:var(--w2-ink)}
body.w2b .w2dm-i{border-radius:12px;font-family:var(--w2-font);font-weight:600;color:var(--w2-ink);min-height:44px}
body.w2b .w2dm-i:hover,body.w2b .w2dm-i.active{background:var(--w2-brand-tint);color:var(--w2-brand-ink)}

/* ── 4. Barra lateral (escritorio) ─────────────────────────────────────────────────────────── */
body.w2b .w2dl-shell{background:#fff;border:1px solid var(--w2-line);border-radius:var(--w2-r-xl);box-shadow:var(--w2-shadow)}
body.w2b .w2b-side{display:flex;flex-direction:column;gap:4px;padding:14px 12px;background:#fff;border-right:1px solid var(--w2-line)}
body.w2b .w2b-side-id{display:flex!important;align-items:center;gap:10px;padding:10px!important;margin-bottom:8px;border-radius:14px;background:var(--w2-soft)!important;border:1px solid var(--w2-line)}
body.w2b .w2b-avatar{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--w2-brand-aa);color:#fff;font:750 15px/1 var(--w2-font)}
body.w2b .w2b-side-id b{display:block;font-size:13.5px;line-height:1.25;color:var(--w2-ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.w2b .w2b-side-id small{display:block;font-size:12px;color:var(--w2-muted);margin-top:2px}
body.w2b .w2b-side-nav,body.w2b .w2b-side-foot{display:flex;flex-direction:column;gap:2px}
body.w2b .w2b-side-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--w2-line)}
body.w2b .w2b-side button{display:flex!important;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--w2-body)!important;font:600 14px/1 var(--w2-font)!important;text-align:left;cursor:pointer;box-shadow:none!important}
body.w2b .w2b-side button svg{width:19px;height:19px;color:var(--w2-muted);flex:none}
body.w2b .w2b-side button:hover{background:var(--w2-soft)!important;color:var(--w2-ink)!important}
body.w2b .w2b-side button:hover svg{color:var(--w2-brand-aa)}
body.w2b .w2b-side button[data-w2b-nav=inicio]{background:var(--w2-brand-tint)!important;color:var(--w2-brand-ink)!important}
body.w2b .w2b-side button[data-w2b-nav=inicio] svg{color:var(--w2-brand-aa)}
body.w2b .w2b-side button:focus-visible{outline:2px solid var(--w2-brand);outline-offset:1px}

/* ── 5. Inicio del panel ───────────────────────────────────────────────────────────────────── */
body.w2b .w2b-home{display:flex;flex-direction:column;gap:14px;padding:4px 0 24px;max-width:960px}
body.w2b .w2b-hello h2{font:750 var(--w2-h2)/1.15 var(--w2-font);margin:4px 0 2px;overflow-wrap:anywhere}
body.w2b .w2b-hello .w2b-sub{margin:0;color:var(--w2-muted);font-size:13.5px;text-transform:none}
body.w2b .w2b-hello .w2b-sub::first-letter{text-transform:uppercase}
body.w2b .w2b-demo-tag{display:inline-block;color:var(--w2-warn);background:var(--w2-warn-tint);border-radius:var(--w2-pill);padding:1px 8px;letter-spacing:0;text-transform:none;font-size:11px}
body.w2b .w2b-status{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:var(--w2-r);border:1px solid var(--w2-line);background:#fff}
body.w2b .w2b-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--w2-warn);box-shadow:0 0 0 4px var(--w2-warn-tint)}
body.w2b .w2b-status[data-on=true] .w2b-dot{background:var(--w2-brand);box-shadow:0 0 0 4px var(--w2-brand-tint-2)}
body.w2b .w2b-status-tx{flex:1;min-width:0}
body.w2b .w2b-status-tx b{display:block;font-size:14px;color:var(--w2-ink)}
body.w2b .w2b-status-tx small{display:block;font-size:12.5px;color:var(--w2-muted);margin-top:1px}
body.w2b .w2b-status-btn{min-height:40px;padding:0 14px;flex:none}
body.w2b .w2b-status-btn svg{width:17px;height:17px;color:var(--w2-brand-aa)}
body.w2b .w2b-primary{min-height:52px;font-size:15.5px;gap:10px;box-shadow:0 10px 24px -14px rgba(194,65,12,.8)}
body.w2b .w2b-primary svg{width:20px;height:20px}
body.w2b .w2b-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:var(--w2-pill);background:#fff;color:var(--w2-cta-hover);font-size:12.5px;font-weight:800}
body.w2b .w2b-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.w2b .w2b-stats .w2-stat{min-width:0;box-shadow:var(--w2-shadow)}
body.w2b .w2b-stats .w2-stat b{font-size:clamp(18px,5vw,24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.w2b .w2b-nodata{display:block;color:var(--w2-muted)!important;font-weight:600!important;font-size:11.5px!important;margin-top:2px}
body.w2b .w2-stat[data-demo]::after{font-size:10.5px}
body.w2b .w2b-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--w2-line);border-radius:var(--w2-r);background:#fff;overflow:hidden}
body.w2b .w2b-flow button{display:flex;align-items:baseline;justify-content:center;gap:6px;min-height:46px;border:0;border-right:1px solid var(--w2-line);background:#fff;font-family:var(--w2-font);cursor:pointer;color:var(--w2-body)}
body.w2b .w2b-flow button:last-child{border-right:0}
body.w2b .w2b-flow b{font-size:17px;color:var(--w2-ink)}
body.w2b .w2b-flow span{font-size:12.5px;font-weight:600}
body.w2b .w2b-flow button:hover{background:var(--w2-soft)}
body.w2b .w2b-home .w2-sec{margin:8px 0 0}
body.w2b .w2b-home .w2-sec a{min-height:32px;display:inline-flex;align-items:center}
body.w2b .w2b-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.w2b .w2b-tile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;min-height:96px;padding:12px;border:1px solid var(--w2-line);border-radius:var(--w2-r);background:#fff;color:var(--w2-ink);font-family:var(--w2-font);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
body.w2b .w2b-tile:hover{border-color:var(--w2-brand);box-shadow:var(--w2-shadow)}
body.w2b .w2b-tile:focus-visible{outline:2px solid var(--w2-brand);outline-offset:2px}
body.w2b .w2b-tile-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--w2-brand-tint);color:var(--w2-brand-aa);margin-bottom:6px}
body.w2b .w2b-tile-ic svg{width:20px;height:20px}
body.w2b .w2b-tile b{font-size:14px;font-weight:700;line-height:1.2}
body.w2b .w2b-tile small{font-size:12px;color:var(--w2-muted);line-height:1.3}
body.w2b .w2b-next-list{display:flex;flex-direction:column;gap:8px}
body.w2b .w2b-next{width:100%;cursor:pointer;font-family:var(--w2-font);text-align:left}
body.w2b .w2b-next-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--w2-warn-tint);color:var(--w2-warn)}
body.w2b .w2b-next-ic svg{width:20px;height:20px}
body.w2b .w2b-empty-sm{padding:18px 14px}
body.w2b .w2b-empty-sm svg{width:26px;height:26px}
body.w2b .w2b-copilot{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;background:var(--w2-soft)}
body.w2b .w2b-copilot-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--w2-line);color:var(--w2-brand-aa)}
body.w2b .w2b-copilot-ic svg{width:21px;height:21px}
body.w2b .w2b-copilot-tx{flex:1;min-width:0}
body.w2b .w2b-copilot-tx b{display:block;font-size:14px}
body.w2b .w2b-copilot-tx small{display:block;font-size:12.5px;color:var(--w2-muted)}
body.w2b .w2b-copilot .w2-btn{flex:none;min-height:40px;padding:0 14px}
@media(max-width:700px){
  body.w2b .w2b-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.w2b .w2b-tile{min-height:88px}
  body.w2b .w2b-stats{gap:8px}
  body.w2b .w2b-stats .w2-stat{padding:10px}
  body.w2b .w2b-stats .w2-stat small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.w2b .w2b-stats .w2-stat[data-demo]::after{font-size:10px;padding:1px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:380px){
  body.w2b .w2b-copilot{flex-wrap:wrap}
  body.w2b .w2b-copilot .w2-btn{width:100%}
  body.w2b .w2b-status{flex-wrap:wrap}
  body.w2b .w2b-status-btn{width:100%}
}
/* Avisos que el inicio ya traía (contenido del Directorio, Recomienda y gana): mismo lenguaje. */
body.w2b #panelTablero .w2dl-lite-notice,body.w2b #panelTablero .w2dl-referral{border-radius:var(--w2-r);border-color:var(--w2-line)}

/* ── 6. Barra inferior del negocio (teléfono): Inicio · Negocio · Operación · Clientes · Más ── */
@media(max-width:700px){
  body.w2b-biz.w2dExperienceLite #w2dLiteDock[data-visible=true]{position:fixed;left:0;right:0;bottom:0;z-index:9990;margin:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--w2-line);border-radius:0;background:rgba(255,255,255,.97);box-shadow:0 -8px 24px -18px rgba(15,23,42,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  body.w2b-biz.w2dExperienceLite #w2dLiteDock[data-visible=true] button{min-height:52px;color:var(--w2-muted);font:650 11px/1.1 var(--w2-font);gap:4px;border-radius:12px}
  body.w2b-biz.w2dExperienceLite #w2dLiteDock[data-visible=true] button .w2dl-dock-icon,body.w2b-biz.w2dExperienceLite #w2dLiteDock[data-visible=true] button .w2dl-dock-icon svg{width:22px;height:22px}
  body.w2b-biz.w2dExperienceLite #w2dLiteDock[data-visible=true] button:hover,body.w2b-biz.w2dExperienceLite #w2dLiteDock[data-visible=true] button:focus-visible{background:var(--w2-brand-tint);color:var(--w2-brand-ink)}
  body.w2b-biz.w2dExperienceLite #w2dLiteDock[data-visible=true] button:first-child{color:var(--w2-brand-ink)}
  body.w2b-biz.w2dExperienceLite:has(#w2dLiteDock[data-visible=true]) #view-panel,body.w2b-biz.w2dExperienceLite:has(#w2dLiteDock[data-visible=true]) #view-config{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body.w2b-biz.w2dExperienceLite:has(#w2dLiteDock[data-visible=true]) .assist-fab,body.w2b-biz.w2dExperienceLite:has(#w2dLiteDock[data-visible=true]) #w2dAssistFab{bottom:calc(86px + env(safe-area-inset-bottom))!important}
  body.w2b-biz.w2dExperienceLite:has(#w2dLiteDock[data-visible=true]) #w2dDemoBadge{bottom:calc(84px + env(safe-area-inset-bottom))!important}
}

/* ── 7. Hojas del negocio (Negocio · Operación · Clientes · Más) y «Disponible con plan» ───── */
body.w2b .w2b-sheet{font-family:var(--w2-font)}
body.w2b .w2b-sheet .subt{margin:0 0 12px}
body.w2b .w2b-sheet-list{display:flex;flex-direction:column;gap:6px}
body.w2b .w2b-sheet-row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 12px;border:1px solid var(--w2-line);border-radius:var(--w2-r);background:#fff;color:var(--w2-ink);font-family:var(--w2-font);text-align:left;cursor:pointer}
body.w2b .w2b-sheet-row:hover{border-color:var(--w2-brand)}
body.w2b .w2b-sheet-row:focus-visible{outline:2px solid var(--w2-brand);outline-offset:2px}
body.w2b .w2b-sheet-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--w2-brand-tint);color:var(--w2-brand-aa)}
body.w2b .w2b-sheet-ic svg{width:20px;height:20px}
body.w2b .w2b-sheet-tx{flex:1;min-width:0}
body.w2b .w2b-sheet-tx b{display:block;font-size:14.5px;font-weight:650}
body.w2b .w2b-sheet-tx small{display:block;font-size:12.5px;color:var(--w2-muted);margin-top:1px;line-height:1.35}
body.w2b .w2b-sheet-go{flex:none;color:var(--w2-faint)}
body.w2b .w2b-sheet-go svg{width:18px;height:18px}
body.w2b .w2b-sheet-row.is-main{background:var(--w2-brand-tint);border-color:var(--w2-brand-tint-2)}
body.w2b .w2b-sheet-row.is-main .w2b-sheet-ic{background:var(--w2-brand-aa);color:#fff}
body.w2b .w2b-sheet-row.is-plan .w2b-sheet-ic{background:var(--w2-sunk);color:var(--w2-muted)}
body.w2b .w2b-plan{flex:none;margin-top:6px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:var(--w2-pill);background:var(--w2-warn-tint);color:#713f12;font-size:11.5px;font-weight:700;white-space:nowrap}
body.w2b .w2b-plan svg{width:13px;height:13px}
body.w2b .w2b-planbox{display:flex;gap:12px;padding:14px;border-radius:var(--w2-r);background:var(--w2-soft);border:1px solid var(--w2-line);margin:6px 0 14px;font-size:13.5px;color:var(--w2-body);line-height:1.45}
body.w2b .w2b-planbox>svg{flex:none;width:22px;height:22px;color:var(--w2-warn)}
body.w2b .w2b-planbox b{color:var(--w2-ink)}
body.w2b .w2b-planbox p{margin:6px 0 0}
body.w2b .w2b-spaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
body.w2b .w2b-space{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:12px;border:1px solid var(--w2-line);border-radius:var(--w2-r);background:var(--w2-soft);color:var(--w2-ink);font-family:var(--w2-font);text-align:left;cursor:pointer}
body.w2b .w2b-space>svg{width:22px;height:22px;color:var(--w2-brand-aa)}
body.w2b .w2b-space b{display:block;font-size:14px}
body.w2b .w2b-space small{display:block;font-size:11.5px;color:var(--w2-muted);line-height:1.3}
body.w2b .w2b-space:hover{border-color:var(--w2-brand)}
@media(max-width:420px){body.w2b .w2b-space small{display:none}body.w2b .w2b-space{align-items:center;text-align:center}}
body.w2b .w2b-sheet-foot{display:flex;flex-direction:column;gap:8px;margin-top:14px}
body.w2b .w2b-sheet .w2-btn svg{width:18px;height:18px}
body.w2b .w2b-out{color:var(--w2-danger)}
body.w2b .w2b-sheet-close{margin-top:8px}

/* ── 8. Puerta de acceso (login) ───────────────────────────────────────────────────────────── */
/* El acceso por tipo de cuenta se ve antes de iniciar sesión: va sin ámbito, con los valores 2.0. */
.w2d-access-grid{gap:8px!important}
.w2d-access-grid>button{min-height:64px!important;border:1px solid #e7e5e4!important;border-radius:16px!important;background:#fff!important;color:#0f172a!important;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif!important;box-shadow:0 6px 20px -14px rgba(15,23,42,.35)}
.w2d-access-grid>button:hover{border-color:#059669!important}
.w2d-access-grid>button:focus-visible{outline:2px solid #059669;outline-offset:2px}
.w2d-access-grid>button>span:last-child{font-size:14.5px!important;font-weight:650!important;line-height:1.2}
.w2d-access-grid>button small{font-size:12px!important;color:#526077!important;font-weight:500!important}
.w2d-access-grid .w2b-acc-ic{display:grid!important;place-items:center;width:40px;height:40px;border-radius:12px;background:#ecfdf5;color:#047857;flex:none}
.w2d-access-grid .w2b-acc-ic svg{width:21px;height:21px}
.modal:has(.w2d-access-grid) .btn{border-radius:999px;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:650;box-shadow:none}
.modal:has(.w2d-access-grid) .btn-brand{background:#047857;border-color:#047857;color:#fff}
.modal:has(.w2d-access-grid) .btn-brand:hover{background:#065f46;border-color:#065f46}
.modal:has(.w2d-access-grid) h3{font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif}
.w2dacc-em .w2b-ic,.w2dacc-em .w2dic svg{width:22px;height:22px}
.w2dacc-em{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ecfdf5;color:#047857}
#survOverlay .w2dacc{font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif}
#survOverlay .w2dacc-card{border-radius:16px;border:1px solid #e7e5e4;box-shadow:0 6px 20px -14px rgba(15,23,42,.35)}
#survOverlay .w2dacc-card:hover{border-color:#059669}
#survOverlay .w2dacc-go{color:#78716c}

/* ── 9. Vistas compartidas: pedidos/cocina, reportes, configuración, listas ─────────────────── */
body.w2b #view-config>.card{border-radius:var(--w2-r-lg)}
body.w2b .cfgAccSum,body.w2b #view-config summary{font-family:var(--w2-font);font-weight:650;color:var(--w2-ink)}
body.w2b #view-config details.cfgAcc[open]>summary{color:var(--w2-brand-ink)}
body.w2b .w2dl-config-intro{border-radius:var(--w2-r-lg);border:1px solid var(--w2-line);background:#fff;box-shadow:var(--w2-shadow)}
body.w2b .w2dl-config-intro button{border-radius:var(--w2-pill)!important;border:1px solid var(--w2-line)!important;background:#fff!important;color:var(--w2-ink)!important;min-height:40px;font-family:var(--w2-font);font-weight:650}
body.w2b #panelCocina section,body.w2b #panelTablero section[style*="border-radius:16px"]{border-radius:var(--w2-r-lg)!important;border-color:var(--w2-line)!important}
body.w2b .ocard,body.w2b .order-card{border-radius:var(--w2-r)!important;border-color:var(--w2-line)!important}
body.w2b .opt{border-radius:12px}
body.w2b .opt.on{border-color:var(--w2-brand-aa);background:var(--w2-brand-tint);color:var(--w2-brand-ink)}
body.w2b .chip,body.w2b .pill{border-radius:var(--w2-pill)}
body.w2b .spinner{border-top-color:var(--w2-brand)}
/* Pestañas/segmentos heredados (CRM, ventas, finanzas) como pestañas píldora */
body.w2b .modal [role=tablist] button,body.w2b #survOverlay [role=tablist] button{border-radius:var(--w2-pill)}

/* ── 10. Trueke Store / Mercado (panel de la tienda y su cabecera de rol) ───────────────────── */
body.w2b .w2d-role-shell{border-radius:var(--w2-r-xl)!important;border:1px solid var(--w2-line)!important;background:#fff!important;box-shadow:var(--w2-shadow)!important;font-family:var(--w2-font)}
body.w2b .w2d-role-shell-head{flex-wrap:wrap;row-gap:8px}
body.w2b .w2d-role-identity{min-width:0;flex:1 1 140px}
body.w2b .w2d-role-brand{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--w2-font)!important;color:var(--w2-ink)!important}
body.w2b .w2d-role-brand span{color:var(--w2-brand-aa)!important}
body.w2b .w2d-role-head-controls{flex-wrap:wrap;gap:6px}
body.w2b .w2d-role-mode button[aria-pressed=true]{background:var(--w2-brand-tint)!important;color:var(--w2-brand-ink)!important}
body.w2b .w2d-role-session button{border-radius:var(--w2-pill)!important;border:1px solid var(--w2-line)!important;background:#fff!important;color:var(--w2-ink)!important;font-family:var(--w2-font)!important;font-weight:650!important;min-height:40px}
body.w2b .w2d-role-session button.copilot{background:var(--w2-ink)!important;border-color:var(--w2-ink)!important;color:#fff!important}
body.w2b .w2d-role-session button.logout{color:var(--w2-danger)!important;border-color:#fecaca!important}
body.w2b .w2d-role-dock{background:var(--w2-soft)!important;border:1px solid var(--w2-line)!important;border-radius:var(--w2-r)!important}
body.w2b .w2d-role-dock button{color:var(--w2-body)!important;font-family:var(--w2-font)!important;font-weight:650!important;border-radius:12px!important}
body.w2b .w2d-role-dock button[aria-current=page]{background:#fff!important;color:var(--w2-brand-ink)!important;box-shadow:var(--w2-shadow)}
body.w2b-store #survOverlay>div{font-family:var(--w2-font)}
body.w2b-store #survOverlay button[style*="border-radius"]{font-family:var(--w2-font)}

/* ── 11. Repartidor: una sola cabecera de sesión (la del rol), sin barras duplicadas ───────── */
body.w2b-drv:has(#view-repartidores .w2d-role-shell) #w2dLiteSessionBar,
body.w2b-drv:has(#view-repartidores .w2d-role-shell) #w2dLiteDock{display:none!important}

@media(prefers-reduced-motion:reduce){body.w2b .w2b-tile,body.w2b .w2b-sheet-row{transition:none}}