/* ── Brand tokens (per-event — updated by applyEventBranding() in events.js) ── */
/* --brand-* are the semantic names; --yt-* are backward-compat aliases.        */
/* All existing code using --yt-orange etc. keeps working automatically.         */
:root {
  /* Semantic brand tokens — JS sets these when event loads */
  --brand-primary:   #EC6628;
  --brand-secondary: #9C1021;
  --brand-extra1:    #701352;
  --brand-accent:    #FFBF00;
  --brand-extra2:    #37636B;
  --brand-gradient:  linear-gradient(90deg,#EC6628,#FFBF00);
  --brand-font-title:'Orbitron', monospace;
  --brand-font-body: 'Montserrat', -apple-system, sans-serif;

  /* Backward-compat aliases — existing 200+ references keep working */
  --yt-orange:   var(--brand-primary);
  --yt-red:      var(--brand-secondary);
  --yt-purple:   var(--brand-extra1);
  --yt-yellow:   var(--brand-accent);
  --yt-green:    var(--brand-extra2);
  --yt-gradient: var(--brand-gradient);
  --font-title:  var(--brand-font-title);
  --font-body:   var(--brand-font-body);
  /* Light theme */
  --bg:#ffffff;--bg-page:#f5f4f0;--bg-surface:#ffffff;
  --bg-raised:#f8f7f4;--bg-border:#e5e3dc;--bg-border-light:#f0ede8;
  --text:#1a1a1a;--text-2:#444;--text-muted:#888;--text-faint:#bbb;
  --header-bg:#ffffff;--header-border:#e5e3dc;
  --shadow-sm:0 1px 4px rgba(0,0,0,.07);
  --shadow-md:0 4px 16px rgba(0,0,0,.10);
}
[data-theme="dark"]{
  --bg:#0d0d0d;--bg-page:#0d0d0d;--bg-surface:#1a1a1a;
  --bg-raised:#222222;--bg-border:#2e2e2e;--bg-border-light:#252525;
  --text:#f0f0f0;--text-2:#cccccc;--text-muted:#777777;--text-faint:#444444;
  --header-bg:#111111;--header-border:#2a2a2a;
  --shadow-sm:0 1px 4px rgba(0,0,0,.35);
  --shadow-md:0 4px 20px rgba(0,0,0,.55);
}

/* ── Shell CSS Variables ── */
:root {
  --sidebar-width-expanded: 220px;
  --sidebar-width-collapsed: 48px;
  --topbar-height: 48px;
  --content-max-width: 1400px;
  --transition-sidebar: 200ms ease;
  --z-sidebar: 10;
  --z-drawer: 20;
  --z-overlay: 19;
  --z-modal: 30;
  --z-toast: 40;
}

*{box-sizing:border-box;margin:0;padding:0}
html, body { margin:0; padding:0; height:100%; overflow:hidden; }
body { font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif; color:var(--text); background:var(--bg-page); transition:background .25s,color .25s; }

/* ── App Shell ── */
.app-shell { display:flex; flex-direction:column; height:100vh; width:100%; max-width:100%; overflow:hidden; background:var(--bg-page); }
html,body{ max-width:100%; overflow-x:hidden; }   /* evita scroll horizontal global */

/* Skip link */
.skip-link { position:absolute; top:-100px; left:16px; z-index:50; padding:8px 16px; background:var(--yt-orange); color:#fff; border-radius:0 0 8px 8px; font-size:13px; font-weight:600; transition:top .15s; }
.skip-link:focus { top:0; }

/* cbanner replaced by topbar alert system */
#cbanner { display: none !important; }

/* Date input dark mode */
[data-theme="dark"] input[type="date"] { color-scheme: dark; }
input[type="date"].stg-date { cursor: pointer; }

/* ── Topbar alerts ── */
.topbar-alert-wrap { position:relative; flex-shrink:0; display:flex; align-items:center; }
.alert-badge { position:absolute; top:-5px; right:-5px; min-width:16px; height:16px; border-radius:8px; background:#f59e0b; color:#fff; border:2px solid var(--header-bg); font-size:9px; font-weight:700; display:flex; align-items:center; justify-content:center; padding:0 3px; pointer-events:none; line-height:1; }
.alert-panel { position:absolute; top:calc(100% + 8px); right:0; background:var(--bg-surface); border:1px solid var(--bg-border); border-radius:10px; padding:5px; min-width:320px; max-width:420px; z-index:var(--z-modal); display:none; box-shadow:var(--shadow-md); }
.alert-panel.open { display:block; }
.alert-panel-hdr { padding:8px 12px; font-size:11px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.5px; border-bottom:1px solid var(--bg-border); margin-bottom:4px; }
.alert-item { display:flex; align-items:flex-start; gap:8px; padding:8px 10px; border-radius:7px; transition:background .1s; }
.alert-item:hover { background:var(--bg-raised); }
.alert-item-icon { flex-shrink:0; font-size:12px; margin-top:1px; }
.alert-item-msg { flex:1; font-size:12px; color:var(--text-2); line-height:1.45; }
.alert-item-x { background:none; border:none; cursor:pointer; color:var(--text-muted); font-size:10px; padding:2px 5px; border-radius:4px; flex-shrink:0; font-family:inherit; transition:background .1s; }
.alert-item-x:hover { background:var(--bg-border); color:var(--text); }
.alert-empty { padding:14px 12px; text-align:center; font-size:12px; color:var(--text-muted); }

/* ── Topbar ── */
.topbar {
  display:flex; align-items:center; gap:12px;
  height:var(--topbar-height); flex-shrink:0;
  background:var(--header-bg); border-bottom:1px solid var(--header-border);
  padding:0 16px; z-index:var(--z-sidebar);
  position:relative;
}
.topbar::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:2px;
  background:var(--yt-gradient);
}
.topbar-hamburger {
  display:none; width:36px; height:36px; border:none; background:none;
  cursor:pointer; color:var(--text-muted); border-radius:8px;
  align-items:center; justify-content:center; flex-shrink:0;
  transition:background .15s;
}
.topbar-hamburger:hover { background:var(--bg-raised); }
.topbar-brand { display:flex; align-items:center; gap:9px; flex-shrink:0; }
.topbar-logo { width:30px; height:30px; object-fit:contain; flex-shrink:0; }
.topbar-title { font-family:'Orbitron',monospace; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:var(--text); white-space:nowrap; }
.topbar-sub { font-size:10px; color:var(--text-muted); white-space:nowrap; }
.topbar-spacer { flex:1; }
.topbar-controls { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.topbar-icon-btn { width:32px; height:32px; padding:0; border-radius:8px; cursor:pointer; border:1px solid var(--bg-border); background:transparent; color:var(--text-muted); font-size:14px; display:flex; align-items:center; justify-content:center; transition:background .15s,color .15s; }
.topbar-icon-btn:hover { background:var(--bg-raised); color:var(--text); }
.topbar-save { font-size:12px; padding:5px 14px; white-space:nowrap; }
.topbar-user-wrap { position:relative; }
.topbar-avatar { width:32px; height:32px; border-radius:50%; background:var(--yt-gradient); color:#fff; border:none; cursor:pointer; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; font-family:inherit; transition:opacity .15s; }
.topbar-avatar:hover { opacity:.85; }
.topbar-user-menu { position:absolute; top:calc(100% + 6px); right:0; background:var(--bg-surface); border:1px solid var(--bg-border); border-radius:10px; padding:5px; min-width:200px; z-index:var(--z-modal); display:none; box-shadow:var(--shadow-md); }
.topbar-user-menu.open { display:block; }
.user-menu-header { padding:8px 12px; font-size:12px; color:var(--text-muted); font-weight:500; }
.user-menu-sep { height:1px; background:var(--bg-border); margin:4px 0; }
.user-menu-item { display:flex; align-items:center; gap:8px; width:100%; padding:8px 12px; background:none; border:none; cursor:pointer; font-size:12px; color:var(--text-2); border-radius:7px; font-family:inherit; transition:background .1s,color .1s; text-align:left; }
.user-menu-item:hover { background:var(--bg-raised); color:var(--text); }
.user-menu-item.danger { color:#dc2626; }
.user-menu-item.danger:hover { background:#fef2f2; }
[data-theme="dark"] .user-menu-item.danger:hover { background:#2d1515; color:#fca5a5; }

/* ── Shell body ── */
.shell-body { display:flex; flex-direction:row; flex:1; overflow:hidden; min-height:0; }

/* ── Dual-mode navigation ── */
/* Default: both navs hidden until mode class is set by JS */
.global-nav { display:none; }
.event-nav  { display:none; }
.app-shell.mode-global .global-nav { display:block; }
.app-shell.mode-event  .event-nav  { display:block; }

/* Back button inside sidebar */
.nav-back-btn {
  display:flex; align-items:center; gap:10px;
  width:100%; padding:10px 16px;
  background:none; border:none; border-left:2px solid transparent;
  color:var(--text-muted); font-size:12px; font-weight:600;
  cursor:pointer; font-family:inherit; text-align:left; white-space:nowrap;
  transition:color .1s, background .1s;
}
.nav-back-btn:hover { color:var(--yt-orange); background:var(--bg-raised); }
.app-shell.sidebar-collapsed .nav-back-btn { padding:9px; justify-content:center; gap:0; }

/* Nav divider line */
.nav-divider { height:1px; background:var(--bg-border); margin:4px 0 6px; }

/* Topbar back button (event mode only) */
.topbar-back-btn {
  display:none; align-items:center; gap:5px;
  padding:5px 10px; margin-left:8px;
  background:none; border:1px solid var(--bg-border); border-radius:8px;
  color:var(--text-muted); font-size:11px; font-weight:600;
  cursor:pointer; font-family:inherit; white-space:nowrap;
  transition:color .1s, border-color .1s, background .1s; flex-shrink:0;
}
.topbar-back-btn:hover { color:var(--yt-orange); border-color:var(--yt-orange); background:rgba(236,102,40,.07); }
.app-shell.mode-event .topbar-back-btn { display:flex; }

/* Hide event switcher ▾ in global mode */
.app-shell.mode-global #evt-switcher-btn { display:none !important; }

/* ── Sidebar ── */
.sidebar {
  width:var(--sidebar-width-expanded); flex-shrink:0;
  background:var(--bg-surface); border-right:1px solid var(--bg-border);
  display:flex; flex-direction:column; overflow:hidden;
  transition:width var(--transition-sidebar);
  z-index:var(--z-sidebar); position:relative;
}
.app-shell.sidebar-collapsed .sidebar { width:var(--sidebar-width-collapsed); }
.sidebar-scroll { flex:1; overflow-y:auto; overflow-x:hidden; padding:8px 0; }

/* Nav groups */
.nav-group { margin-bottom:4px; }
.nav-group-label {
  padding:8px 16px 4px;
  font-size:10px; font-weight:700; color:var(--text-faint);
  text-transform:uppercase; letter-spacing:.8px; white-space:nowrap;
  overflow:hidden;
  transition:opacity var(--transition-sidebar);
}
.app-shell.sidebar-collapsed .nav-group-label { opacity:0; }

/* Nav items */
.nav-item {
  display:flex; align-items:center; gap:10px;
  width:100%; padding:9px 16px;
  background:none; border:none; border-left:2px solid transparent;
  color:var(--text-2); font-size:13px; font-weight:500;
  cursor:pointer; font-family:inherit; text-align:left;
  white-space:nowrap; overflow:hidden;
  transition:background .1s, color .1s, border-color .1s;
}
.nav-item:hover { background:var(--bg-raised); color:var(--text); }
.nav-item.active { color:var(--yt-orange); border-left-color:var(--yt-orange); background:rgba(236,102,40,.07); font-weight:600; }
.nav-icon { width:18px; height:18px; flex-shrink:0; }
.nav-label { transition:opacity var(--transition-sidebar); white-space:nowrap; overflow:hidden; }
.app-shell.sidebar-collapsed .nav-label { opacity:0; width:0; }
.nav-chevron { width:14px; height:14px; flex-shrink:0; margin-left:auto; transition:transform .2s, opacity var(--transition-sidebar); }
.nav-item[aria-expanded="true"] .nav-chevron { transform:rotate(180deg); }
.app-shell.sidebar-collapsed .nav-chevron { opacity:0; }

/* Subnav (accordion) */
.nav-subnav { overflow:hidden; max-height:0; transition:max-height .2s ease; }
.nav-subnav.open { max-height:200px; }
.nav-subitem {
  display:flex; align-items:center; gap:8px;
  width:100%; padding:7px 16px 7px 44px;
  background:none; border:none; border-left:2px solid transparent;
  color:var(--text-muted); font-size:12px; cursor:pointer;
  font-family:inherit; text-align:left; white-space:nowrap;
  transition:background .1s, color .1s, border-color .1s;
}
.nav-subitem:hover { background:var(--bg-raised); color:var(--text); }
.nav-subitem.active { color:var(--yt-orange); border-left-color:var(--yt-orange); font-weight:600; }
.nav-sub-dot { font-size:8px; opacity:.5; flex-shrink:0; }
.app-shell.sidebar-collapsed .nav-subnav { display:none; }

/* Abrir/Descargar action items inside subnav */
.nav-subnav-sep { height:1px; background:var(--bg-border); margin:4px 8px; }
.nav-sub-icon { width:13px; height:13px; flex-shrink:0; opacity:.65; }
.nav-action-item { color:var(--text-muted) !important; font-style:italic; }
.nav-action-item:hover { color:var(--text) !important; }

/* Collapse button */
.sidebar-collapse-btn {
  display:flex; align-items:center; justify-content:center;
  width:100%; height:36px; border:none; border-top:1px solid var(--bg-border);
  background:var(--bg-raised); color:var(--text-muted); cursor:pointer;
  transition:background .15s, color .15s; flex-shrink:0;
}
.sidebar-collapse-btn svg { width:16px; height:16px; transition:transform var(--transition-sidebar); }
.app-shell.sidebar-collapsed .sidebar-collapse-btn svg { transform:rotate(180deg); }
.sidebar-collapse-btn:hover { background:var(--bg-border); color:var(--text); }

/* ── Collapsed sidebar: icon-only, all text hidden ── */
.app-shell.sidebar-collapsed .nav-item { padding:9px; justify-content:center; gap:0; }
/* Hide text elements when collapsed */
.app-shell.sidebar-collapsed .nav-label,
.app-shell.sidebar-collapsed .nav-chevron,
.app-shell.sidebar-collapsed .nav-group-label,
.app-shell.sidebar-collapsed .sidebar-collapse-btn span { display:none; }
/* Sub-items hidden when collapsed — flyout handles them */
.app-shell.sidebar-collapsed .nav-subnav { display:none !important; }

/* Drawer overlay (mobile) */
.drawer-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:var(--z-overlay); }
.drawer-overlay.open { display:block; }

/* ── Main content ── */
.main { flex:1; overflow-y:auto; overflow-x:hidden; min-width:0; background:var(--bg-page); }
/* Contenedor fluido: ancho completo (los dashboards aprovechan 24"/27") con
   padding fluido. Los bloques de texto/formularios pueden auto-limitarse con .readable. */
.main-inner { max-width:none; margin:0; padding:clamp(14px,2.2vw,40px); width:100%; }
.readable { max-width:var(--content-max-width); margin-inline:auto; }

/* Section header */
.section-hdr { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:1.5rem; gap:1rem; flex-wrap:wrap; }
.breadcrumb { font-size:12px; color:var(--text-muted); margin-bottom:4px; }
.section-title { font-size:22px; font-weight:600; color:var(--text); line-height:1.2; margin:0; }
.section-sub { font-size:13px; color:var(--text-muted); margin:4px 0 0; }

/* ── Responsive ── */
/* Tablet (769–1279px): sidebar collapsed by default */
@media (max-width:1279px) {
  .main-inner { padding:16px; }
  .app-shell:not(.sidebar-mobile-open) .sidebar { width:var(--sidebar-width-collapsed); }
  .app-shell:not(.sidebar-mobile-open) .nav-label,
  .app-shell:not(.sidebar-mobile-open) .nav-chevron,
  .app-shell:not(.sidebar-mobile-open) .nav-group-label { display:none; }
  .app-shell:not(.sidebar-mobile-open) .nav-subnav { display:none !important; }
  .app-shell:not(.sidebar-mobile-open) .nav-item { padding:9px; justify-content:center; gap:0; }
}
/* ── Tablet + Mobile: sidebar-mobile-open → full overlay drawer ── */
/* Applies on all screens ≤1279px when sidebar-mobile-open is added */
@media (max-width:1279px) {
  .app-shell.sidebar-mobile-open .sidebar {
    position:fixed; top:var(--topbar-height); left:0; bottom:0;
    width:var(--sidebar-width-expanded) !important;
    z-index:var(--z-drawer);
    box-shadow:4px 0 24px rgba(0,0,0,.25);
  }
  /* Restore all labels when drawer is open */
  .app-shell.sidebar-mobile-open .nav-label    { display:flex !important; }
  .app-shell.sidebar-mobile-open .nav-chevron  { display:flex !important; }
  .app-shell.sidebar-mobile-open .nav-group-label { display:block !important; }
  .app-shell.sidebar-mobile-open .sidebar-footer-item span { display:inline !important; }
  .app-shell.sidebar-mobile-open .nav-item     { padding:9px 16px !important; justify-content:flex-start !important; gap:10px !important; }
  .app-shell.sidebar-mobile-open .sidebar-footer-item { padding:8px 16px !important; justify-content:flex-start !important; gap:10px !important; }
  .app-shell.sidebar-mobile-open .nav-subnav.open { display:block !important; }
  .app-shell.sidebar-mobile-open .drawer-overlay { display:block; }
}

/* Mobile (≤768px): bottom nav + hamburger drawer */
@media (max-width:768px) {
  .topbar-hamburger { display:flex; }
  .topbar-sub { display:none; }
  .main-inner { padding:12px; }
  .main { padding-bottom:56px; }
  .sidebar {
    position:fixed; top:var(--topbar-height); left:0; bottom:0;
    width:var(--sidebar-width-expanded) !important;
    transform:translateX(-100%);
    transition:transform var(--transition-sidebar);
    z-index:var(--z-drawer);
    box-shadow:4px 0 20px rgba(0,0,0,.2);
  }
  .app-shell.sidebar-mobile-open .sidebar { transform:translateX(0); }
}

/* ── Bottom nav (mobile only) ── */
.bottom-nav { display:none; }
@media (max-width:768px) {
  .bottom-nav {
    display:flex; position:fixed; bottom:0; left:0; right:0;
    height:56px; background:var(--bg-surface);
    border-top:1px solid var(--bg-border);
    align-items:stretch; justify-content:space-around;
    z-index:calc(var(--z-sidebar) + 1);
    padding-bottom:env(safe-area-inset-bottom,0px);
    box-shadow:0 -2px 16px rgba(0,0,0,.08);
  }
  .bottom-nav-item {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:2px; flex:1; padding:6px 2px;
    background:none; border:none; cursor:pointer; font-family:inherit;
    color:var(--text-muted); font-size:10px; font-weight:500;
    transition:color .1s; border-top:2px solid transparent;
  }
  .bottom-nav-item svg { width:20px; height:20px; flex-shrink:0; }
  .bottom-nav-item:hover { color:var(--text); }
  .bottom-nav-item.active { color:var(--yt-orange); border-top-color:var(--yt-orange); }
  .bottom-nav-item#bottom-more-btn.active { color:var(--yt-orange); }
}

/* ── Sidebar flyout (shown when collapsed + hover on parent item) ── */
.nav-flyout {
  position:fixed; left:var(--sidebar-width-collapsed); top:0;
  background:var(--bg-surface); border:1px solid var(--bg-border);
  border-radius:0 12px 12px 0; min-width:180px; padding:4px 0;
  box-shadow:4px 0 24px rgba(0,0,0,.15);
  z-index:calc(var(--z-sidebar) + 10);
  pointer-events:none; opacity:0; transform:translateX(-6px);
  transition:opacity .12s ease, transform .12s ease;
}
.nav-flyout.visible { pointer-events:auto; opacity:1; transform:translateX(0); }
.nav-flyout-title {
  padding:9px 14px 7px;
  font-size:10px; font-weight:700; color:var(--text-muted);
  text-transform:uppercase; letter-spacing:.6px;
  border-bottom:1px solid var(--bg-border);
}
.nav-flyout-item {
  display:flex; align-items:center; gap:8px;
  width:100%; padding:8px 14px;
  background:none; border:none; border-left:2px solid transparent;
  color:var(--text-2); font-size:12px; cursor:pointer;
  font-family:inherit; text-align:left; white-space:nowrap;
  transition:background .1s, color .1s;
}
.nav-flyout-item:hover { background:var(--bg-raised); color:var(--text); }
.nav-flyout-item.active { color:var(--yt-orange); border-left-color:var(--yt-orange); font-weight:600; }
.nav-flyout-sep { height:1px; background:var(--bg-border); margin:4px 0; }
.nav-flyout-action { color:var(--text-muted) !important; font-style:italic; }
/* Wide (≥1920px) — sidebar más ancho; el contenido ya es fluido (full width) */
@media (min-width:1920px) {
  :root { --sidebar-width-expanded:240px; }
}
/* 4K (≥2560px) — escala tipográfica para legibilidad */
@media (min-width:2560px) {
  :root { --sidebar-width-expanded:280px; font-size:17px; }
}

.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:10px;background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:12px;padding:12px 16px}
.toolbar-title{font-size:17px;font-weight:700;color:#1a1a1a}
.toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.legend{display:flex;gap:9px;flex-wrap:wrap}
.leg{display:flex;align-items:center;gap:4px;font-size:11px;color:#666}
.leg-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}

.cbanner{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:8px 12px;font-size:12px;color:#991b1b;margin-bottom:10px;display:none;align-items:center;gap:6px}
.sbanner{border-radius:8px;padding:8px 12px;font-size:12px;margin-bottom:10px;display:none;align-items:center;gap:6px}
.sbanner.ok{background:#f0fdf4;border:1px solid #86efac;color:#166534}
.sbanner.info{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8}

.btn{font-size:12px;padding:6px 13px;border-radius:8px;cursor:pointer;border:1px solid #d1cfc7;background:#fff;color:#1a1a1a;display:flex;align-items:center;gap:5px;transition:background .15s;font-family:inherit;white-space:nowrap}
.btn:hover{background:#f3f2ef}
.btn.primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.btn.primary:hover{background:#333}
.btn.accent{background:#7c3aed;color:#fff;border-color:#7c3aed}
.btn.accent:hover{background:#6d28d9}
.btn.green{background:#16a34a;color:#fff;border-color:#16a34a}
.btn.green:hover{background:#15803d}
.btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}
.btn.danger:hover{background:#b91c1c}
.save-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:background .3s}
.save-dot.clean{background:#22c55e}
.save-dot.dirty{background:#ef4444}

/* TIMELINE */
.tl-outer{display:grid;grid-template-columns:48px 1fr 1fr;border:1px solid #e5e3dc;border-left:3px solid #EC6628;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:1rem}
.col-hdr{height:52px;padding:0 12px;background:#f8f7f4;border-bottom:1px solid #e5e3dc;display:flex;flex-direction:column;justify-content:center;gap:3px}
.col-hdr.tc{align-items:center}
.col-hdr-name{font-size:13px;font-weight:600;color:#1a1a1a}
.col-hdr-sub{font-size:10px;color:#888}
.tcol{background:#f8f7f4;border-right:2px solid #EC6628;position:relative}
.stg{position:relative;border-right:1px solid rgba(236,102,40,0.25);background:#fff}
.stg.last{border-right:none}
.tl{position:absolute;right:0;left:0;display:flex;justify-content:flex-end}
.tl span{font-size:9px;color:#EC6628;padding-right:5px;margin-top:-6px;line-height:1;font-weight:600;opacity:.75}
.gl{position:absolute;left:0;right:0;height:1px;pointer-events:none}
.gl.hour{background:rgba(236,102,40,0.18)}
.gl.half{background:rgba(236,102,40,0.06)}
.ghost{position:absolute;left:3px;right:3px;border-radius:6px;border:2px dashed #60a5fa;background:#eff6ff;opacity:.35;pointer-events:none;display:none}

/* SLOTS */
.slot{position:absolute;left:3px;right:3px;border-radius:6px;padding:5px 8px 12px 8px;cursor:grab;user-select:none;border:1px solid transparent;overflow:hidden;transition:box-shadow .1s}
.slot:hover{box-shadow:0 2px 10px rgba(0,0,0,.13)}
.slot.dg{opacity:.35;cursor:grabbing}
.slot.ctx-open{box-shadow:0 0 0 2px #7c3aed}
.sn{font-size:11px;font-weight:600;line-height:1.25;padding-right:18px}
.str{font-size:10px;opacity:.7;margin-top:1px}
.sd{font-size:9px;opacity:.55;margin-top:1px}
/* resize handle bottom */
.resize-handle{position:absolute;bottom:0;left:0;right:0;height:8px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}
.slot:hover .resize-handle{opacity:1}
.resize-handle::after{content:'';width:24px;height:3px;border-radius:2px;background:rgba(0,0,0,.25)}
/* delete btn top-right */
.slot-del{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;color:inherit;font-size:10px;font-weight:700;line-height:1;z-index:2}
.slot:hover .slot-del{opacity:1}
.slot-del:hover{background:rgba(0,0,0,.3)}

/* SLOT COLORS */
.s-open{background:#e0f5ee;border-color:#6dd0ae;color:#054e35}
.s-inn{background:#ddeeff;border-color:#7dbde8;color:#0c3d6e}
.s-dev{background:#eeecff;border-color:#b0a8f0;color:#312a7a}
.s-yuc{background:#fef3e2;border-color:#f5c96a;color:#5c3a00}
.s-ai{background:#e8f8e8;border-color:#86d686;color:#1a4d1a}
.s-meal{background:#f2f0eb;border-color:#c8c4ba;color:#4a4740}
.s-cls{background:#fff0ea;border-color:#f5a07a;color:#6e2a0a}
.s-coffee{background:#fce8f3;border-color:#e888c0;color:#6b1040}
.s-party{background:#f3e8ff;border-color:#c084fc;color:#581c87}
.s-custom{background:var(--cb);border-color:var(--cb2);color:var(--ct)}

/* CONTEXT MENU */
.ctx-menu{position:fixed;background:#fff;border:1px solid #e5e3dc;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:6px;z-index:9999;min-width:200px;display:none;user-select:none}
.ctx-menu.visible{display:block}
.ctx-section{padding:4px 8px 2px;font-size:10px;color:#aaa;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.ctx-item{padding:7px 10px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#1a1a1a;transition:background .1s;user-select:none}
.ctx-item *{cursor:pointer}
.ctx-item:hover{background:#f3f2ef}
.ctx-item.danger{color:#dc2626}
.ctx-item.danger:hover{background:#fef2f2}
.ctx-sep{height:1px;background:#f0ede8;margin:4px 0}
.ctx-icon{width:16px;text-align:center;font-size:13px}

/* EDIT MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:10000;display:none;align-items:center;justify-content:center}
.modal-overlay.visible{display:flex}
.modal{background:#fff;border-radius:14px;padding:1.5rem;width:340px;max-width:95vw;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.modal-title{font-size:15px;font-weight:700;margin-bottom:1.25rem;color:#1a1a1a}
.modal-field{margin-bottom:14px}
.modal-field label{display:block;font-size:11px;font-weight:600;color:#666;margin-bottom:5px}
.modal-field input,.modal-field select{width:100%;font-size:13px;padding:8px 10px;border:1px solid #d1cfc7;border-radius:8px;background:#f8f7f4;color:#1a1a1a;font-family:inherit;outline:none}
.modal-field input:focus,.modal-field select:focus{border-color:#7c3aed;background:#fff}
.modal-field input[type=color]{height:36px;padding:2px 4px;cursor:pointer}
.color-presets{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.cp{width:22px;height:22px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:transform .1s}
.cp:hover{transform:scale(1.2)}
.cp.active{border-color:#1a1a1a;box-shadow:0 0 0 1px #fff inset}
.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:1.25rem}

/* BANK */
.bank{background:#fff;border:1px solid #e5e3dc;border-radius:12px;padding:1rem;margin-bottom:1rem}
.bank-t{font-size:12px;font-weight:600;color:#666;margin-bottom:10px}
.bank-l{display:flex;flex-wrap:wrap;gap:7px;min-height:36px}
.bi{background:#f8f7f4;border:1px dashed #c8c4ba;border-radius:8px;padding:6px 10px;font-size:11px;color:#1a1a1a;cursor:grab;display:flex;flex-direction:column;gap:2px;position:relative}
.bi:hover{border-color:#888;background:#f3f2ef}
.bi-del{position:absolute;top:2px;right:4px;font-size:11px;cursor:pointer;opacity:0;color:#888;font-weight:700}
.bi:hover .bi-del{opacity:1}
.bi-del:hover{color:#dc2626}
.bis{font-size:10px;color:#888}
.bem{font-size:11px;color:#aaa;font-style:italic;align-self:center}

/* ADD PANEL */
.add-panel{background:#fff;border:1px solid #e5e3dc;border-radius:12px;padding:1rem;margin-bottom:1rem}
.add-panel-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:12px}
.add-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.form-field{display:flex;flex-direction:column;gap:4px}
.form-field label{font-size:11px;color:#666;font-weight:500}
.form-field input,.form-field select{font-size:12px;padding:6px 10px;border:1px solid #d1cfc7;border-radius:8px;background:#f8f7f4;color:#1a1a1a;font-family:inherit;outline:none}
.form-field input:focus,.form-field select:focus{border-color:#7c3aed;background:#fff}
.form-field input[type=text]{width:180px}
.form-field input[type=color]{width:48px;height:32px;padding:2px 4px;cursor:pointer;border-radius:6px}
/* track combo */
.track-combo-wrap{position:relative;width:180px}
.track-combo-wrap input{width:100%}
.track-dropdown{position:absolute;top:calc(100% + 3px);left:0;right:0;background:#fff;border:1px solid #d1cfc7;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12);z-index:500;max-height:200px;overflow-y:auto;display:none}
.track-dropdown.open{display:block}
.track-opt{display:flex;align-items:center;gap:7px;padding:7px 10px;cursor:pointer;font-size:12px;color:#1a1a1a;transition:background .1s}
.track-opt:hover{background:#f3f2ef}
.track-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}
.track-new-hint{padding:6px 10px;font-size:11px;color:#aaa;font-style:italic}

/* JSON PANEL */
.json-panel{background:#fff;border:1px solid #e5e3dc;border-radius:12px;padding:1rem;margin-bottom:1rem}
.json-panel-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:12px}
.json-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.json-area{width:100%;height:120px;font-size:11px;font-family:monospace;padding:8px;border:1px solid #d1cfc7;border-radius:8px;background:#f8f7f4;color:#1a1a1a;resize:vertical;outline:none;display:none}
.json-area:focus{border-color:#7c3aed;background:#fff}

/* STATS PANEL */
.stats-panel{background:#fff;border:1px solid #e5e3dc;border-radius:12px;padding:1.25rem;margin-bottom:1rem}
.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.stats-title{font-size:14px;font-weight:700;color:#1a1a1a}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}
.kpi{background:#f8f7f4;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.kpi-muted{background:#f2f0eb}
.kpi-muted .kpi-val{color:#888}
.kpi-party{background:#f3e8ff}
.kpi-party .kpi-val{color:#6b21a8}
.kpi-val{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1}
.kpi-lbl{font-size:11px;color:#888;line-height:1.3}
.kpi-sub{font-size:10px;color:#aaa}
.stats-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.stats-cols{grid-template-columns:1fr}}
@media(max-width:780px){.finance-top{grid-template-columns:1fr !important}}
.stats-card{background:#f8f7f4;border-radius:10px;padding:14px}
.stats-card-title{font-size:12px;font-weight:600;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:.4px}
/* bar chart */
.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.bar-row:last-child{margin-bottom:0}
.bar-label{font-size:11px;color:#444;width:130px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-track{flex:1;background:#e8e6e0;border-radius:4px;height:14px;overflow:hidden;position:relative}
.bar-fill{height:100%;border-radius:4px;transition:width .4s ease}
.bar-val{font-size:10px;color:#888;width:55px;text-align:right;flex-shrink:0}
/* coverage */
.coverage-row{margin-bottom:8px}
.coverage-label{font-size:11px;color:#666;margin-bottom:4px;display:flex;justify-content:space-between}
.coverage-track{width:100%;background:#e8e6e0;border-radius:4px;height:20px;position:relative;overflow:hidden}
.coverage-block{position:absolute;height:100%;border-radius:2px;display:flex;align-items:center;justify-content:center}
.coverage-block span{font-size:9px;font-weight:600;overflow:hidden;white-space:nowrap;padding:0 3px}
/* speakers */
.spk-grid{display:flex;flex-wrap:wrap;gap:7px}
.spk-pill{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #e5e3dc;border-radius:20px;padding:4px 10px 4px 4px;font-size:11px;color:#1a1a1a}
.spk-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}
.spk-stage{font-size:9px;color:#aaa;margin-left:2px}
/* GEO / MAP */
.geo-kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.geo-kpi{background:#fff;border-radius:8px;padding:10px 12px;border:0.5px solid #e5e3dc;display:flex;flex-direction:column;gap:2px}
.geo-kpi-val{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1}
.geo-kpi-lbl{font-size:10px;color:#888}
.country-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:0.5px solid #f0ede8}
.country-row:last-child{border-bottom:none}
.country-flag{font-size:20px;width:28px;text-align:center;flex-shrink:0}
.country-name{font-size:12px;font-weight:500;color:#1a1a1a;flex:0 0 110px}
.country-bar-wrap{flex:1;background:#e8e6e0;border-radius:4px;height:12px;overflow:hidden}
.country-bar-fill{height:100%;border-radius:4px;transition:width .4s}
.country-count{font-size:11px;color:#666;width:50px;text-align:right;flex-shrink:0}
#world-map-wrap{position:relative;border-radius:8px;overflow:hidden;background:#dbe8f5;min-height:200px}
#world-map-wrap svg{width:100%;display:block}
.map-tooltip{position:fixed;background:#1a1a1a;color:#fff;font-size:11px;padding:5px 10px;border-radius:6px;pointer-events:none;white-space:nowrap;z-index:9000;display:none}
.spk-table{width:100%;border-collapse:collapse;font-size:12px}
.spk-table th{text-align:left;padding:6px 8px;border-bottom:1px solid #e5e3dc;font-size:11px;font-weight:600;color:#888;white-space:nowrap}
.spk-table td{padding:7px 8px;border-bottom:0.5px solid #f0ede8;vertical-align:middle}
.spk-table tr:last-child td{border-bottom:none}
.spk-table tr:hover td{background:#f8f7f4}
.spk-badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:500}

/* ---- TABS ---- */
.tab-bar{display:flex;gap:2px;margin-bottom:1rem;background:#f8f7f4;border-radius:10px;padding:4px;border:1px solid #e5e3dc}
.tab-btn{flex:1;padding:8px 14px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#888;transition:all .15s;font-family:inherit}
.tab-btn:hover{color:#1a1a1a;background:#f0ede8}
.tab-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.tab-pane{display:none}
.tab-pane.active{display:block}

/* ---- VENUE MAP ---- */
.venue-wrap{background:#fff;border:1px solid #e5e3dc;border-radius:12px;padding:1.25rem;margin-bottom:1rem}
.venue-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:1rem}
.venue-toolbar-title{font-size:14px;font-weight:700;color:#1a1a1a}
.venue-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.vtool{font-size:12px;padding:5px 12px;border-radius:8px;cursor:pointer;border:1px solid #d1cfc7;background:#fff;color:#1a1a1a;font-family:inherit;transition:all .15s;white-space:nowrap}
.vtool:hover{background:#f3f2ef}
.vtool.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.vtool.danger{color:#dc2626;border-color:#fca5a5}
.vtool.danger:hover{background:#fef2f2}
.venue-color-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.vcolor{width:22px;height:22px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:transform .1s}
.vcolor:hover{transform:scale(1.15)}
.vcolor.active{border-color:#1a1a1a;box-shadow:0 0 0 1px #fff inset}
.venue-canvas-wrap{position:relative;overflow:auto;border:1px solid #e5e3dc;border-radius:8px;background:#f8f7f4;cursor:crosshair}
.venue-canvas-wrap.mode-select{cursor:default}
.venue-canvas-wrap.mode-pan{cursor:grab}
#venue-canvas{display:block;image-rendering:pixelated}
.venue-info{font-size:11px;color:#888;margin-top:8px;display:flex;gap:16px;flex-wrap:wrap}
.venue-info span{display:flex;align-items:center;gap:4px}
.venue-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.vleg{display:flex;align-items:center;gap:4px;font-size:11px;color:#555}
.vleg-dot{width:12px;height:12px;border-radius:2px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}
/* area edit modal */
.area-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:10001;display:none;align-items:center;justify-content:center}
.area-modal-overlay.visible{display:flex}
.area-modal{background:#fff;border-radius:14px;padding:1.5rem;width:320px;max-width:95vw;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.area-modal-title{font-size:15px;font-weight:700;margin-bottom:1.25rem}
.area-field{margin-bottom:12px}
.area-field label{display:block;font-size:11px;font-weight:600;color:#666;margin-bottom:5px}
.area-field input,.area-field select{width:100%;font-size:13px;padding:8px 10px;border:1px solid #d1cfc7;border-radius:8px;background:#f8f7f4;font-family:inherit;outline:none}
.area-field input:focus{border-color:#7c3aed;background:#fff}
.area-color-grid{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.area-color-opt{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent}
.area-color-opt:hover{transform:scale(1.1)}
.area-color-opt.active{border-color:#1a1a1a}
.area-modal-actions{display:flex;gap:8px;justify-content:space-between;margin-top:1.25rem}

/* Venue context menu */
.vctx{position:fixed;background:#fff;border:1px solid #e5e3dc;border-radius:10px;
  box-shadow:0 6px 24px rgba(0,0,0,.14);z-index:9999;min-width:180px;padding:4px 0;display:none}
.vctx.open{display:block}
.vctx-header{padding:8px 14px 6px;font-size:11px;font-weight:700;color:#888;border-bottom:1px solid #f0ede8;margin-bottom:2px}
.vctx-item{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:12px;color:#1a1a1a;cursor:pointer;white-space:nowrap}
.vctx-item:hover{background:#f8f7f4}
.vctx-item.danger{color:#dc2626}
.vctx-item.danger:hover{background:#fef2f2}
.vctx-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}
.vctx-sep{height:1px;background:#f0ede8;margin:3px 0}
/* Venue tooltip */
.venue-tip{position:fixed;background:#1a1a1a;color:#fff;font-size:11px;padding:6px 10px;
  border-radius:7px;pointer-events:none;white-space:nowrap;z-index:9998;display:none;
  box-shadow:0 4px 12px rgba(0,0,0,.25);max-width:220px;white-space:normal;line-height:1.4}

/* Expo stands */
.stand-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;padding:6px 10px;border-radius:8px;cursor:grab;border:2px solid;
  font-size:10px;font-weight:600;user-select:none;transition:transform .1s,box-shadow .1s;
  min-width:90px;text-align:center;line-height:1.2}
.stand-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.stand-chip:active{cursor:grabbing;transform:scale(0.97)}
.stand-chip .stand-size{font-size:9px;opacity:.7;margin-top:1px;white-space:nowrap}
/* Stand ghost overlay on canvas */
#stand-ghost{position:fixed;pointer-events:none;z-index:9997;display:none;
  border:2px dashed #378ADD;background:rgba(55,138,221,.18);border-radius:3px;
  font-size:10px;font-weight:600;color:#378ADD;display:none;
  align-items:center;justify-content:center;text-align:center;padding:2px}

/* ── Topbar save button state ── */
.topbar-save.btn.primary{
  background:var(--yt-gradient);color:#fff;border:none;
  font-weight:600;
}
.topbar-save.btn.primary:hover{filter:brightness(1.08)}
.topbar-save.btn.save-clean{
  background:transparent;color:var(--text-muted);border:1px solid var(--bg-border);
}
.topbar-save.btn.save-clean:hover{background:var(--bg-raised);color:var(--text)}
.topbar-save .save-dot{border-color:rgba(0,0,0,.2)}

/* Canvas — prevent text selection causing blue selection rectangles */
#venue-canvas{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:grab}
#venue-canvas:active{cursor:grabbing}
#venue-canvas-wrap{user-select:none;-webkit-user-select:none}

/* Sponsor modal */
.sponsor-modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,0.45);
  display:none;align-items:center;justify-content:center;z-index:10000;padding:1rem
}
.sponsor-modal-overlay.visible{display:flex}
.sponsor-modal{
  background:#fff;border-radius:14px;padding:1.25rem;max-width:520px;width:100%;
  box-shadow:0 12px 40px rgba(0,0,0,0.25);max-height:90vh;overflow-y:auto
}
.sponsor-modal-title{font-size:17px;font-weight:700;margin-bottom:0.75rem;color:#1a1a1a}
.sponsor-modal-body{margin-bottom:1rem}
.sponsor-modal-actions{display:flex;gap:8px;justify-content:flex-end}
.sp-option:hover{background:#f0ede8}
.sp-option.selected{background:#dbeafe}

/* Sponsors tab */
#tab-sponsors .sp-tier-block{margin-bottom:1.25rem}
#tab-sponsors .sp-card{
  display:inline-flex;align-items:center;gap:8px;background:#f8f7f4;
  border:1px solid #e5e3dc;border-radius:8px;padding:8px 12px;font-size:13px;
  margin:0 6px 6px 0
}
#tab-sponsors .sp-card .sp-del{
  background:none;border:none;cursor:pointer;color:#dc2626;font-size:16px;line-height:1;
  padding:0 2px;margin-left:4px;border-radius:3px
}
#tab-sponsors .sp-card .sp-del:hover{background:#fee2e2}

/* ── Dark mode overrides for content ── */
[data-theme="dark"] body{background:var(--bg-page)}
[data-theme="dark"] .toolbar,[data-theme="dark"] .bank,[data-theme="dark"] .add-panel,
[data-theme="dark"] .json-panel,[data-theme="dark"] .stats-panel,
[data-theme="dark"] .venue-wrap,[data-theme="dark"] #global-import-panel,
[data-theme="dark"] #tab-sponsors>div{
  background:var(--bg-surface)!important;border-color:var(--bg-border)!important;
}
[data-theme="dark"] .tl-outer{background:var(--bg-surface);border-color:var(--bg-border);border-left-color:#EC6628}
[data-theme="dark"] .stg{background:var(--bg-surface);border-right-color:rgba(236,102,40,0.3)}
[data-theme="dark"] .tcol{background:var(--bg-raised);border-right-color:#EC6628}
[data-theme="dark"] .gl.hour{background:rgba(236,102,40,0.22)}
[data-theme="dark"] .gl.half{background:rgba(236,102,40,0.08)}
[data-theme="dark"] .col-hdr{background:var(--bg-raised);border-color:var(--bg-border)}
[data-theme="dark"] .kpi{background:var(--bg-raised)}
[data-theme="dark"] .stats-card{background:var(--bg-raised)}
[data-theme="dark"] .bar-track,[data-theme="dark"] .coverage-track{background:var(--bg-border)}
[data-theme="dark"] .modal{background:var(--bg-surface)}
[data-theme="dark"] .modal-field input,[data-theme="dark"] .modal-field select,
[data-theme="dark"] .form-field input,[data-theme="dark"] .form-field select{
  background:var(--bg-raised);border-color:var(--bg-border);color:var(--text)
}
[data-theme="dark"] .track-dropdown,[data-theme="dark"] .ctx-menu{
  background:var(--bg-surface);border-color:var(--bg-border)
}
[data-theme="dark"] .ctx-item:hover{background:var(--bg-raised)}
[data-theme="dark"] .bi{background:var(--bg-raised);border-color:var(--bg-border)}
[data-theme="dark"] .tab-bar{background:var(--bg-raised);border-color:var(--bg-border)}
[data-theme="dark"] .tab-btn.active{background:var(--bg-surface)}
/* Buttons in dark mode — no white backgrounds */
[data-theme="dark"] .btn{background:var(--bg-raised);color:var(--text);border-color:var(--bg-border)}
[data-theme="dark"] .btn:hover{background:var(--bg-border)}
[data-theme="dark"] .btn.primary{background:#1a1a1a;color:#f0f0f0;border-color:#333}
[data-theme="dark"] .btn.primary:hover{background:#2a2a2a}
[data-theme="dark"] .btn.accent{background:#6d28d9;border-color:#7c3aed}
[data-theme="dark"] .btn.green{background:#15803d;border-color:#16a34a}
[data-theme="dark"] .btn.danger{background:#b91c1c;border-color:#dc2626}
[data-theme="dark"] .cfg-filter-input,[data-theme="dark"] .cfg-filter-select{background:var(--bg-raised);border-color:var(--bg-border);color:var(--text)}
[data-theme="dark"] .json-area{background:var(--bg-raised);border-color:var(--bg-border);color:var(--text)}
[data-theme="dark"] .area-modal,[data-theme="dark"] .sponsor-modal{
  background:var(--bg-surface)
}
[data-theme="dark"] .area-field input,[data-theme="dark"] .area-field select{
  background:var(--bg-raised);border-color:var(--bg-border);color:var(--text)
}
[data-theme="dark"] .spk-pill{background:var(--bg-raised);border-color:var(--bg-border)}
[data-theme="dark"] .geo-kpi{background:var(--bg-raised);border-color:var(--bg-border)}
[data-theme="dark"] .country-bar-wrap,[data-theme="dark"] .country-bar-wrap{background:var(--bg-border)}
[data-theme="dark"] #world-map-wrap{background:#1a2a3a}
[data-theme="dark"] .spk-table th{border-color:var(--bg-border)}
[data-theme="dark"] .spk-table td{border-color:var(--bg-raised)}
[data-theme="dark"] .spk-table tr:hover td{background:var(--bg-raised)}
[data-theme="dark"] #tab-sponsors .sp-card{
  background:var(--bg-raised);border-color:var(--bg-border)
}
/* ── Dark mode text legibility fixes ── */
[data-theme="dark"] .str{opacity:.92}
[data-theme="dark"] .sd{opacity:.8}
[data-theme="dark"] .col-hdr-name{color:var(--text)}
[data-theme="dark"] .col-hdr-sub{color:var(--text-muted)}
[data-theme="dark"] .tl span{color:#EC6628;opacity:.85}
[data-theme="dark"] .leg{color:var(--text-2)}
[data-theme="dark"] .bank-t{color:var(--text-muted)}
[data-theme="dark"] .bem{color:var(--text-faint)}
[data-theme="dark"] .bis{color:var(--text-muted)}
[data-theme="dark"] .add-panel-title{color:var(--text)}
[data-theme="dark"] .form-field label{color:var(--text-muted)}
[data-theme="dark"] .stats-card-title{color:var(--text-muted)}
[data-theme="dark"] .stats-title{color:var(--text)}
[data-theme="dark"] .kpi-val{color:var(--text)}
[data-theme="dark"] .kpi-lbl{color:var(--text-muted)}
[data-theme="dark"] .kpi-sub{color:var(--text-faint)}
[data-theme="dark"] .bar-label{color:var(--text-2)}
[data-theme="dark"] .bar-val{color:var(--text-muted)}
[data-theme="dark"] .modal-title{color:var(--text)}
[data-theme="dark"] .modal-field label{color:var(--text-muted)}
[data-theme="dark"] .ctx-section{color:var(--text-faint)}
[data-theme="dark"] .ctx-item{color:var(--text)}

/* ════════════════════════════════════════════
   CONFIG TAB — table + filters
   ════════════════════════════════════════════ */

/* Filters */
.cfg-filters{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.cfg-filter-input{font-size:12px;padding:0 10px;border:1px solid var(--bg-border);border-radius:8px;background:var(--bg-raised);color:var(--text);font-family:inherit;outline:none;height:32px;transition:border-color .15s}
.cfg-filter-input:focus{border-color:#EC6628;background:var(--bg-surface)}
.cfg-filter-select{font-size:12px;padding:0 10px;border:1px solid var(--bg-border);border-radius:8px;background:var(--bg-raised);color:var(--text);font-family:inherit;outline:none;height:32px;cursor:pointer;transition:border-color .15s}
.cfg-filter-select:focus{border-color:#EC6628}

/* Meta bar */
.cfg-meta-bar{font-size:12px;color:var(--text-muted);min-height:18px}

/* Table */
.cfg-table-wrap{flex:1;overflow:auto;border:1px solid var(--bg-border);border-radius:10px;min-height:200px}
.cfg-table{width:100%;border-collapse:collapse;font-size:12px}
.cfg-table thead{position:sticky;top:0;z-index:2}
.cfg-table th{background:var(--bg-raised);padding:9px 12px;text-align:left;font-size:10px;font-weight:700;color:var(--text-muted);white-space:nowrap;border-bottom:2px solid var(--bg-border);text-transform:uppercase;letter-spacing:.5px}
.cfg-table td{padding:8px 12px;border-bottom:1px solid var(--bg-border-light);vertical-align:middle;white-space:nowrap;color:var(--text-2)}
.cfg-table tr:last-child td{border-bottom:none}
.cfg-table tbody tr:hover td{background:var(--bg-raised)}
.td-email{font-weight:600;color:var(--text)!important}
.td-mono{font-family:Menlo,Monaco,'Courier New',monospace;font-size:11px;color:var(--text-muted)!important}
.td-badge{display:inline-flex;align-items:center;gap:4px;background:var(--bg-raised);border:1px solid var(--bg-border);border-radius:5px;padding:2px 8px;font-size:11px;font-weight:500;color:var(--text)}
.v-dim{opacity:.55;font-size:10px}
.cfg-state{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:13px}
.cfg-state-err{color:#dc2626}

/* Pagination */
.cfg-pager{display:flex;align-items:center;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.cfg-page-btn{padding:5px 12px;border-radius:7px;border:1px solid var(--bg-border);background:var(--bg-raised);color:var(--text-2);cursor:pointer;font-size:12px;font-family:inherit;transition:background .1s,color .1s}
.cfg-page-btn:hover:not(:disabled){background:var(--bg-border);color:var(--text)}
.cfg-page-btn:disabled{opacity:.35;cursor:default}
.cfg-page-info{font-size:12px;color:var(--text-muted);padding:0 4px}

/* Dark mode adjustments */
[data-theme="dark"] .cfg-table-wrap{border-color:var(--bg-border)}

/* ════════════════════════════════════════════════════════
   PROFILE DRAWER
   ════════════════════════════════════════════════════════ */
.profile-drawer{
  position:fixed;top:0;right:0;height:100vh;height:100dvh;width:380px;max-width:100vw;
  background:var(--bg-surface);border-left:1px solid var(--bg-border);
  z-index:var(--z-modal);transform:translateX(100%);
  transition:transform .25s ease;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:-8px 0 32px rgba(0,0,0,.12);
}
.profile-drawer.open{transform:translateX(0)}
.profile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:calc(var(--z-modal) - 1)}
.profile-overlay.open{display:block}
.profile-drawer-inner{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1.5rem}
.profile-drawer-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-shrink:0}
.profile-drawer-title{font-size:17px;font-weight:700;color:var(--text)}
.profile-close-btn{width:32px;height:32px;border:none;background:var(--bg-raised);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .1s,color .1s}
.profile-close-btn:hover{background:var(--bg-border);color:var(--text)}
/* Photo section */
.profile-photo-section{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--bg-border)}
.profile-avatar-preview{width:80px;height:80px;border-radius:50%;background:var(--yt-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;overflow:hidden;flex-shrink:0;font-family:inherit}
.profile-email-tag{font-size:12px;color:var(--text-muted);text-align:center;margin-bottom:1.25rem;padding:6px 12px;background:var(--bg-raised);border-radius:20px;border:1px solid var(--bg-border)}
/* Form */
.profile-form{display:flex;flex-direction:column;gap:14px;flex:1}
.profile-field{display:flex;flex-direction:column;gap:5px}
.profile-field label{font-size:11px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}
.profile-field input{width:100%;font-size:13px;padding:8px 10px;border:1px solid var(--bg-border);border-radius:8px;background:var(--bg-raised);color:var(--text);font-family:inherit;outline:none;transition:border-color .15s,background .15s}
.profile-field input:focus{border-color:var(--yt-orange);background:var(--bg-surface)}
.pf-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:10px;font-weight:700;flex-shrink:0}
.pf-in{background:#0077b5;color:#fff}
.pf-x{background:#000;color:#fff;font-size:11px}
.pf-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}
.pf-wa{background:transparent;font-size:13px}
/* Actions */
.profile-actions{display:flex;gap:8px;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--bg-border);flex-shrink:0}
/* Phone combo */
.phone-combo{display:flex;gap:6px}
.phone-country-sel{width:108px;flex-shrink:0;font-size:12px;padding:8px 6px;border:1px solid var(--bg-border);border-radius:8px;background:var(--bg-raised);color:var(--text);font-family:inherit;outline:none;cursor:pointer;transition:border-color .15s}
.phone-country-sel:focus{border-color:var(--yt-orange)}
.phone-number-inp{flex:1}
.wa-check{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--text-2);cursor:pointer;user-select:none}
.wa-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--yt-orange);cursor:pointer;flex-shrink:0}

/* ════════════════════════════════════════════════════════
   TOAST NOTIFICATIONS
   ════════════════════════════════════════════════════════ */
.toast-stack{
  position:fixed;bottom:16px;right:16px;
  z-index:var(--z-toast);
  display:flex;flex-direction:column;gap:8px;
  align-items:flex-end;pointer-events:none;
}
.toast{
  display:flex;align-items:center;gap:10px;
  background:var(--bg-surface);border:1px solid var(--bg-border);
  border-radius:10px;padding:11px 14px 14px 12px;
  min-width:280px;max-width:400px;
  box-shadow:0 4px 24px rgba(0,0,0,.13);
  position:relative;overflow:hidden;
  pointer-events:all;
  opacity:0;transform:translateX(calc(100% + 20px));
  transition:opacity .25s ease,transform .25s ease;
}
.toast.toast-visible{opacity:1;transform:translateX(0)}
.toast.toast-hide{opacity:0;transform:translateX(calc(100% + 20px))}
.toast-ok  {border-left:3px solid #22c55e}
.toast-info{border-left:3px solid #3b82f6}
.toast-warn{border-left:3px solid #f59e0b}
.toast-err {border-left:3px solid #dc2626}
.toast-icon{font-size:13px;font-weight:700;width:18px;text-align:center;flex-shrink:0}
.toast-ok   .toast-icon{color:#22c55e}
.toast-info .toast-icon{color:#3b82f6}
.toast-warn .toast-icon{color:#f59e0b}
.toast-err  .toast-icon{color:#dc2626}
.toast-msg{flex:1;font-size:12px;color:var(--text);line-height:1.45}
.toast-x{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:10px;padding:2px 5px;border-radius:4px;transition:background .1s;flex-shrink:0;font-family:inherit}
.toast-x:hover{background:var(--bg-raised)}
.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--bg-border)}
.toast-bar{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(1);transition:transform 0ms linear}
.toast-ok   .toast-bar{background:#22c55e}
.toast-info .toast-bar{background:#3b82f6}
.toast-warn .toast-bar{background:#f59e0b}
.toast-err  .toast-bar{background:#dc2626}

/* ════════════════════════════════════════════════════════
   SETTINGS PANELS
   ════════════════════════════════════════════════════════ */
.stg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px}
.stg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stg-card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:12px;padding:1.25rem}
.stg-card-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:1rem;padding-bottom:10px;border-bottom:1px solid var(--bg-border)}
.stg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.stg-row:last-child{margin-bottom:0}
.stg-label{font-size:12px;color:var(--text-2);font-weight:500;flex-shrink:0;min-width:140px}
.stg-ctrl{flex:1}
.stg-inp{width:100%;font-size:12px;padding:7px 10px;border:1px solid var(--bg-border);border-radius:8px;background:var(--bg-raised);color:var(--text);font-family:inherit;outline:none;transition:border-color .15s}
.stg-inp:focus{border-color:var(--yt-orange)}
/* Color row */
.color-row{display:flex;align-items:center;gap:8px}
.color-pick{width:36px;height:32px;padding:2px 3px;border:1px solid var(--bg-border);border-radius:6px;cursor:pointer;background:var(--bg-raised);flex-shrink:0}
.hex-inp{width:100px;font-size:12px;padding:6px 8px;border:1px solid var(--bg-border);border-radius:6px;background:var(--bg-raised);color:var(--text);font-family:monospace;outline:none;transition:border-color .15s}
.hex-inp:focus{border-color:var(--yt-orange)}
/* Upload preview */
.upload-preview-wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.upload-preview{width:80px;height:80px;border:2px dashed var(--bg-border);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-raised)}
/* Gradient preset chips */
.grad-preset{transition:transform .1s,box-shadow .1s}
.grad-preset:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.25)!important}
/* Compact mode */
body.compact .main-inner{padding:12px}
body.compact .stg-card{padding:.9rem}

/* ════════════════════════════════════════════════════════
   STATS DARK MODE OVERRIDES
   ════════════════════════════════════════════════════════ */
[data-theme="dark"] .stats-panel{background:var(--bg-surface);border-color:var(--bg-border)}
[data-theme="dark"] .stats-card{background:var(--bg-raised)}
[data-theme="dark"] .stats-card-title{color:var(--text-muted)}
[data-theme="dark"] .stats-header{border-color:var(--bg-border)}
[data-theme="dark"] .stats-title{color:var(--text)}
[data-theme="dark"] .kpi{background:var(--bg-raised)}
[data-theme="dark"] .kpi-muted{background:var(--bg-raised)}
[data-theme="dark"] .kpi-party{background:#1a0d2e}
[data-theme="dark"] .kpi-val{color:var(--text)}
[data-theme="dark"] .kpi-lbl{color:var(--text-muted)}
[data-theme="dark"] .kpi-sub{color:var(--text-faint)}
[data-theme="dark"] .bar-label{color:var(--text-2)}
[data-theme="dark"] .bar-track{background:var(--bg-border)}
[data-theme="dark"] .bar-val{color:var(--text-muted)}
[data-theme="dark"] .coverage-track{background:var(--bg-border)}
[data-theme="dark"] .coverage-label{color:var(--text-2)}
[data-theme="dark"] .spk-table th{background:var(--bg-raised);border-color:var(--bg-border);color:var(--text-muted)}
[data-theme="dark"] .spk-table td{border-color:var(--bg-border-light);color:var(--text-2)}
[data-theme="dark"] .spk-table tr:hover td{background:var(--bg-raised)}
/* Speaker avatars + track badges in dark mode.
   inset box-shadow overlays a dark tint on the pastel background WITHOUT affecting text color.
   filter on parent would also darken the text — box-shadow avoids that. */
[data-theme="dark"] .spk-badge{
  box-shadow:inset 0 0 0 200px rgba(0,0,0,.52) !important;
  color:#fff !important;
  border:none !important;
}
[data-theme="dark"] .spk-table td:first-child div{
  box-shadow:inset 0 0 0 200px rgba(0,0,0,.52) !important;
  color:#fff !important;
}
[data-theme="dark"] .spk-pill{background:var(--bg-raised);border-color:var(--bg-border)}
[data-theme="dark"] .geo-kpi{background:var(--bg-raised);border-color:var(--bg-border)}
[data-theme="dark"] .geo-kpi-val{color:var(--text)}
[data-theme="dark"] .geo-kpi-lbl{color:var(--text-muted)}
[data-theme="dark"] .country-row{border-color:var(--bg-border-light) !important}
[data-theme="dark"] .country-name{color:var(--text) !important}
[data-theme="dark"] .country-bar-wrap{background:var(--bg-border) !important}
[data-theme="dark"] .country-count{color:var(--text-muted) !important}
[data-theme="dark"] .bar-label{color:var(--text-2) !important}
[data-theme="dark"] .bar-val{color:var(--text-muted) !important}
[data-theme="dark"] .geo-kpi-val{color:var(--text) !important;font-size:22px}
[data-theme="dark"] .geo-kpi-lbl{color:var(--text-muted) !important}

/* Leaflet map dark mode — invert tiles */
[data-theme="dark"] #leaflet-map .leaflet-tile-pane{filter:brightness(.65) invert(1) hue-rotate(200deg) saturate(.5)}
[data-theme="dark"] #leaflet-map .leaflet-marker-pane{filter:none}
[data-theme="dark"] #world-map-wrap{background:#1a2a3a;border-radius:8px}

/* Smart calculator table — override ALL inline backgrounds/colors */
[data-theme="dark"] #smart-calculator table{background:var(--bg-surface);color:var(--text-2)}
[data-theme="dark"] #smart-calculator tr{background-color:var(--bg-surface) !important;border-color:var(--bg-border) !important}
[data-theme="dark"] #smart-calculator thead tr{background-color:var(--bg-raised) !important}
[data-theme="dark"] #smart-calculator th{background-color:var(--bg-raised) !important;color:var(--text-muted) !important;border-color:var(--bg-border) !important}
[data-theme="dark"] #smart-calculator td{color:var(--text-2) !important;border-color:var(--bg-border) !important}
/* FOCUS rows → subtle amber in dark */
[data-theme="dark"] #smart-calculator tr[style*="fefce8"]{background-color:rgba(245,158,11,.1) !important}
/* Exhausted rows → subtle green in dark */
[data-theme="dark"] #smart-calculator tr[style*="f0fdf4"]{background-color:rgba(34,197,94,.08) !important}
/* Group header rows */
[data-theme="dark"] #smart-calculator tr[style*="f3f1ec"]{background-color:var(--bg-raised) !important}
/* Alert boxes */
[data-theme="dark"] #smart-calculator div[style*="d1fae5"]{background:rgba(16,185,129,.12) !important;border-color:rgba(16,185,129,.3) !important;color:var(--text) !important}
[data-theme="dark"] #smart-calculator div[style*="dbeafe"]{background:rgba(59,130,246,.12) !important;border-color:rgba(59,130,246,.3) !important;color:var(--text) !important}
[data-theme="dark"] #smart-calculator div[style*="fef3c7"]{background:rgba(245,158,11,.12) !important;border-color:rgba(245,158,11,.3) !important;color:var(--text) !important}
[data-theme="dark"] #smart-calculator div[style*="linear-gradient"]{background:linear-gradient(135deg,var(--bg-raised) 0%,var(--bg-surface) 100%) !important;border-color:var(--bg-border) !important}

/* Pricing table */
[data-theme="dark"] #pricing-table table{background:var(--bg-surface);color:var(--text-2)}
[data-theme="dark"] #pricing-table tr{background-color:var(--bg-surface) !important;border-color:var(--bg-border) !important}
[data-theme="dark"] #pricing-table thead tr{background-color:var(--bg-raised) !important}
[data-theme="dark"] #pricing-table th{background-color:var(--bg-raised) !important;color:var(--text-muted) !important}
[data-theme="dark"] #pricing-table td{color:var(--text-2) !important;border-color:var(--bg-border) !important}
[data-theme="dark"] #pricing-table tr[style*="f3f1ec"]{background-color:var(--bg-raised) !important}

/* Revenue and placement progress tracks */
[data-theme="dark"] #revenue-by-tier div[style*="#f0ede8"],[data-theme="dark"] #revenue-by-tier div[style*="#e8e6e0"]{background:var(--bg-border) !important}
[data-theme="dark"] #placement-progress div[style*="#f0ede8"]{background:var(--bg-border) !important}

/* Finance KPIs card borders */
[data-theme="dark"] #finance-kpis > div{background:var(--bg-raised) !important;border-color:var(--bg-border) !important}

/* Donut chart SVG text */
[data-theme="dark"] #sponsor-distribution svg text{fill:var(--text) !important}

/* Inline color overrides throughout stats panels */
[data-theme="dark"] .stats-panel [style*="color:#1a1a1a"]{color:var(--text) !important}
[data-theme="dark"] .stats-panel [style*="color:#666"]{color:var(--text-muted) !important}
[data-theme="dark"] .stats-panel [style*="color:#888"]{color:var(--text-muted) !important}
[data-theme="dark"] .stats-panel [style*="color:#444"]{color:var(--text-2) !important}
[data-theme="dark"] .stats-panel [style*="color:#aaa"]{color:var(--text-faint) !important}
[data-theme="dark"] .stats-panel [style*="background:#fff"]{background:var(--bg-surface) !important}
[data-theme="dark"] .stats-panel [style*="background:#f8f7f4"]{background:var(--bg-raised) !important}
[data-theme="dark"] .stats-panel [style*="background:#fafaf8"]{background:var(--bg-raised) !important}
[data-theme="dark"] .stats-panel [style*="background:#f3f1ec"]{background:var(--bg-raised) !important}
[data-theme="dark"] .finance-top > div:first-child{background:var(--bg-raised) !important;border-color:var(--bg-border) !important}

body.compact .nav-item{padding:6px 16px}

/* ════════════════════════════════════════════════════════
   PRINT STYLES — Parrilla del Evento
   ════════════════════════════════════════════════════════ */
.print-header { display:none } /* hidden on screen */

@media print {
  /* ── Reset a light theme for print (override dark mode) ── */
  :root, [data-theme="dark"] {
    --bg-page:#ffffff; --bg-surface:#ffffff; --bg-raised:#f8f7f4;
    --bg-border:#e0ddd7; --bg-border-light:#ece9e3;
    --text:#1a1a1a; --text-2:#444; --text-muted:#666; --text-faint:#999;
    --header-bg:#ffffff; --header-border:#e0ddd7;
    --shadow-sm:none; --shadow-md:none;
    --yt-gradient:linear-gradient(90deg,#EC6628,#FFBF00);
  }

  /* ── Page setup ── */
  @page { margin:12mm 10mm; size:A4 landscape; }

  /* ── Force background-color printing ── */
  * { -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }

  /* ── Hide all shell UI ── */
  .topbar, .sidebar, .drawer-overlay, .toast-stack,
  .topbar-alert-wrap, #alert-panel, .sbanner, .cbanner,
  .add-panel, .bank, .skip-link, #global-import-panel,
  .no-print { display:none !important; }

  /* ── Remove ALL overflow/height constraints — must use !important to beat inline styles ── */
  html, body        { height:auto !important; max-height:none !important; overflow:visible !important; background:#fff; }
  .app-shell        { height:auto !important; max-height:none !important; overflow:visible !important; display:block !important; background:#fff; }
  .shell-body       { height:auto !important; max-height:none !important; overflow:visible !important; display:block !important; }
  .sidebar          { display:none !important; }
  .main             { height:auto !important; max-height:none !important; overflow:visible !important; flex:none; background:#fff; }
  .main-inner       { height:auto !important; max-height:none !important; overflow:visible !important; padding:4mm 0; max-width:100%; }
  #tab-parrilla     { height:auto !important; max-height:none !important; overflow:visible !important; }
  .tl-outer         { height:auto !important; max-height:none !important; overflow:visible !important; }
  .stg, .tcol       { overflow:visible !important; }

  /* ── Only show parrilla tab ── */
  .tab-pane { display:none !important; }
  #tab-parrilla { display:block !important; }

  /* ── Show print-only header ── */
  .print-header {
    display:block !important;
    padding-bottom:5mm;
    margin-bottom:5mm;
    border-bottom:2.5px solid #EC6628;
  }

  /* ── Section header ── */
  .section-hdr { margin-bottom:4mm; }
  .section-title { font-size:16pt; color:#1a1a1a; font-weight:700; }
  .breadcrumb { color:#666; font-size:8pt; }

  /* ── Legend / toolbar ── */
  .toolbar {
    border:none; background:none; border-radius:0;
    padding:0 0 3mm; margin-bottom:3mm;
    border-bottom:1px solid #e0ddd7;
  }
  .leg { font-size:8pt; color:#444; }
  .leg-dot { width:10px; height:10px; }

  /* ── Timeline container ── */
  .tl-outer {
    overflow:visible; height:auto;
    border:1px solid #ccc;
    border-left:3px solid #EC6628;
    border-radius:0; background:#fff;
    margin-bottom:0;
  }

  /* ── Time column ── */
  .tcol { background:#f8f7f4; border-right:2px solid #EC6628; }
  .tl span { color:#EC6628; font-weight:600; opacity:1; font-size:8pt; }

  /* ── Grid lines ── */
  .gl.hour { background:rgba(0,0,0,.08); }
  .gl.half { background:rgba(0,0,0,.03); }

  /* ── Stage columns ── */
  .stg { background:#fff; border-right:1px solid #d0cdc5; }
  .col-hdr { background:#f8f7f4; border-bottom:1px solid #d0cdc5; }
  .col-hdr-name { color:#1a1a1a; font-size:10pt; font-weight:600; }
  .col-hdr-sub { color:#666; font-size:8pt; }

  /* ── Slot cards ── */
  .slot { cursor:default; box-shadow:0 1px 2px rgba(0,0,0,.08); border-width:1px; }
  .slot-del, .resize-handle { display:none !important; }
  .sn { font-size:8.5pt; font-weight:700; color:#1a1a1a; padding-right:0; }
  .str { font-size:7.5pt; color:#444; opacity:1; }
  .sd { font-size:7pt; color:#555; opacity:1; }

  /* ── Page breaks ── */
  .tl-outer { page-break-inside:auto; }
  .slot { page-break-inside:avoid; }
}

/* ════════════════════════════════════════════════════════
   SPEAKERS PANEL
   ════════════════════════════════════════════════════════ */
/* Overlay */
.spk-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:calc(var(--z-modal) - 1)}
.spk-overlay.open{display:block}
/* Slide-in panel */
.spk-panel{
  position:fixed;top:0;right:0;height:100vh;height:100dvh;width:700px;max-width:96vw;
  background:var(--bg-surface);border-left:1px solid var(--bg-border);
  z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(100%);transition:transform .25s ease;
  box-shadow:-8px 0 32px rgba(0,0,0,.15)
}
.spk-panel.open{transform:translateX(0)}
.spk-panel-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--bg-border);flex-shrink:0;gap:12px}
.spk-tabs-bar{display:flex;gap:0;border-bottom:1px solid var(--bg-border);flex-shrink:0;overflow-x:auto}
.spk-tab-btn{padding:9px 16px;border:none;background:transparent;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;font-family:inherit;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.spk-tab-btn:hover{color:var(--text)}
.spk-tab-btn.active{color:var(--yt-orange);border-bottom-color:var(--yt-orange);font-weight:600}
.spk-panel-body{flex:1;overflow-y:auto}
.spk-tab-pane{display:none;padding:1.25rem}
.spk-tab-pane.active{display:block}
/* Form inside panel */
.spk-section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--bg-border)}
.spk-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.spk-field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.spk-field-label{font-size:11px;font-weight:600;color:var(--text-muted)}
.spk-inp{width:100%;font-size:12px;padding:7px 10px;border:1px solid var(--bg-border);border-radius:8px;background:var(--bg-raised);color:var(--text);font-family:inherit;outline:none;transition:border-color .15s}
.spk-inp:focus{border-color:var(--yt-orange);background:var(--bg-surface)}
.spk-save-bar{margin-top:16px;padding-top:12px;border-top:1px solid var(--bg-border)}
/* List */
.spk-avatar-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}
.spk-status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}
.spk-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:13px}
.spk-name-cell{font-size:13px}
.spk-row{transition:background .1s}
.spk-row:hover td{background:var(--bg-raised)}
/* Payments table */
.spk-pay-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}
.spk-pay-table th{background:var(--bg-raised);padding:7px 10px;text-align:left;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--bg-border)}
.spk-pay-table td{padding:7px 10px;border-bottom:1px solid var(--bg-border-light)}
/* Social links */
.spk-social-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--bg-border-light)}

/* ════════════════════════════════════════════════════════
   FLOOR PLAN BUILDER
   ════════════════════════════════════════════════════════ */
.fp-layout{display:flex;height:calc(100vh - 160px);min-height:400px;gap:0;border:1px solid var(--bg-border);border-radius:12px;overflow:hidden;background:var(--bg-surface)}
.fp-sidebar{width:160px;flex-shrink:0;background:var(--bg-raised);border-right:1px solid var(--bg-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}
.fp-sidebar-hdr{padding:10px 12px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--bg-border)}
.fp-plan-list{flex:1;overflow-y:auto;padding:6px}
.fp-plan-item{display:flex;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:12px;color:var(--text-2);transition:background .1s;margin-bottom:2px}
.fp-plan-item:hover{background:var(--bg-border);color:var(--text)}
.fp-plan-item.active{background:rgba(236,102,40,.1);color:var(--yt-orange);font-weight:600;border-left:2px solid var(--yt-orange)}
.fp-plan-dim{font-size:10px;color:var(--text-muted);margin-top:1px}
.fp-new-plan{margin:8px;border:1px dashed var(--bg-border);border-radius:8px;padding:7px;font-size:11px;text-align:center;cursor:pointer;color:var(--yt-orange);transition:background .1s;background:none;width:calc(100% - 16px);font-family:inherit}
.fp-new-plan:hover{background:rgba(236,102,40,.07)}
.fp-main{flex:1;display:flex;flex-direction:column;overflow:hidden}
/* .fp-toolbar / .fp-tb-* live at the end of this file (CAD toolbar — floor-plan-toolbar.js) */
.fp-canvas-wrap{flex:1;overflow:auto;background:var(--bg-page);position:relative;cursor:crosshair}
.fp-canvas-wrap.mode-select{cursor:default}
.fp-canvas-wrap.mode-pan{cursor:grab}
.fp-canvas-wrap.mode-pan:active{cursor:grabbing}
.fp-canvas-wrap.mode-ruler-h{cursor:s-resize !important}
.fp-canvas-wrap.mode-ruler-v{cursor:e-resize !important}
.fp-status{padding:4px 12px;font-size:10px;color:var(--text-muted);border-top:1px solid var(--bg-border);flex-shrink:0;display:flex;gap:12px;background:var(--bg-raised)}
/* Space edit popup */
.fp-space-popup{position:absolute;background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:10px;padding:12px;min-width:220px;z-index:500;box-shadow:var(--shadow-md)}
/* Door palette item */
.fp-palette-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:8px;border:1px solid var(--bg-border);background:var(--bg-surface);cursor:pointer;transition:background .1s,border-color .1s;width:100%;box-sizing:border-box}
.fp-palette-item:hover{background:rgba(236,102,40,.08);border-color:rgba(236,102,40,.4)}

/* ── CAD Toolbar (floor-plan-toolbar.js) ───────────────────────────── */
.fp-toolbar {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--bg-border);
  background: var(--bg-surface);
  flex-shrink: 0;
  min-height: 44px;
}

/* Button group */
.fp-tb-group {
  display: flex;
  align-items: center;
  gap: 2px;
}

/* Separator between groups */
.fp-tb-sep {
  width: 1px;
  height: 24px;
  background: var(--bg-border);
  margin: 0 6px;
  flex-shrink: 0;
}

/* Base button style */
.fp-tb-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: none;
  color: var(--text-2);
  cursor: pointer;
  transition: background .1s, color .1s, border-color .1s;
  padding: 0;
  position: relative;
  font-family: inherit;
}

.fp-tb-btn:hover {
  background: var(--bg-border);
  color: var(--text);
}

/* Active tool (mutually exclusive) */
.fp-tb-btn.active {
  background: var(--yt-orange);
  color: #fff;
  border-color: var(--yt-orange);
}

.fp-tb-btn.active:hover {
  background: #d4571f;
  border-color: #d4571f;
}

/* Grid ON — blue tinted (different from active tool) */
.fp-tb-btn.fp-tb-toggle-on {
  background: rgba(59,130,246,0.12);
  color: #3b82f6;
  border-color: rgba(59,130,246,0.3);
}

.fp-tb-btn.fp-tb-toggle-on:hover {
  background: rgba(59,130,246,0.2);
}

/* Grid OFF — dimmed */
.fp-tb-btn.fp-tb-toggle-off {
  color: var(--text-muted);
  opacity: 0.55;
}

.fp-tb-btn.fp-tb-toggle-off:hover {
  opacity: 1;
  background: var(--bg-border);
  color: var(--text);
}

/* Disabled (undo/redo when stack empty) */
.fp-tb-btn.fp-tb-disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

/* Status area */
.fp-tb-status {
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-size: 11px;
}

/* ═══════════════════════════════════════════════════════
   GLOBAL LANDING — Events list / dashboard
   ═══════════════════════════════════════════════════════ */
.global-landing-header {
  display:flex; align-items:flex-start; justify-content:space-between;
  margin-bottom:1.5rem; gap:1rem; flex-wrap:wrap;
}
.global-stats-row {
  display:flex; gap:8px; margin-top:8px; flex-wrap:wrap;
}
.gstat {
  display:inline-flex; align-items:center; gap:5px;
  padding:3px 10px; border-radius:20px;
  font-size:12px; font-weight:600;
}
.gstat::before { content:''; width:7px; height:7px; border-radius:50%; background:currentColor; }
.gstat-active   { color:#16a34a; background:#dcfce7; }
.gstat-draft    { color:#d97706; background:#fef3c7; }
.gstat-archived { color:#6b7280; background:#f3f4f6; }
[data-theme="dark"] .gstat-active   { background:rgba(22,163,74,.2); }
[data-theme="dark"] .gstat-draft    { background:rgba(217,119,6,.2); }
[data-theme="dark"] .gstat-archived { background:rgba(107,114,128,.2); }

/* Event cards grid */
.evt-cards-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:16px;
}
.evt-card {
  background:var(--bg-surface);
  border:1px solid var(--bg-border);
  border-top:3px solid var(--evt-color,var(--yt-orange));
  border-radius:14px;
  padding:1.25rem;
  display:flex; flex-direction:column; gap:14px;
  transition:box-shadow .15s, transform .15s;
}
.evt-card:hover {
  box-shadow:0 4px 20px rgba(0,0,0,.10);
  transform:translateY(-1px);
}

/* Card top row: logo + meta + status */
.evt-card-top {
  display:flex; align-items:flex-start; gap:12px;
}
.evt-card-logo {
  width:40px; height:40px; border-radius:8px; object-fit:contain;
  background:var(--bg-raised); flex-shrink:0;
}
.evt-card-logo-placeholder {
  width:40px; height:40px; border-radius:8px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; font-weight:700;
}
.evt-card-meta { flex:1; min-width:0; }
.evt-card-name {
  font-size:15px; font-weight:700; color:var(--text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.evt-card-loc {
  font-size:11px; color:var(--text-muted); margin-top:2px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.evt-status-badge {
  font-size:10px; font-weight:700; padding:2px 8px; border-radius:10px;
  white-space:nowrap; flex-shrink:0;
}
.evt-days {
  font-size:10px; font-weight:700; padding:2px 7px; border-radius:8px;
  text-align:center; white-space:nowrap;
}
.evt-days-future  { color:var(--yt-orange); background:rgba(236,102,40,.1); }
.evt-days-today   { color:#7c3aed; background:#ede9fe; }
.evt-days-past    { color:#6b7280; background:#f3f4f6; }

/* Stats mini-row */
.evt-card-stats {
  display:grid; grid-template-columns:repeat(3,1fr); gap:6px;
}
.evt-stat {
  background:var(--bg-raised); border-radius:8px;
  padding:8px 10px; display:flex; flex-direction:column; gap:2px;
}
.evt-stat-val { font-size:16px; font-weight:700; color:var(--text); line-height:1; }
.evt-stat-lbl { font-size:10px; color:var(--text-muted); }

/* Action row */
.evt-card-actions {
  display:flex; gap:6px; align-items:center;
}
.evt-enter-btn {
  flex:1; font-size:12px !important; padding:7px 12px !important;
}
.evt-action-btn {
  padding:6px 10px !important; font-size:13px !important;
  flex-shrink:0;
}

/* Empty state */
.evt-empty {
  grid-column:1/-1;
  text-align:center; padding:3rem 1rem;
  color:var(--text-muted);
}

/* ═══════════════════════════════════════════════════════
   EVENT DASHBOARD — Hero, KPIs, Quick actions
   ═══════════════════════════════════════════════════════ */
.edash-root { display:flex; flex-direction:column; gap:24px; }

/* Hero */
.edash-hero {
  background:var(--bg-surface);
  border:1px solid var(--bg-border);
  border-top:3px solid var(--evt-color,var(--yt-orange));
  border-radius:14px; padding:1.5rem;
}
.edash-hero-content {
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
}
.edash-logo {
  width:56px; height:56px; border-radius:12px;
  object-fit:contain; flex-shrink:0;
  background:var(--bg-raised);
}
.edash-logo-placeholder {
  width:56px; height:56px; border-radius:12px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:700;
}
.edash-hero-meta { flex:1; min-width:0; }
.edash-hero-title {
  font-size:22px; font-weight:700; color:var(--text);
  margin:0 0 4px; line-height:1.2;
  font-family:var(--font-title,'Orbitron',monospace);
  text-transform:uppercase; letter-spacing:.5px;
}
.edash-hero-loc {
  font-size:13px; color:var(--text-muted); margin-bottom:8px;
}
.edash-hero-badges { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.edash-status {
  font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px;
}
.edash-days {
  font-size:11px; font-weight:600; padding:3px 10px; border-radius:20px;
}
.edash-days-future { color:var(--yt-orange); background:rgba(236,102,40,.12); }
.edash-days-today  { color:#7c3aed; background:#ede9fe; }
.edash-days-recent { color:#2563eb; background:#dbeafe; }
.edash-days-past   { color:#6b7280; background:#f3f4f6; }
.edash-edit-btn {
  margin-left:auto; flex-shrink:0; font-size:12px;
}

/* KPI cards */
.edash-kpis {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:12px;
}
.edash-kpi {
  background:var(--bg-surface); border:1px solid var(--bg-border);
  border-radius:12px; padding:1.125rem;
  display:flex; align-items:flex-start; gap:14px;
  transition:box-shadow .15s;
}
.edash-kpi:hover { box-shadow:var(--shadow-sm); }
.edash-kpi-icon {
  width:42px; height:42px; border-radius:10px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
}
.edash-kpi-icon svg { width:20px; height:20px; }
.edash-kpi-body { flex:1; min-width:0; }
.edash-kpi-val {
  font-size:26px; font-weight:700; color:var(--text);
  line-height:1; margin-bottom:4px;
}
.edash-kpi-unit { font-size:14px; font-weight:500; color:var(--text-muted); }
.edash-kpi-lbl { font-size:12px; color:var(--text-muted); font-weight:500; }
.edash-kpi-sub { font-size:11px; color:var(--text-faint); margin-top:3px; }

/* Loading spinner */
.edash-spin {
  display:inline-block; width:18px; height:18px;
  border:2px solid var(--bg-border); border-top-color:var(--yt-orange);
  border-radius:50%; animation:edash-spin .7s linear infinite;
}
@keyframes edash-spin { to { transform:rotate(360deg); } }

/* Quick actions */
.edash-section { }
.edash-section-title {
  font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.6px; color:var(--text-muted); margin-bottom:10px;
}
.edash-actions {
  display:flex; gap:8px; flex-wrap:wrap;
}
.edash-action {
  display:flex; align-items:center; gap:8px;
  padding:9px 16px; border-radius:10px;
  background:var(--bg-surface); border:1px solid var(--bg-border);
  color:var(--text-2); font-size:13px; font-weight:500;
  cursor:pointer; font-family:inherit;
  transition:background .1s, color .1s, border-color .1s, box-shadow .1s;
}
.edash-action svg { width:16px; height:16px; flex-shrink:0; }
.edash-action:hover {
  background:var(--bg-raised); color:var(--yt-orange);
  border-color:var(--yt-orange); box-shadow:0 2px 8px rgba(236,102,40,.12);
}

/* Responsive */
@media (max-width:768px) {
  .edash-kpis { grid-template-columns:1fr 1fr; }
  .edash-hero-title { font-size:18px; }
}

/* ═══════════════════════════════════════════════════════
   BOTTOM SHEET — mobile sub-menu (Ponentes, Stats, etc.)
   ═══════════════════════════════════════════════════════ */
.bottom-sheet {
  display:none; /* shown via JS on mobile */
}
@media (max-width:768px) {
  .bottom-sheet {
    display:block;
    position:fixed; inset:0; z-index:calc(var(--z-sidebar) + 20);
    pointer-events:none; opacity:0;
    transition:opacity .2s ease;
  }
  .bottom-sheet.open {
    pointer-events:auto; opacity:1;
  }
  .bottom-sheet-backdrop {
    position:absolute; inset:0;
    background:rgba(0,0,0,.45);
  }
  .bottom-sheet-panel {
    position:absolute; bottom:0; left:0; right:0;
    background:var(--bg-surface);
    border-radius:20px 20px 0 0;
    padding:0 0 calc(56px + env(safe-area-inset-bottom,0px));
    transform:translateY(100%);
    transition:transform .25s cubic-bezier(.32,0,.67,0);
    box-shadow:0 -4px 32px rgba(0,0,0,.18);
  }
  .bottom-sheet.open .bottom-sheet-panel {
    transform:translateY(0);
  }
  .bottom-sheet-handle {
    width:36px; height:4px; border-radius:2px;
    background:var(--bg-border); margin:12px auto 8px;
  }
  .bottom-sheet-title {
    padding:6px 20px 12px;
    font-size:12px; font-weight:700; text-transform:uppercase;
    letter-spacing:.6px; color:var(--text-muted);
    border-bottom:1px solid var(--bg-border);
  }
  .bottom-sheet-items {
    padding:8px 0;
  }
  .bottom-sheet-item {
    display:flex; align-items:center; gap:12px;
    width:100%; padding:14px 20px;
    background:none; border:none; border-left:3px solid transparent;
    color:var(--text-2); font-size:15px; font-weight:500;
    cursor:pointer; font-family:inherit; text-align:left;
    transition:background .1s, color .1s;
  }
  .bottom-sheet-item:hover,
  .bottom-sheet-item:active { background:var(--bg-raised); color:var(--text); }
  .bottom-sheet-item.active {
    color:var(--yt-orange); border-left-color:var(--yt-orange);
    font-weight:600;
  }
  .bottom-sheet-item svg { width:20px; height:20px; flex-shrink:0; opacity:.7; }
}

/* ═══════════════════════════════════════════════════════
   FP ALIGN PANEL — dropdown de alineación del floor plan
   ═══════════════════════════════════════════════════════ */
.fp-align-panel {
  position:fixed; z-index:99997;
  background:var(--bg-surface); border:1px solid var(--bg-border);
  border-radius:12px; padding:12px; min-width:200px;
  box-shadow:0 8px 32px rgba(0,0,0,.2);
  user-select:none;
}
.fp-align-label {
  font-size:10px; font-weight:700; text-transform:uppercase;
  letter-spacing:.6px; color:var(--text-muted); margin-bottom:6px;
}
.fp-align-row { display:flex; gap:4px; }
.fp-align-btn {
  width:36px; height:36px; border-radius:8px; border:1px solid var(--bg-border);
  background:var(--bg-raised); cursor:pointer; display:flex; align-items:center;
  justify-content:center; transition:background .1s, border-color .1s, color .1s;
  color:var(--text-2);
}
.fp-align-btn svg { width:18px; height:18px; }
.fp-align-btn:hover { background:var(--bg-border); color:var(--yt-orange); border-color:var(--yt-orange); }
.fp-align-btn-off { opacity:.35; cursor:not-allowed !important; }
.fp-align-btn-off:hover { background:var(--bg-raised) !important; color:var(--text-2) !important; border-color:var(--bg-border) !important; }
.fp-align-sep { height:1px; background:var(--bg-border); margin:10px 0; }
.fp-align-snap-btn {
  display:flex; align-items:center; gap:8px;
  width:100%; padding:8px 10px; border-radius:8px;
  border:1px solid var(--bg-border); background:var(--bg-raised);
  cursor:pointer; font-size:12px; color:var(--text-2); font-family:inherit;
  transition:background .1s, color .1s;
}
.fp-align-snap-btn svg { width:16px; height:16px; flex-shrink:0; }
.fp-align-snap-btn:hover { background:var(--bg-border); color:var(--yt-orange); }

/* ═══════════════════════════════════════════════════════
   FP HELP MODAL — shortcuts and guide for floor plan builder
   ═══════════════════════════════════════════════════════ */
#fp-help-overlay { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:20px; }
.fp-help-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.55); backdrop-filter:blur(3px); }
.fp-help-modal {
  position:relative; z-index:1;
  background:var(--bg-surface); border:1px solid var(--bg-border);
  border-radius:16px; width:720px; max-width:100%;
  max-height:85vh; display:flex; flex-direction:column;
  box-shadow:0 24px 64px rgba(0,0,0,.35); overflow:hidden;
}
.fp-help-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; border-bottom:1px solid var(--bg-border); flex-shrink:0;
}
.fp-help-title {
  display:flex; align-items:center; gap:8px;
  font-size:15px; font-weight:700; color:var(--text);
}
.fp-help-title svg { color:var(--yt-orange); flex-shrink:0; }
.fp-help-close {
  background:none; border:none; cursor:pointer;
  color:var(--text-muted); font-size:16px; padding:4px 8px; border-radius:6px;
  line-height:1; transition:background .1s;
}
.fp-help-close:hover { background:var(--bg-raised); color:var(--text); }
.fp-help-body {
  overflow-y:auto; padding:16px 20px;
  display:grid; grid-template-columns:1fr 1fr; gap:16px;
}
.fp-help-section { }
.fp-help-section-title {
  font-size:10px; font-weight:700; text-transform:uppercase;
  letter-spacing:.6px; color:var(--yt-orange); margin-bottom:8px;
  padding-bottom:4px; border-bottom:1px solid var(--bg-border);
}
.fp-help-row {
  display:flex; align-items:baseline; gap:10px;
  padding:4px 0; font-size:12px; color:var(--text-2);
}
.fp-help-tip { align-items:flex-start; padding:5px 0; }
.fp-help-tip .fp-help-key { font-size:14px; background:none; border:none; padding:0; min-width:16px; }
.fp-help-key {
  display:inline-block; min-width:80px; flex-shrink:0;
  background:var(--bg-raised); border:1px solid var(--bg-border);
  border-radius:5px; padding:2px 7px; font-size:10px; font-weight:600;
  color:var(--text-muted); text-align:center; font-family:monospace;
  white-space:nowrap;
}
.fp-help-desc { flex:1; color:var(--text-2); line-height:1.4; }
.fp-help-footer {
  padding:10px 20px; border-top:1px solid var(--bg-border);
  font-size:11px; color:var(--text-muted); text-align:center; flex-shrink:0;
}
.fp-help-footer kbd {
  background:var(--bg-raised); border:1px solid var(--bg-border);
  border-radius:4px; padding:1px 6px; font-size:11px; font-family:monospace;
}

/* ── Estrado template palette buttons ── */
.fp-estrado-tpl-btn:hover {
  border-color: var(--yt-orange) !important;
  box-shadow: 0 2px 8px rgba(236,102,40,.2);
  background: var(--bg-surface) !important;
}

/* ── Floor Plan Sidebar Accordion ── */
.fp-acc-section { border-top:1px solid var(--bg-border); }
.fp-acc-hdr {
  display:flex; align-items:center; justify-content:space-between;
  width:100%; padding:8px 12px;
  background:none; border:none; cursor:pointer; font-family:inherit;
  font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.6px;
  color:var(--text-muted); transition:background .1s;
}
.fp-acc-hdr:hover { background:var(--bg-raised); color:var(--text); }
.fp-acc-chevron {
  width:13px; height:13px; flex-shrink:0;
  transition:transform .2s ease;
}
.fp-acc-section:not(.open) .fp-acc-chevron { transform:rotate(-90deg); }
.fp-acc-body {
  overflow:hidden;
  max-height:0;
  transition:max-height .25s ease;
}
.fp-acc-section.open .fp-acc-body {
  max-height:1400px; /* large enough for any content (grids, listas) */
}

/* ── Groups tree (Figma-style layers panel) ── */
.fp-groups-tree { max-height:260px; overflow-y:auto; font-size:12px; }
.fp-grp-empty { color:var(--text-muted); font-size:11px; padding:8px 6px; line-height:1.4; }
.fp-grp-node {
  display:flex; align-items:center; gap:5px; padding:4px 6px;
  border-radius:6px; cursor:pointer; user-select:none;
  transition:background .1s;
}
.fp-grp-node:hover { background:var(--bg-raised); }
.fp-grp-node.active { background:rgba(236,102,40,.16); box-shadow:inset 2px 0 0 var(--yt-orange); }
.fp-grp-tw { width:12px; text-align:center; color:var(--text-muted); flex:none; font-size:10px; }
.fp-grp-ico { flex:none; }
.fp-grp-name { font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:none; max-width:40%; }
.fp-grp-meta { color:var(--text-muted); font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; }
.fp-grp-actions { display:none; gap:2px; flex:none; }
.fp-grp-node:hover .fp-grp-actions { display:flex; }
.fp-grp-actions button {
  border:none; background:transparent; cursor:pointer; padding:2px 4px;
  border-radius:4px; font-size:11px; color:var(--text-muted); line-height:1;
}
.fp-grp-actions button:hover { background:var(--bg-surface); color:var(--text); }
.fp-grp-actions button.danger:hover { color:#e5484d; }

/* ── Stands palette (expo) ── */
.fp-stands-pal { padding:6px; display:flex; flex-direction:column; gap:4px; }
.fp-stand-item {
  display:flex; align-items:center; gap:6px; padding:6px 7px;
  border:1px solid var(--bg-border); border-radius:8px; background:var(--bg-surface);
  cursor:grab; font-size:11px; user-select:none; transition:border-color .1s,background .1s;
}
.fp-stand-item:hover { border-color:var(--yt-orange); background:rgba(236,102,40,.06); }
.fp-stand-item.fp-stand-full { opacity:.5; cursor:not-allowed; }
.fp-stand-sw { width:12px; height:12px; border-radius:3px; flex:none; }
.fp-stand-name { font-weight:600; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; }
.fp-stand-sz { color:var(--text-muted); font-size:10px; flex:none; }
.fp-stand-qty { font-family:monospace; font-size:10px; font-weight:700; color:#22c55e; flex:none; min-width:34px; text-align:right; }
.fp-stand-qty.full { color:#ef4444; }

/* ── Estrado template buttons (inside accordion) ── */
.fp-estrado-tpl-btn {
  display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:4px 6px;
  background:var(--bg-raised); border:1px solid var(--bg-border);
  border-radius:8px; cursor:pointer; font-family:inherit;
  transition:border-color .1s, box-shadow .1s;
}
.fp-estrado-tpl-btn:hover {
  border-color:var(--yt-orange);
  box-shadow:0 2px 8px rgba(236,102,40,.2);
  background:var(--bg-surface);
}

/* ── Wall shape palette buttons ── */
.fp-wall-shape-btn {
  display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:4px 5px;
  background:var(--bg-raised); border:1px solid var(--bg-border);
  border-radius:8px; cursor:pointer; font-family:inherit;
  transition:border-color .1s, box-shadow .1s; color:var(--text-2);
}
.fp-wall-shape-btn:hover {
  border-color:var(--yt-orange);
  box-shadow:0 2px 8px rgba(236,102,40,.2);
  background:var(--bg-surface); color:var(--yt-orange);
}
.fp-wall-shape-btn svg { stroke:currentColor; }

/* ── Help Modal — updated layout with visual guides ── */
.fp-help-modal-wide { width:860px; max-width:96vw; }
.fp-help-body-new {
  display:flex; flex-direction:column; gap:0;
  overflow-y:auto; padding:0;
}
/* Section block titles (Primeros pasos / Atajos / Guías) */
.fp-help-block-title {
  font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.6px; color:var(--yt-orange); margin:0 0 10px;
}
.fp-help-quickstart { padding:16px 20px 4px; }
.fp-help-shortcuts { padding:16px 20px 0; border-top:1px solid var(--bg-border); margin-top:12px; }
.fp-help-shortcuts-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:4px 18px; padding:0;
}
.fp-help-guides {
  padding:16px 20px 4px; border-top:1px solid var(--bg-border); margin-top:12px;
}

/* Guide cards */
.fp-help-guide {
  background:var(--bg-raised); border:1px solid var(--bg-border);
  border-radius:10px; padding:12px 14px; margin-bottom:10px;
}
.fp-help-guide-title {
  font-size:11px; font-weight:700; color:var(--yt-orange);
  text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px;
}
.fp-help-guide-inner {
  display:flex; gap:14px; align-items:flex-start;
}
.fp-help-guide-svg { flex-shrink:0; width:220px; }
.fp-help-guide-text {
  flex:1; font-size:11px; color:var(--text-2); line-height:1.55;
}
.fp-help-guide-line {
  padding:2px 0; border-bottom:1px solid var(--bg-border-light);
}
.fp-help-guide-line:last-child { border:none; }
.fp-help-guide-line b { color:var(--text); }

@media (max-width:600px) {
  .fp-help-guide-inner { flex-direction:column; }
  .fp-help-guide-svg { width:100%; }
}

/* ── Chair Auto-Arrange Panel ── */
.fp-chair-arrange-panel {
  position:fixed; top:120px; right:24px; z-index:99996;
  width:280px; background:var(--bg-surface); border:1px solid var(--bg-border);
  border-radius:14px; padding:14px; box-shadow:0 12px 40px rgba(0,0,0,.22);
  font-family:inherit;
}
.fca-hdr {
  display:flex; align-items:center; justify-content:space-between;
  font-size:13px; font-weight:700; color:var(--text); margin-bottom:12px;
}
.fca-x {
  background:none; border:none; cursor:pointer; color:var(--text-muted);
  font-size:15px; line-height:1; padding:2px 6px; border-radius:6px;
}
.fca-x:hover { background:var(--bg-raised); color:var(--text); }
.fca-row { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.fca-lbl { font-size:10px; color:var(--text-muted); white-space:nowrap; }
.fca-slider { flex:1; accent-color:var(--yt-orange); cursor:pointer; }
.fca-toggle {
  display:flex; align-items:center; gap:8px; font-size:12px; color:var(--text-2);
  cursor:pointer; margin-bottom:12px;
}
.fca-toggle input { width:15px; height:15px; accent-color:var(--yt-orange); cursor:pointer; }
.fca-count {
  font-size:13px; color:var(--text); padding:8px 10px; background:var(--bg-raised);
  border-radius:8px; margin-bottom:12px; text-align:center;
}
.fca-count b { color:var(--yt-orange); font-size:15px; }
.fca-actions { display:flex; gap:8px; }
.fca-actions .btn { flex:1; font-size:12px; padding:8px; }

/* Chair arrange — aisle width controls */
.fca-aisle { margin-bottom:8px; }
.fca-w { display:inline-flex; align-items:center; gap:6px; margin-left:24px; margin-top:2px; }
.fca-w input[type=range] { width:90px; accent-color:var(--yt-orange); cursor:pointer; }
.fca-w span { font-size:10px; color:var(--yt-orange); font-weight:600; min-width:32px; }

/* ═══════════════════════════════════════════════════════════════
   Dashboard de Finanzas — layout responsive (27"/24"/13"/iPad/móvil)
   Grids fluidos (auto-fit + minmax) + alturas con clamp(vh).
   ═══════════════════════════════════════════════════════════════ */
/* Hero: gauge (izq) + columna derecha (heroes arriba, KPIs delgados abajo) */
.fdash-hero{ display:grid; grid-template-columns:minmax(240px,300px) 1fr; gap:12px; margin-bottom:14px; align-items:start; }
.fdash-right{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.fdash-heroes{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; }
.fdash-minis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(108px,1fr)); gap:8px; }
.fdash-gauge-card{ display:flex; flex-direction:column; justify-content:center; }
.fdash-gauge{ width:100%; height:clamp(170px,20vh,230px); }
/* Tarjetas de gráficas: tantas columnas como quepan */
.fdash-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(360px,1fr)); gap:14px; align-items:start; }
.fdash-chart{ width:100%; height:clamp(200px,26vh,300px); }
/* Apilar el hero en pantallas medianas/chicas */
@media (max-width:880px){
  .fdash-hero{ grid-template-columns:1fr; }
  .fdash-grid{ grid-template-columns:1fr; }      /* móvil/iPad portrait: 1 gráfica por fila */
}
@media (min-width:881px) and (max-width:1199px){
  .fdash-grid{ grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); }
}
/* Monitores grandes (24"/27"): gráficas más anchas, hasta 3–4 por fila */
@media (min-width:1700px){
  .fdash-grid{ grid-template-columns:repeat(auto-fit,minmax(420px,1fr)); }
  .fdash-chart{ height:clamp(240px,24vh,340px); }
}