/* LuckHaus F45 · Rediseño visual general
   Capa exclusivamente visual. No altera estados, permisos ni reglas de negocio. */

:root{
  --f45-bg:#f5f6f8;
  --f45-surface:#ffffff;
  --f45-surface-soft:#faf9fb;
  --f45-surface-tint:#f7f3fb;
  --f45-sidebar:#211529;
  --f45-sidebar-2:#2a1a34;
  --f45-sidebar-3:#382143;
  --f45-text:#251d2b;
  --f45-text-strong:#1d1622;
  --f45-muted:#776f7c;
  --f45-muted-2:#948a99;
  --f45-border:#e8e3ea;
  --f45-border-strong:#ddd5e1;
  --f45-accent:var(--brand-primary,#6d28d9);
  --f45-accent-2:var(--brand-secondary,#a855f7);
  --f45-accent-dark:#5520ae;
  --f45-accent-soft:#f2ebfb;
  --f45-success:#13875b;
  --f45-success-soft:#eaf8f1;
  --f45-warning:#a66b08;
  --f45-warning-soft:#fff6df;
  --f45-danger:#bd354b;
  --f45-danger-soft:#fff0f2;
  --f45-info:#3561a8;
  --f45-info-soft:#eef4ff;
  --f45-radius-xs:8px;
  --f45-radius-sm:11px;
  --f45-radius:15px;
  --f45-radius-lg:20px;
  --f45-radius-xl:24px;
  --f45-shadow-sm:0 1px 2px rgba(30,20,35,.03),0 6px 18px rgba(48,34,55,.045);
  --f45-shadow:0 12px 34px rgba(43,29,49,.075);
  --f45-shadow-lg:0 24px 70px rgba(38,22,45,.16);
  --f45-sidebar-width:258px;
  --f45-topbar-height:68px;
}

html{background:var(--f45-bg)}
body.luckhaus-theme.f45-redesign{
  --bg:var(--f45-bg);
  --panel:var(--f45-surface);
  --panel2:var(--f45-surface-soft);
  --line:var(--f45-border);
  --text:var(--f45-text);
  --muted:var(--f45-muted);
  --blue:var(--f45-accent);
  --cyan:var(--f45-accent-2);
  --green:var(--f45-success);
  --yellow:var(--f45-warning);
  --red:var(--f45-danger);
  --shadow:var(--f45-shadow);
  --radius:var(--f45-radius);
  margin:0;
  background:var(--f45-bg)!important;
  color:var(--f45-text)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-size:14px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.luckhaus-theme.f45-redesign *{box-sizing:border-box}
body.luckhaus-theme.f45-redesign a{text-decoration:none}
body.luckhaus-theme.f45-redesign button,
body.luckhaus-theme.f45-redesign input,
body.luckhaus-theme.f45-redesign select,
body.luckhaus-theme.f45-redesign textarea{font:inherit}
body.luckhaus-theme.f45-redesign :focus-visible{outline:3px solid rgba(109,40,217,.23)!important;outline-offset:2px}

/* Shell */
body.f45-redesign .app-shell{min-height:100dvh;background:var(--f45-bg)}
body.f45-redesign .sidebar{
  width:var(--f45-sidebar-width)!important;
  padding:16px 13px 14px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(168,85,247,.14),transparent 30%),
    linear-gradient(180deg,var(--f45-sidebar) 0%,#1a111f 100%)!important;
  border-right:1px solid rgba(255,255,255,.055)!important;
  box-shadow:18px 0 48px rgba(32,19,38,.07);
  color:#fff;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.18) transparent;
}
body.f45-redesign .sidebar::-webkit-scrollbar{width:6px}
body.f45-redesign .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.17);border-radius:99px}
body.f45-redesign .sidebar-head{padding:3px 3px 12px!important;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:11px}
body.f45-redesign .luckhaus-brand{
  min-height:62px;
  padding:7px 8px!important;
  gap:11px!important;
  border-radius:15px;
  color:#fff!important;
  transition:background .18s ease;
}
body.f45-redesign .luckhaus-brand:hover{background:rgba(255,255,255,.055)}
body.f45-redesign .luckhaus-brand img{width:42px!important;height:42px!important;object-fit:contain;filter:drop-shadow(0 6px 13px rgba(0,0,0,.18))}
body.f45-redesign .luckhaus-brand span{min-width:0}
body.f45-redesign .luckhaus-brand strong{display:block;color:#fff!important;font-size:15px!important;letter-spacing:.015em}
body.f45-redesign .luckhaus-brand small{display:block;margin-top:2px;color:#bdb0c5!important;font-size:10.5px!important;letter-spacing:.02em!important;text-transform:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.f45-redesign .sidebar-close{color:#d7cddd!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important}

body.f45-redesign .organized-nav{display:grid;gap:3px!important;padding:0 2px 10px}
body.f45-redesign .nav-section-caption{
  display:block;
  padding:13px 11px 5px!important;
  margin:0!important;
  color:#8f8198!important;
  font-size:9px!important;
  line-height:1.2;
  font-weight:850!important;
  letter-spacing:.14em!important;
}
body.f45-redesign .nav-section-spaced{margin-top:5px!important}
body.f45-redesign .side-nav>a,
body.f45-redesign .seller-flat-link,
body.f45-redesign .nav-primary{
  min-height:43px;
  padding:8px 10px!important;
  gap:10px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#d3c9d8!important;
  box-shadow:none!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important;
}
body.f45-redesign .side-nav>a:hover,
body.f45-redesign .seller-flat-link:hover,
body.f45-redesign .nav-primary:hover{background:rgba(255,255,255,.055)!important;color:#fff!important;transform:none!important}
body.f45-redesign .side-nav>a>span,
body.f45-redesign .seller-flat-link>span,
body.f45-redesign .nav-primary>span{
  display:grid!important;place-items:center!important;
  flex:0 0 28px!important;width:28px!important;height:28px!important;
  border-radius:9px!important;background:rgba(255,255,255,.065)!important;
  color:#c9b7d4!important;font-size:12px!important;
}
body.f45-redesign .side-nav>a>b,
body.f45-redesign .seller-flat-link>b,
body.f45-redesign .nav-primary>b{color:inherit!important;font-size:12.5px!important;font-weight:720!important;line-height:1.2}
body.f45-redesign .side-nav>a>em,
body.f45-redesign .seller-flat-link>em,
body.f45-redesign .nav-primary>em{margin-left:auto;color:#82758a!important;font-size:9.5px!important;font-style:normal!important;font-weight:600!important}
body.f45-redesign .side-nav>a.active,
body.f45-redesign .seller-flat-link.active,
body.f45-redesign .nav-primary.active{
  border-color:rgba(196,163,255,.18)!important;
  background:linear-gradient(90deg,rgba(109,40,217,.34),rgba(168,85,247,.10))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #a970ff!important;
}
body.f45-redesign .side-nav>a.active>span,
body.f45-redesign .seller-flat-link.active>span,
body.f45-redesign .nav-primary.active>span{background:rgba(189,151,255,.17)!important;color:#fff!important}
body.f45-redesign .nav-group{margin:2px 0!important;border:0!important;background:transparent!important;border-radius:11px!important;overflow:hidden}
body.f45-redesign .nav-group>summary{
  min-height:42px;padding:8px 10px!important;border:1px solid transparent!important;border-radius:11px!important;
  color:#cfc4d5!important;background:transparent!important;font-size:12.5px!important;font-weight:720!important;
}
body.f45-redesign .nav-group>summary:hover{background:rgba(255,255,255,.05)!important}
body.f45-redesign .nav-group[open]>summary{background:rgba(255,255,255,.045)!important;color:#fff!important}
body.f45-redesign .nav-submenu{padding:4px 0 6px 39px!important;display:grid!important;gap:2px!important}
body.f45-redesign .nav-submenu a{padding:7px 9px!important;border-radius:8px!important;color:#aa9db2!important;font-size:11.5px!important}
body.f45-redesign .nav-submenu a:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
body.f45-redesign .nav-submenu a>span{display:none!important}

body.f45-redesign .sidebar-footer{margin-top:auto;padding:12px 3px 2px!important;border-top:1px solid rgba(255,255,255,.075)!important}
body.f45-redesign .raffle-chip{
  display:grid!important;gap:2px!important;padding:10px 11px!important;margin-bottom:9px!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;color:#fff!important;box-shadow:none!important;
}
body.f45-redesign .raffle-chip small{color:#9d8fa6!important;font-size:8.5px!important;letter-spacing:.08em!important}
body.f45-redesign .raffle-chip strong{color:#f6f1f8!important;font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.f45-redesign .raffle-chip span{color:#8d8095!important;font-size:9.5px!important}
body.f45-redesign .connection{padding:6px 9px!important;color:#91859a!important;font-size:9.5px!important}
body.f45-redesign .profile-row{padding:9px!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important}
body.f45-redesign .profile-row .avatar{width:30px!important;height:30px!important;border-radius:9px!important;background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important;font-size:11px!important}
body.f45-redesign .profile-row strong{color:#f5eff8!important;font-size:11.5px!important}
body.f45-redesign .profile-row small{color:#8f8297!important;font-size:9px!important}
body.f45-redesign .logout-button{min-height:34px!important;margin-top:6px!important;border-radius:9px!important;color:#a99db0!important;background:transparent!important;font-size:10.5px!important}
body.f45-redesign .logout-button:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}

body.f45-redesign .main-content{margin-left:var(--f45-sidebar-width)!important;min-width:0;background:var(--f45-bg)!important}
body.f45-redesign .topbar{
  min-height:var(--f45-topbar-height)!important;height:var(--f45-topbar-height)!important;
  padding:0 24px!important;gap:14px!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:saturate(140%) blur(16px)!important;
  border-bottom:1px solid var(--f45-border)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7),0 8px 25px rgba(35,23,40,.025)!important;
}
body.f45-redesign .menu-toggle{color:#44374c!important}
body.f45-redesign .topbar-raffle{min-width:0!important}
body.f45-redesign .topbar-raffle strong{color:var(--f45-text-strong)!important;font-size:13px!important;font-weight:780!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.f45-redesign .topbar-raffle small{color:var(--f45-muted)!important;font-size:10.5px!important}
body.f45-redesign .raffle-switcher select{
  min-height:36px!important;padding:0 34px 0 12px!important;border:1px solid var(--f45-border)!important;border-radius:10px!important;
  background:#fff!important;color:#4b4050!important;font-size:11px!important;box-shadow:none!important;
}
body.f45-redesign .topbar-user-card{padding:5px 8px!important;border:1px solid var(--f45-border)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
body.f45-redesign .topbar-user-card>span{width:29px!important;height:29px!important;border-radius:9px!important;background:var(--f45-accent-soft)!important;color:var(--f45-accent)!important;font-size:10px!important}
body.f45-redesign .topbar-user-card strong{color:#352b3b!important;font-size:10.5px!important}
body.f45-redesign .topbar-user-card small{color:#928798!important;font-size:8.5px!important}
body.f45-redesign .online-users{display:none!important}

body.f45-redesign .page-wrap{width:min(100%,1660px)!important;max-width:1660px!important;padding:24px 26px 42px!important;margin:0 auto!important}
body.f45-redesign .page-heading{align-items:center!important;gap:18px!important;margin:0 0 18px!important;padding:0!important}
body.f45-redesign .page-heading>div:first-child{min-width:0}
body.f45-redesign .page-heading h1{margin:3px 0 5px!important;color:var(--f45-text-strong)!important;font-size:25px!important;line-height:1.15!important;font-weight:780!important;letter-spacing:-.025em!important}
body.f45-redesign .page-heading h2{color:var(--f45-text-strong)!important}
body.f45-redesign .page-heading p{max-width:780px;color:var(--f45-muted)!important;font-size:12.5px!important;line-height:1.5!important}
body.f45-redesign .eyebrow{display:block;margin:0 0 5px!important;color:var(--f45-accent)!important;font-size:9.5px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:.13em!important}

/* Cards and structural surfaces */
body.f45-redesign .card,
body.f45-redesign .table-card,
body.f45-redesign .panel-card,
body.f45-redesign .workspace-panel,
body.f45-redesign .section-block{
  border:1px solid var(--f45-border)!important;
  border-radius:var(--f45-radius)!important;
  background:var(--f45-surface)!important;
  color:var(--f45-text)!important;
  box-shadow:var(--f45-shadow-sm)!important;
}
body.f45-redesign .card{padding:17px!important}
body.f45-redesign .section-title{display:flex;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:13px!important}
body.f45-redesign .section-title h2{margin:0 0 3px!important;color:var(--f45-text-strong)!important;font-size:16px!important;line-height:1.25!important;font-weight:760!important}
body.f45-redesign .section-title h3{margin:0 0 3px!important;color:var(--f45-text-strong)!important;font-size:14px!important}
body.f45-redesign .section-title p{margin:0!important;color:var(--f45-muted)!important;font-size:11.5px!important;line-height:1.45!important}
body.f45-redesign .section-title>a{color:var(--f45-accent)!important;font-size:11px!important;font-weight:750!important}
body.f45-redesign .page-hero{border:1px solid var(--f45-border)!important;border-radius:var(--f45-radius-lg)!important;background:linear-gradient(135deg,#fff 0%,#fbf8ff 100%)!important;box-shadow:var(--f45-shadow-sm)!important}

/* Buttons */
body.f45-redesign .btn{
  min-height:38px!important;padding:8px 13px!important;gap:7px!important;
  border-radius:10px!important;border-width:1px!important;
  font-size:11.5px!important;font-weight:760!important;line-height:1.2!important;
  box-shadow:none!important;transform:none!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
body.f45-redesign .btn:hover{transform:none!important}
body.f45-redesign .btn.primary{border-color:var(--f45-accent)!important;background:linear-gradient(135deg,var(--f45-accent-dark),var(--f45-accent))!important;color:#fff!important;box-shadow:0 7px 16px rgba(109,40,217,.15)!important}
body.f45-redesign .btn.primary:hover{filter:brightness(1.04);box-shadow:0 9px 20px rgba(109,40,217,.20)!important}
body.f45-redesign .btn.secondary{border-color:#d8c8ee!important;background:var(--f45-accent-soft)!important;color:#5f28ae!important}
body.f45-redesign .btn.secondary:hover{background:#eadff8!important}
body.f45-redesign .btn.ghost{border-color:var(--f45-border-strong)!important;background:#fff!important;color:#5f5665!important}
body.f45-redesign .btn.ghost:hover{border-color:#cfc2d5!important;background:#faf8fb!important;color:#342a39!important}
body.f45-redesign .btn.whatsapp{border-color:#168f5d!important;background:#168f5d!important;color:#fff!important}
body.f45-redesign .btn.warning{border-color:#eac77d!important;background:var(--f45-warning-soft)!important;color:#8c5b08!important}
body.f45-redesign .btn.danger{border-color:#efbdc6!important;background:var(--f45-danger-soft)!important;color:#ad2f43!important}
body.f45-redesign .btn.compact{min-height:34px!important;padding:6px 10px!important;font-size:10.5px!important}
body.f45-redesign .btn.tiny{min-height:30px!important;padding:5px 9px!important;font-size:10px!important;border-radius:8px!important}
body.f45-redesign .icon-button{border-color:var(--f45-border)!important;background:#fff!important;color:#6d6371!important}

/* Inputs */
body.f45-redesign label{color:#544a59;font-size:11.5px;font-weight:700}
body.f45-redesign input:not([type="checkbox"]):not([type="radio"]),
body.f45-redesign select,
body.f45-redesign textarea{
  min-height:39px!important;
  border:1px solid var(--f45-border-strong)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--f45-text)!important;
  box-shadow:0 1px 2px rgba(35,23,40,.02)!important;
  font-size:12px!important;
}
body.f45-redesign input:not([type="checkbox"]):not([type="radio"]):focus,
body.f45-redesign select:focus,
body.f45-redesign textarea:focus{border-color:#b69bd7!important;box-shadow:0 0 0 3px rgba(109,40,217,.08)!important;outline:0!important}
body.f45-redesign textarea{min-height:90px!important;line-height:1.5!important}
body.f45-redesign label>small{color:var(--f45-muted-2)!important;font-size:10px!important;font-weight:500!important}
body.f45-redesign .form-grid{gap:13px!important}
body.f45-redesign .check-row{color:#625867!important}

/* Tables */
body.f45-redesign table{border-collapse:separate!important;border-spacing:0!important;width:100%;font-size:11.5px!important}
body.f45-redesign thead th{padding:10px 11px!important;border-bottom:1px solid var(--f45-border)!important;background:#faf9fb!important;color:#7b7081!important;font-size:9.5px!important;font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase!important}
body.f45-redesign tbody td{padding:11px!important;border-bottom:1px solid #f0edf1!important;color:#4c424f!important;background:#fff!important}
body.f45-redesign tbody tr:last-child td{border-bottom:0!important}
body.f45-redesign tbody tr:hover td{background:#fcfbfd!important}
body.f45-redesign .table-card{overflow:hidden!important}

/* Badges, state and feedback */
body.f45-redesign .status,
body.f45-redesign .badge,
body.f45-redesign [class*="-badge"]{font-weight:780}
body.f45-redesign .toast{border-radius:11px!important;border:1px solid var(--f45-border)!important;background:#fff!important;color:var(--f45-text)!important;box-shadow:var(--f45-shadow)!important;font-size:11.5px!important}
body.f45-redesign .toast.success{border-color:#bfe7d4!important;background:var(--f45-success-soft)!important;color:#126744!important}
body.f45-redesign .toast.warning{border-color:#eed5a1!important;background:var(--f45-warning-soft)!important;color:#805307!important}
body.f45-redesign .toast.danger,
body.f45-redesign .toast.error{border-color:#efc2c9!important;background:var(--f45-danger-soft)!important;color:#9c2b3d!important}
body.f45-redesign .inline-alert{border-radius:11px!important;box-shadow:none!important;font-size:11.5px!important}
body.f45-redesign .empty-state{border:1px dashed #d9d0de!important;border-radius:var(--f45-radius)!important;background:#faf9fb!important;color:var(--f45-muted)!important}

/* Workspace tabs / subnavigation */
body.f45-redesign .workspace-shell{border:0!important;background:transparent!important;box-shadow:none!important}
body.f45-redesign .workspace-tabs,
body.f45-redesign .module-subnav,
body.f45-redesign .settings-tabs{
  gap:4px!important;padding:4px!important;margin-bottom:15px!important;
  border:1px solid var(--f45-border)!important;border-radius:12px!important;
  background:#fff!important;box-shadow:var(--f45-shadow-sm)!important;
}
body.f45-redesign .workspace-tabs button,
body.f45-redesign .workspace-tabs>a,
body.f45-redesign .module-subnav a,
body.f45-redesign .settings-tabs button{
  min-height:34px!important;padding:7px 11px!important;border:0!important;border-radius:8px!important;
  background:transparent!important;color:#756a7b!important;font-size:10.5px!important;font-weight:740!important;box-shadow:none!important;
}
body.f45-redesign .workspace-tabs button:hover,
body.f45-redesign .workspace-tabs>a:hover,
body.f45-redesign .module-subnav a:hover,
body.f45-redesign .settings-tabs button:hover{background:#f7f4f9!important;color:#483d4d!important}
body.f45-redesign .workspace-tabs button.active,
body.f45-redesign .workspace-tabs button[aria-selected="true"],
body.f45-redesign .module-subnav a.active,
body.f45-redesign .settings-tabs button.active{background:var(--f45-accent-soft)!important;color:#5d25ad!important;box-shadow:none!important}
body.f45-redesign .workspace-tabs .bingo-flow-sale{background:linear-gradient(135deg,var(--f45-accent-dark),var(--f45-accent))!important;color:#fff!important}

/* Dashboard */
body.f45-redesign .dashboard-events-shortcut{
  margin-bottom:16px!important;padding:16px 17px!important;border:1px solid #e0d3ed!important;border-radius:var(--f45-radius)!important;
  background:linear-gradient(110deg,#fff 0%,#faf6ff 100%)!important;box-shadow:var(--f45-shadow-sm)!important;
}
body.f45-redesign .dashboard-events-shortcut h2{margin:2px 0 3px!important;font-size:15px!important;color:#35283c!important}
body.f45-redesign .dashboard-events-shortcut p{margin:0!important;color:var(--f45-muted)!important;font-size:11.5px!important}
body.f45-redesign .dashboard-role-card{padding:7px 10px!important;border:1px solid var(--f45-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
body.f45-redesign .dashboard-role-card>span{width:34px!important;height:34px!important;border-radius:10px!important;background:var(--f45-accent-soft)!important;color:var(--f45-accent)!important}
body.f45-redesign .dashboard-role-card strong{font-size:11.5px!important;color:#33283a!important}
body.f45-redesign .dashboard-role-card small{font-size:9.5px!important;color:#8c8191!important}
body.f45-redesign .dashboard-global-strip,
body.f45-redesign .f17-today{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;
  margin:0 0 16px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
body.f45-redesign .dashboard-global-strip>*,
body.f45-redesign .f17-today>*{
  min-height:83px!important;padding:13px 14px!important;border:1px solid var(--f45-border)!important;border-radius:13px!important;
  background:#fff!important;box-shadow:var(--f45-shadow-sm)!important;color:var(--f45-text)!important;
}
body.f45-redesign .dashboard-global-strip small,
body.f45-redesign .f17-today small{display:block;color:#918695!important;font-size:8.5px!important;font-weight:850!important;letter-spacing:.08em!important}
body.f45-redesign .dashboard-global-strip strong,
body.f45-redesign .f17-today strong{display:block;margin-top:5px;color:#2c2132!important;font-size:19px!important;line-height:1!important;font-weight:780!important}
body.f45-redesign .dashboard-global-strip span{display:block;margin-top:5px;color:var(--f45-accent)!important;font-size:9.5px!important;font-weight:700!important}
body.f45-redesign .f24-command,
body.f45-redesign .f24-seller-control{
  margin-bottom:17px!important;padding:17px!important;border:1px solid var(--f45-border)!important;border-radius:var(--f45-radius-lg)!important;
  background:#fff!important;box-shadow:var(--f45-shadow-sm)!important;
}
body.f45-redesign .f24-command-head h2,
body.f45-redesign .f24-seller-head h2{margin:2px 0 3px!important;color:#302437!important;font-size:16px!important}
body.f45-redesign .f24-command-head p{color:var(--f45-muted)!important;font-size:11.5px!important}
body.f45-redesign .f24-kpis,
body.f45-redesign .f24-seller-kpis{gap:9px!important}
body.f45-redesign .f24-kpis>*,
body.f45-redesign .f24-seller-kpis>*{border:1px solid #ebe6ed!important;border-radius:12px!important;background:#faf9fb!important;box-shadow:none!important}
body.f45-redesign .f24-kpis strong,
body.f45-redesign .f24-seller-kpis strong{color:#302436!important;font-size:18px!important}
body.f45-redesign .f24-kpis small,
body.f45-redesign .f24-seller-kpis small{color:#8c8191!important;font-size:8.5px!important}
body.f45-redesign .f24-module-control{border:1px solid var(--f45-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
body.f45-redesign .f24-module-control.raffle{border-top:3px solid #7c3aed!important}
body.f45-redesign .f24-module-control.bingo{border-top:3px solid #a855f7!important}

/* F41 / F42 operational areas */
body.f45-redesign .f41-number-summary,
body.f45-redesign .f42-card-summary{padding:14px 16px!important;border-radius:14px!important}
body.f45-redesign .f41-number-kpis,
body.f45-redesign .f42-card-kpis{gap:8px!important}
body.f45-redesign .f41-number-kpis>*,
body.f45-redesign .f42-card-kpis>*{border:1px solid #ece6ef!important;border-radius:10px!important;background:#faf9fb!important;box-shadow:none!important}
body.f45-redesign .f41-number-kpis small,
body.f45-redesign .f42-card-kpis small{color:#918595!important;font-size:8px!important}
body.f45-redesign .f41-number-kpis strong,
body.f45-redesign .f42-card-kpis strong{color:#33263b!important;font-size:17px!important}
body.f45-redesign .f41-numbers-toolbar,
body.f45-redesign .f42-cards-toolbar{padding:11px 12px!important;border-radius:13px!important;gap:9px!important}
body.f45-redesign .filter-pills{gap:4px!important;padding:3px!important;border-radius:10px!important;background:#f5f2f7!important}
body.f45-redesign .filter-pills button{min-height:31px!important;padding:5px 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#786d7e!important;font-size:10px!important;font-weight:740!important}
body.f45-redesign .filter-pills button.active{background:#fff!important;color:#5f25ad!important;box-shadow:0 1px 4px rgba(37,22,43,.08)!important}
body.f45-redesign .numbers-grid{gap:8px!important}
body.f45-redesign .number-cell{
  min-height:76px!important;padding:10px 7px!important;border:1px solid var(--f45-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
body.f45-redesign .number-cell:hover{transform:translateY(-1px)!important;border-color:#ccb7de!important;box-shadow:0 8px 18px rgba(43,29,49,.08)!important}
body.f45-redesign .number-cell strong{color:#34273a!important;font-size:17px!important}
body.f45-redesign .number-cell small{font-size:8.5px!important}
body.f45-redesign .number-cell.available{background:#fff!important;border-color:#e5e0e8!important}
body.f45-redesign .number-cell.reserved{background:#fffaf0!important;border-color:#ead5a8!important}
body.f45-redesign .number-cell.paid{background:#f1fbf6!important;border-color:#bee4d1!important}
body.f45-redesign .number-owner{color:#766b7c!important;font-size:8.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.f45-redesign .board-help{color:#827687!important;font-size:10px!important}
body.f45-redesign .selection-dock{border:1px solid #d9cae7!important;border-radius:14px!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--f45-shadow-lg)!important;color:var(--f45-text)!important}

/* Quick sale and sales */
body.f45-redesign .f17-sale-grid{gap:13px!important}
body.f45-redesign .f17-sale-card{border:1px solid var(--f45-border)!important;border-radius:var(--f45-radius-lg)!important;background:#fff!important;box-shadow:var(--f45-shadow-sm)!important;overflow:hidden}
body.f45-redesign .f17-sale-card.f17-raffle{border-top:3px solid #6d28d9!important}
body.f45-redesign .f17-sale-card.f17-bingo{border-top:3px solid #a855f7!important}
body.f45-redesign .f17-sale-card h2{font-size:16px!important;color:#33263a!important}
body.f45-redesign .f17-sell-button{border-radius:12px!important;background:linear-gradient(135deg,#5b21b6,#7c3aed)!important;box-shadow:none!important;color:#fff!important}
body.f45-redesign .f29-customer-launcher{border-top:3px solid #7c3aed!important}
body.f45-redesign .f29-launcher-head h2{font-size:16px!important;color:#302337!important}
body.f45-redesign .f29-speed-badge{border-radius:999px!important;background:var(--f45-accent-soft)!important;color:#622ab4!important}
body.f45-redesign .f19-action-panel{padding:16px!important;border:1px solid var(--f45-border)!important;border-radius:var(--f45-radius)!important;background:#fff!important;box-shadow:var(--f45-shadow-sm)!important}
body.f45-redesign .f19-action-card{border:1px solid var(--f45-border)!important;border-radius:12px!important;background:#faf9fb!important;color:var(--f45-text)!important;box-shadow:none!important}
body.f45-redesign .f19-action-card:hover{border-color:#d8c9e4!important;background:#fff!important}
body.f45-redesign .f17-list>a,
body.f45-redesign .f17-recent-row{border-color:#eee9f0!important;background:#fff!important;border-radius:10px!important}

/* Clients / cash / admin / settings */
body.f45-redesign .customer-directory-grid{gap:11px!important}
body.f45-redesign .customer-directory-grid>*{border:1px solid var(--f45-border)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
body.f45-redesign .customer-center-heading,
body.f45-redesign .customer-detail-heading{margin-bottom:16px!important}
body.f45-redesign .cash-summary-grid,
body.f45-redesign .finance-kpis,
body.f45-redesign .administration-summary-grid{gap:10px!important}
body.f45-redesign .finance-kpi,
body.f45-redesign .cash-summary-grid>*{border:1px solid var(--f45-border)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--f45-shadow-sm)!important}
body.f45-redesign .finance-kpi strong{color:#302437!important}
body.f45-redesign .settings-card{padding:18px!important}
body.f45-redesign .settings-card h2{font-size:16px!important;color:#302437!important}
body.f45-redesign .raffle-danger-zone{border-color:#edcdd3!important;background:#fff!important}
body.f45-redesign .raffle-danger-zone>summary{border-radius:12px!important;background:#fff7f8!important}
body.f45-redesign .security-card,
body.f45-redesign .readiness-card,
body.f45-redesign .stability-metric-card{box-shadow:none!important}

/* Modal */
body.f45-redesign .modal{background:rgba(28,17,33,.50)!important;backdrop-filter:blur(5px)!important}
body.f45-redesign .modal-card{border:1px solid rgba(255,255,255,.65)!important;border-radius:20px!important;background:#fff!important;color:var(--f45-text)!important;box-shadow:0 30px 90px rgba(27,15,32,.26)!important}
body.f45-redesign .modal-card h2,
body.f45-redesign .modal-card h3{color:#2c2132!important}
body.f45-redesign .modal-card p{color:var(--f45-muted)!important}
body.f45-redesign .modal-close{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid var(--f45-border)!important;border-radius:10px!important;background:#faf9fb!important;color:#65596b!important}

/* Login simplified visually */
body.f45-redesign.login-page{min-height:100dvh;background:
  radial-gradient(circle at 50% -10%,rgba(109,40,217,.12),transparent 35%),
  linear-gradient(180deg,#f7f6f9,#f2f1f4)!important}
body.f45-redesign .luckhaus-login-layout{min-height:100dvh!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;padding:28px 18px!important;background:transparent!important}
body.f45-redesign .luckhaus-login-hero{display:none!important}
body.f45-redesign .luckhaus-login-panel{width:100%!important;min-height:0!important;display:grid!important;place-items:center!important;padding:0!important;background:transparent!important}
body.f45-redesign .luckhaus-login-card{width:min(100%,430px)!important;padding:28px!important;border:1px solid var(--f45-border)!important;border-radius:24px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 26px 80px rgba(48,32,55,.14)!important}
body.f45-redesign .luckhaus-mobile-brand{display:flex!important;justify-content:center!important;margin:0 0 18px!important}
body.f45-redesign .luckhaus-mobile-brand img{width:150px!important;max-height:62px!important;object-fit:contain!important}
body.f45-redesign .login-card-heading{text-align:center!important;margin-bottom:18px!important}
body.f45-redesign .login-card-heading h2{margin:4px 0 4px!important;color:#2d2234!important;font-size:24px!important;letter-spacing:-.02em!important}
body.f45-redesign .login-card-heading p{margin:0!important;color:#807585!important;font-size:11.5px!important}
body.f45-redesign .luckhaus-biometric{min-height:52px!important;border:1px solid #dfd2ed!important;border-radius:12px!important;background:#f8f4fc!important;color:#5d29a4!important;box-shadow:none!important}
body.f45-redesign .biometric-copy strong{font-size:11.5px!important}
body.f45-redesign .biometric-copy small{color:#8a7a95!important;font-size:9.5px!important}
body.f45-redesign .login-divider{color:#9b909f!important;font-size:9.5px!important}
body.f45-redesign .login-input-shell{border:0!important;background:transparent!important}
body.f45-redesign .login-form>label{gap:5px!important}
body.f45-redesign .login-submit{min-height:43px!important;margin-top:3px!important}
body.f45-redesign .secure-note{margin-top:14px!important;padding-top:13px!important;border-top:1px solid var(--f45-border)!important;color:#8b808f!important;font-size:9.5px!important;text-align:center!important}

/* Mobile navigation and responsive behavior */
body.f45-redesign .bottom-nav{border-top:1px solid var(--f45-border)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;box-shadow:0 -8px 24px rgba(37,23,43,.06)!important}
body.f45-redesign .bottom-nav a{color:#817586!important;font-size:9px!important}
body.f45-redesign .bottom-nav a.active{color:#5f25ad!important}
body.f45-redesign .bottom-nav a>span{font-size:16px!important}
body.f45-redesign .more-sheet,
body.f45-redesign .sale-launcher-sheet{border-color:var(--f45-border)!important;background:#fff!important;color:var(--f45-text)!important;box-shadow:var(--f45-shadow-lg)!important}

@media(max-width:1180px){
  :root{--f45-sidebar-width:238px}
  body.f45-redesign .page-wrap{padding:20px 20px 40px!important}
  body.f45-redesign .dashboard-global-strip,
  body.f45-redesign .f17-today{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:900px){
  body.f45-redesign .sidebar{width:min(88vw,282px)!important;transform:translateX(-105%);box-shadow:24px 0 70px rgba(22,12,27,.28)!important}
  body.f45-redesign.sidebar-open .sidebar,
  body.f45-redesign .sidebar.open{transform:translateX(0)!important}
  body.f45-redesign .main-content{margin-left:0!important}
  body.f45-redesign .topbar{padding:0 15px!important;height:61px!important;min-height:61px!important}
  body.f45-redesign .menu-toggle{display:inline-grid!important;place-items:center!important;width:36px!important;height:36px!important;border:1px solid var(--f45-border)!important;border-radius:10px!important;background:#fff!important;font-size:18px!important}
  body.f45-redesign .topbar-user-card{display:none!important}
  body.f45-redesign .raffle-switcher{margin-left:auto!important}
  body.f45-redesign .page-wrap{padding:16px 14px 92px!important}
  body.f45-redesign .page-heading{align-items:flex-start!important;flex-direction:column!important;gap:11px!important}
  body.f45-redesign .page-heading .btn{width:auto!important}
  body.f45-redesign .page-heading h1{font-size:22px!important}
  body.f45-redesign .workspace-tabs{overflow-x:auto!important;display:flex!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  body.f45-redesign .workspace-tabs::-webkit-scrollbar{display:none}
  body.f45-redesign .workspace-tabs>*{flex:0 0 auto!important}
}

@media(max-width:680px){
  body.luckhaus-theme.f45-redesign{font-size:13px}
  body.f45-redesign .topbar-raffle small{display:none!important}
  body.f45-redesign .topbar-raffle strong{font-size:11.5px!important}
  body.f45-redesign .raffle-switcher{display:none!important}
  body.f45-redesign .page-wrap{padding:14px 11px 94px!important}
  body.f45-redesign .page-heading{margin-bottom:13px!important}
  body.f45-redesign .page-heading h1{font-size:20px!important}
  body.f45-redesign .page-heading p{font-size:11.5px!important}
  body.f45-redesign .card{padding:14px!important;border-radius:13px!important}
  body.f45-redesign .dashboard-global-strip,
  body.f45-redesign .f17-today{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.f45-redesign .dashboard-global-strip>*,
  body.f45-redesign .f17-today>*{min-height:72px!important;padding:11px!important}
  body.f45-redesign .dashboard-global-strip strong,
  body.f45-redesign .f17-today strong{font-size:16px!important}
  body.f45-redesign .f24-command,
  body.f45-redesign .f24-seller-control{padding:13px!important;border-radius:14px!important}
  body.f45-redesign .f24-kpis,
  body.f45-redesign .f24-seller-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.f45-redesign .section-title{gap:9px!important}
  body.f45-redesign .section-title h2{font-size:14px!important}
  body.f45-redesign .btn{min-height:37px!important;padding:7px 11px!important;font-size:11px!important}
  body.f45-redesign .form-grid{grid-template-columns:1fr!important}
  body.f45-redesign table{font-size:10.5px!important}
  body.f45-redesign thead th{font-size:8.5px!important;padding:8px!important}
  body.f45-redesign tbody td{padding:9px 8px!important}
  body.f45-redesign .numbers-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))!important;gap:7px!important}
  body.f45-redesign .number-cell{min-height:67px!important;padding:8px 5px!important}
  body.f45-redesign .number-cell strong{font-size:15px!important}
  body.f45-redesign .luckhaus-login-layout{padding:16px 11px!important}
  body.f45-redesign .luckhaus-login-card{padding:22px 18px!important;border-radius:20px!important}
}

@media(max-width:420px){
  body.f45-redesign .dashboard-global-strip,
  body.f45-redesign .f17-today{grid-template-columns:1fr 1fr!important}
  body.f45-redesign .f24-kpis,
  body.f45-redesign .f24-seller-kpis{grid-template-columns:1fr 1fr!important}
  body.f45-redesign .page-heading h1{font-size:19px!important}
}

@media(prefers-reduced-motion:reduce){
  body.f45-redesign *,body.f45-redesign *::before,body.f45-redesign *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}