/* source: f16-team.css */
/* LuckHaus v16.0.0 · Fase 16 — equipo comercial y aislamiento de vendedores */
.f16-team-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.f16-team-intro article{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(109,40,217,.14);border-radius:16px;background:rgba(255,255,255,.82)}
.f16-team-intro article>span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:12px;background:rgba(109,40,217,.1);color:var(--brand-primary);font-weight:800;font-size:12px}
.f16-team-intro strong,.f16-team-intro small{display:block}.f16-team-intro strong{font-size:14px}.f16-team-intro small{margin-top:3px;color:var(--muted,#746b80);font-size:12px;line-height:1.4}
.f16-team-layout{align-items:start}.f16-create-seller{position:sticky;top:90px}
.f16-profile-picker{border:0;padding:0;margin:4px 0 8px}.f16-profile-picker legend{font-weight:800;font-size:13px;margin-bottom:8px}
.f16-profile-picker label{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid rgba(85,65,105,.13);border-radius:12px;margin:7px 0;cursor:pointer;background:#fff;transition:.16s ease}
.f16-profile-picker label:has(input:checked){border-color:rgba(109,40,217,.5);box-shadow:0 0 0 3px rgba(109,40,217,.08);background:rgba(109,40,217,.025)}
.f16-profile-picker input{margin-top:3px;accent-color:var(--brand-primary)}.f16-profile-picker b,.f16-profile-picker small{display:block}.f16-profile-picker b{font-size:13px}.f16-profile-picker small{font-size:11.5px;color:#776f81;margin-top:2px;line-height:1.35}
.f16-security-note{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#f8f5ff;color:#54465f;margin:8px 0 14px}.f16-security-note p{margin:0;font-size:12px;line-height:1.45}
.f16-user-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.f16-user-stats span{padding:9px 10px;border-radius:11px;background:#faf9fc;border:1px solid rgba(85,65,105,.09)}.f16-user-stats small,.f16-user-stats b{display:block}.f16-user-stats small{font-size:10px;color:#81788a;letter-spacing:.06em}.f16-user-stats b{font-size:17px;margin-top:2px}
.f16-preset-panel{margin:10px 0 4px;padding:11px;border-radius:12px;background:rgba(109,40,217,.035);border:1px solid rgba(109,40,217,.1)}.f16-preset-panel>small{display:block;font-size:10px;font-weight:800;color:#75677f;letter-spacing:.07em;margin-bottom:7px}.f16-preset-panel form{display:flex;gap:6px;flex-wrap:wrap}.f16-preset-panel button{border:1px solid rgba(85,65,105,.14);background:#fff;border-radius:9px;padding:7px 9px;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.f16-preset-panel button:hover{border-color:var(--brand-primary);color:var(--brand-primary)}
.role-seller .dashboard-global-strip>div,.role-seller .dashboard-global-strip>a{min-width:0}.role-seller .dashboard-role-card small{color:#6e6477}
@media(max-width:900px){.f16-team-intro{grid-template-columns:1fr}.f16-create-seller{position:static}.f16-user-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.f16-preset-panel form{display:grid;grid-template-columns:1fr 1fr}.f16-preset-panel button{width:100%}.f16-team-intro article{padding:12px}}

/* source: f17-quick-sale.css */
/* LuckHaus F17 · Venta Rápida Enterprise */
.f17-quick-center-page .main-content{padding-bottom:92px}
.f17-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:22px 24px;border:1px solid rgba(109,40,217,.14);border-radius:24px;background:linear-gradient(135deg,rgba(109,40,217,.08),rgba(168,85,247,.03) 62%,rgba(255,255,255,.7))}
.f17-hero h1{margin:5px 0 7px;font-size:clamp(24px,2.2vw,34px);line-height:1.08}.f17-hero p{margin:0;color:var(--muted,#746d80);font-size:14px}
.f17-pending-pill{display:flex;align-items:center;gap:12px;min-width:220px;padding:14px 16px;border:1px solid rgba(109,40,217,.16);border-radius:18px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(48,24,78,.06)}
.f17-pending-pill>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(109,40,217,.1);color:#6d28d9}.f17-pending-pill div{display:grid;gap:2px;flex:1}.f17-pending-pill small{font-size:10px;font-weight:800;letter-spacing:.08em;color:#81778b}.f17-pending-pill strong{font-size:18px}.f17-pending-pill>b{color:#6d28d9}
.f17-today{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.f17-today>div{padding:14px 16px;border:1px solid rgba(86,63,104,.12);border-radius:17px;background:#fff}.f17-today small{display:block;margin-bottom:5px;font-size:10px;font-weight:800;letter-spacing:.075em;color:#887f90}.f17-today strong{font-size:21px;color:#29232f}
.f17-sale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.f17-sale-card{padding:20px;border:1px solid rgba(86,63,104,.12);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(51,34,67,.055)}.f17-sale-card.f17-raffle{background:linear-gradient(160deg,#fff 60%,rgba(109,40,217,.055))}.f17-sale-card.f17-bingo{background:linear-gradient(160deg,#fff 60%,rgba(20,184,166,.05))}.f17-card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.f17-card-head>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(109,40,217,.1);color:#6d28d9;font-size:20px;font-weight:900}.f17-bingo .f17-card-head>span{background:rgba(20,184,166,.1);color:#0f766e}.f17-card-head small{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;color:#85788e}.f17-card-head h2{margin:2px 0 0;font-size:18px}.f17-card-data{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.f17-card-data>div{padding:11px 13px;border-radius:14px;background:rgba(248,247,250,.9)}.f17-card-data small{display:block;font-size:10px;font-weight:800;color:#81798a}.f17-card-data strong{font-size:18px}.f17-sell-button{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:17px;background:linear-gradient(135deg,#5b16a9,#8b46f6);color:#fff;text-decoration:none;box-shadow:0 10px 26px rgba(109,40,217,.18)}.f17-bingo .f17-sell-button{background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 10px 26px rgba(20,184,166,.16)}.f17-sell-button>span{font-size:23px}.f17-sell-button>div{display:grid;gap:1px;flex:1}.f17-sell-button strong{font-size:15px}.f17-sell-button small{font-size:11px;opacity:.82}.f17-sell-button>b{font-size:18px}.f17-sale-card.is-disabled{opacity:.72}.f17-disabled-note{margin:12px 0 0;color:#81798a;font-size:13px}
.f17-recent-customers{margin-bottom:14px}.f17-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.f17-customer-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(86,63,104,.1);border-radius:15px;background:#fff}.f17-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(109,40,217,.1);font-weight:900;color:#6d28d9}.f17-customer-name{display:grid;min-width:0}.f17-customer-name strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f17-customer-name small{font-size:11px;color:#8a8191}.f17-customer-actions{display:flex;gap:5px}.f17-customer-actions a{padding:7px 9px;border-radius:9px;background:#f5f2f9;text-decoration:none;font-size:11px;font-weight:800;color:#5b376f}.f17-customer-actions a:hover{background:#ece4f7}
.f17-operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.f17-list{display:grid;gap:6px}.f17-list>a,.f17-recent-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(86,63,104,.08);text-decoration:none;color:inherit}.f17-list>a:last-child,.f17-recent-row:last-child{border-bottom:0}.f17-list a>div,.f17-recent-row>div{display:grid;gap:2px;min-width:0}.f17-list strong,.f17-recent-row strong{font-size:13px}.f17-list small,.f17-recent-row small{font-size:11px;color:#8a8191;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f17-list>a>b{font-size:13px;color:#7c3aed}.f17-module{padding:5px 7px;border-radius:8px;background:rgba(109,40,217,.08);color:#6d28d9;font-size:10px;font-weight:900}.f17-module.bingo{background:rgba(20,184,166,.1);color:#0f766e}.f17-state{font-size:10px;text-transform:uppercase;padding:5px 7px;border-radius:8px;background:#f2eef6}.f17-state.paid{color:#087c4b;background:#e9f8f1}.f17-state.reserved,.f17-state.partial{color:#986400;background:#fff6d9}.f17-empty{display:flex;align-items:center;gap:10px;padding:20px 8px;color:#77707e}.f17-empty>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f4f1f7}.f17-empty>div{display:grid}.f17-empty strong{font-size:13px}.f17-empty small{font-size:11px;color:#92899a}
.f17-mobile-bar{display:none}
.role-seller .sale-page-heading,.role-seller .bingo-quick-heading{margin-bottom:12px}.role-seller .sale-page-heading h1,.role-seller .bingo-quick-heading h1{font-size:24px}.role-seller .sale-wizard{max-width:980px;margin-inline:auto}
@media(max-width:900px){.f17-today{grid-template-columns:repeat(2,1fr)}.f17-sale-grid,.f17-operations-grid{grid-template-columns:1fr}.f17-customer-grid{grid-template-columns:1fr}.f17-hero{align-items:flex-start;flex-direction:column}.f17-pending-pill{width:100%;min-width:0}.f17-mobile-bar{position:fixed;z-index:70;left:12px;right:12px;bottom:10px;display:flex;gap:8px;padding:8px;border:1px solid rgba(109,40,217,.16);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 38px rgba(35,20,47,.2);backdrop-filter:blur(14px)}.f17-mobile-bar a{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:11px;border-radius:12px;background:#6d28d9;color:#fff;text-decoration:none;font-size:12px}.f17-mobile-bar a:nth-child(2){background:#0f766e}}
@media(max-width:560px){.f17-hero{padding:17px}.f17-hero h1{font-size:23px}.f17-today>div{padding:11px}.f17-today strong{font-size:18px}.f17-sale-card{padding:15px}.f17-customer-grid article{grid-template-columns:auto 1fr}.f17-customer-actions{grid-column:1/-1}.f17-customer-actions a{flex:1;text-align:center}.f17-list>a,.f17-recent-row{grid-template-columns:auto 1fr}.f17-list>a>b,.f17-state{grid-column:2;justify-self:start}.f17-card-data strong{font-size:16px}}

/* source: f18-flyer-share.css */

/* LuckHaus F18 · Flyers exactos + compartir */
.flyer-exact-option{display:flex!important;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #d8c7ef;border-radius:14px;background:linear-gradient(135deg,#faf7ff,#f5efff)}
.flyer-exact-option input{width:18px!important;height:18px!important;min-height:0!important;margin-top:2px}.flyer-exact-option span{display:grid;gap:2px}.flyer-exact-option strong{font-size:13px;color:#4b2464}.flyer-exact-option small{font-size:11px;line-height:1.45;color:#74657f}
.f18-share-quick{width:100%;border:1px solid rgba(109,40,217,.16);background:#faf8fd;border-radius:13px;padding:10px 12px;margin-top:8px;display:flex;align-items:center;gap:10px;text-align:left;color:#4c2d61;cursor:pointer}.f18-share-quick>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#eee4ff;color:#6d28d9;font-weight:900}.f18-share-quick>div{display:grid;gap:1px}.f18-share-quick strong{font-size:12px}.f18-share-quick small{font-size:10.5px;color:#85778d}.f18-share-quick:hover{border-color:#a879e8;background:#f6f0ff}.f18-share-quick.is-unavailable{opacity:.55;cursor:not-allowed}
.f18-post-sale-share{min-width:190px}.more-sheet-action{display:block;width:100%;border:0;background:transparent;padding:10px 0;text-align:left;color:inherit;font:inherit;cursor:pointer}.more-sheet-action:hover{color:#6d28d9}
.f18-share-modal[hidden]{display:none!important}.f18-share-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:18px}.f18-share-backdrop{position:absolute;inset:0;background:rgba(26,14,35,.62);backdrop-filter:blur(7px)}.f18-share-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:min(92vh,900px);overflow:auto;background:#fff;border:1px solid rgba(109,40,217,.16);border-radius:24px;box-shadow:0 28px 80px rgba(28,15,38,.34);padding:18px}.f18-share-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.f18-share-dialog header h2{font-size:20px;margin:2px 0}.f18-share-dialog header p{font-size:12px;margin:0;color:#7b6f84}.f18-share-dialog header>button{width:34px;height:34px;border:0;border-radius:11px;background:#f5f1f7;color:#4d3d56;font-size:21px;cursor:pointer}.f18-share-preview{position:relative;min-height:250px;display:grid;place-items:center;border:1px solid #e6dcec;border-radius:18px;background:linear-gradient(145deg,#f8f5fb,#f3edf8);overflow:hidden}.f18-share-preview img{display:block;max-width:100%;max-height:52vh;object-fit:contain}.f18-share-loading{padding:40px 20px;color:#695b73;font-size:13px;font-weight:700}.f18-share-dialog textarea{width:100%;margin-top:12px;resize:vertical;font-size:13px;line-height:1.45}.f18-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.f18-share-actions>*{flex:1 1 130px;text-align:center}.f18-share-note{display:block;margin-top:10px;color:#83768c;line-height:1.45}
@media(max-width:620px){.f18-share-modal{padding:8px;align-items:end}.f18-share-dialog{border-radius:22px 22px 12px 12px;padding:14px;max-height:94vh}.f18-share-preview{min-height:210px}.f18-share-preview img{max-height:48vh}.f18-share-actions>*{flex:1 1 calc(50% - 8px)}}

/* source: f19-ux-navigation.css */
/* LuckHaus F19 · Reorganización de paneles + UX Vendedor */
/* Esta hoja corrige el rol vendedor sin adelantar el rediseño global F20. */
.role-seller{background:#f5f6fa!important;color:#1f2430!important}
.role-seller .page-wrap{max-width:1280px}
.role-seller .sidebar{background:linear-gradient(180deg,#17111f 0%,#21142d 58%,#15101d 100%)!important;border-right:1px solid rgba(255,255,255,.06)!important}
.role-seller .luckhaus-brand strong{color:#fff!important}.role-seller .luckhaus-brand small{color:#cfc4d8!important}
.role-seller .nav-section-caption{color:#9c8aaa!important;font-size:10px!important;letter-spacing:.12em!important}
.role-seller .organized-nav .nav-primary,.role-seller .seller-flat-link,.role-seller .seller-more-group>summary{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:9px 11px;border:1px solid transparent;border-radius:13px;color:#e9e1ef!important;text-decoration:none;list-style:none}
.role-seller .organized-nav .nav-primary>span,.role-seller .seller-flat-link>span,.role-seller .seller-more-group>summary>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff!important;font-size:15px!important}
.role-seller .organized-nav .nav-primary b,.role-seller .seller-flat-link b,.role-seller .seller-more-group>summary b{font-size:13px!important;color:#fff!important}
.role-seller .organized-nav .nav-primary em,.role-seller .seller-flat-link em{font-size:10px!important;font-style:normal;color:#b8aabd!important}
.role-seller .organized-nav .nav-primary:hover,.role-seller .seller-flat-link:hover,.role-seller .seller-more-group>summary:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.08)}
.role-seller .organized-nav .nav-primary.active,.role-seller .seller-flat-link.active{background:linear-gradient(135deg,#6d28d9,#8b5cf6)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 10px 24px rgba(39,13,71,.34)}
.role-seller .organized-nav .nav-primary.active em,.role-seller .seller-flat-link.active em{color:#eee7ff!important}
.role-seller .nav-submenu a{color:#d7cadf!important}.role-seller .nav-submenu a:hover,.role-seller .nav-submenu a.active{background:rgba(255,255,255,.08)!important;color:#fff!important}
.role-seller .sidebar-footer{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.08)!important}.role-seller .sidebar-footer strong{color:#fff!important}.role-seller .sidebar-footer small,.role-seller .sidebar-footer span,.role-seller .connection{color:#cfc3d7!important}
.role-seller .topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e8e5ed!important}.role-seller .topbar strong{color:#231b2a!important}.role-seller .topbar small{color:#776f7f!important}
.role-seller .raffle-switcher,.role-seller .bingo-switcher{display:none!important}
/* Compacidad específica: F20 hará la limpieza tipográfica global. */
.role-seller :where(p,li,label,input,select,textarea,button,.btn,td,th,summary,option){font-size:14px!important;line-height:1.42!important}
.role-seller main :where(small,.small,.muted,.eyebrow,.meta){font-size:12px!important;line-height:1.4!important}
.role-seller main h1{font-size:clamp(24px,2.2vw,30px)!important;line-height:1.12!important}.role-seller main h2{font-size:18px!important;line-height:1.2!important}.role-seller main h3{font-size:16px!important}
.role-seller :where(input,select,textarea,button,.btn){min-height:40px!important}
/* Inicio vendedor */
.role-seller.f19-seller-home .f17-hero{padding:24px 26px;border:0;background:linear-gradient(135deg,#2f1644 0%,#5b21b6 52%,#7c3aed 100%)!important;box-shadow:0 18px 42px rgba(66,31,93,.2)}
.role-seller.f19-seller-home .f17-hero .eyebrow,.role-seller.f19-seller-home .f17-hero h1,.role-seller.f19-seller-home .f17-hero p{color:#fff!important}.role-seller.f19-seller-home .f17-hero p{opacity:.84}
.f19-hero-badge{display:flex;align-items:center;gap:10px;min-width:190px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(10px)}.f19-hero-badge>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff;color:#6d28d9!important;font-size:18px!important}.f19-hero-badge>div{display:grid}.f19-hero-badge small{color:#e9ddff!important;font-size:9px!important;font-weight:900;letter-spacing:.1em}.f19-hero-badge strong{color:#fff!important;font-size:13px!important}
.role-seller .f17-today>div{background:#fff!important;border:1px solid #e7e2ec!important;box-shadow:0 6px 18px rgba(48,34,62,.045)}.role-seller .f17-today small{color:#746c7c!important;font-size:10px!important}.role-seller .f17-today strong{color:#201b26!important;font-size:20px!important}
.role-seller .f17-sale-card{border:1px solid #ded8e5!important;background:#fff!important;box-shadow:0 12px 30px rgba(40,29,50,.07)!important}.role-seller .f17-sale-card.f17-raffle{border-top:4px solid #7c3aed!important}.role-seller .f17-sale-card.f17-bingo{border-top:4px solid #0f8b83!important}.role-seller .f17-card-head h2{color:#211a28!important;font-size:18px!important}.role-seller .f17-card-head small,.role-seller .f17-card-data small{color:#6c6374!important}.role-seller .f17-card-data>div{background:#f6f4f8!important;border:1px solid #ece7f0}.role-seller .f17-card-data strong{color:#211a28!important}
.role-seller .f17-sell-button{min-height:58px!important;background:linear-gradient(135deg,#5b21b6,#7c3aed)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(91,33,182,.22)!important}.role-seller .f17-bingo .f17-sell-button{background:linear-gradient(135deg,#0f766e,#0d9488)!important;box-shadow:0 10px 24px rgba(15,118,110,.2)!important}.role-seller .f17-sell-button :where(strong,small,b,span){color:#fff!important}.role-seller .f17-sell-button small{opacity:.88!important}
.f19-action-panel{margin:0 0 16px;padding:18px;border:1px solid #e2dce8;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(48,34,62,.055)}.f19-action-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.f19-action-heading h2{margin:2px 0 0}.f19-action-heading>small{color:#766e7c!important}.f19-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.f19-action-card{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px!important;padding:12px 13px!important;border:1px solid #ddd6e4!important;border-radius:16px!important;background:#f9f8fb!important;color:#2c2432!important;text-decoration:none!important;text-align:left;cursor:pointer}.f19-action-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eee8f7;color:#6d28d9!important;font-size:17px!important}.f19-action-card>div{display:grid}.f19-action-card strong{color:#241c2a!important;font-size:13px!important}.f19-action-card small{color:#746b7b!important;font-size:10.5px!important}.f19-action-card>b{color:#5b21b6!important;font-size:12px!important}.f19-action-card.share.raffle{background:#f8f5ff!important;border-color:#d9cdf0!important}.f19-action-card.share.bingo{background:#f0fdfa!important;border-color:#bfe9e4!important}.f19-action-card.share.bingo>span{background:#dff8f4;color:#0f766e!important}.f19-action-card:disabled{opacity:.52;cursor:not-allowed}.f19-action-card:not(:disabled):hover{transform:translateY(-1px);border-color:#b9a6c9!important;box-shadow:0 8px 18px rgba(51,35,63,.08)}
.role-seller .f17-recent-customers,.role-seller .f17-pending-list,.role-seller .f17-recent-list{background:#fff!important;border-color:#e2dce8!important}.role-seller .section-title h2,.role-seller .f17-customer-name strong,.role-seller .f17-list strong,.role-seller .f17-recent-row strong{color:#251e2b!important}.role-seller .f17-customer-name small,.role-seller .f17-list small,.role-seller .f17-recent-row small{color:#716978!important}
.role-seller .f17-customer-actions a{background:#eee8f7!important;color:#51227a!important;border:1px solid #ded2e9!important}.role-seller .f17-state.paid{color:#08603d!important;background:#dcfce7!important}.role-seller .f17-state.reserved,.role-seller .f17-state.partial{color:#8a5300!important;background:#fff1c7!important}
/* Cuenta del vendedor */
.f19-account-hero{display:flex;align-items:center;gap:16px;padding:22px 24px;margin-bottom:14px;border-radius:22px;background:linear-gradient(135deg,#2f1644,#6d28d9);color:#fff}.f19-account-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;color:#6d28d9!important;font-size:24px!important;font-weight:900}.f19-account-hero>div{flex:1}.f19-account-hero .eyebrow,.f19-account-hero h1,.f19-account-hero p{color:#fff!important}.f19-account-hero h1{margin:3px 0}.f19-account-hero p{margin:0;opacity:.82}.f19-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.f19-account-card{display:grid;gap:5px}.f19-account-card>small{color:#756d7c!important;font-weight:900}.f19-account-card>strong{font-size:18px;color:#251d2d}.f19-account-card>span{color:#756d7c!important;font-size:11px!important}.f19-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.f19-permission-grid>div{display:flex;gap:10px;padding:11px;border:1px solid #e8e2ec;border-radius:14px;background:#faf9fb}.f19-permission-grid>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#dcfce7;color:#15803d!important}.f19-permission-grid>div>div{display:grid}.f19-permission-grid strong{font-size:12px;color:#292130}.f19-permission-grid small{font-size:10px!important;color:#766d7c!important}.f19-more-account{display:block;margin:8px 0;padding:11px 12px;border:1px solid #e4dce9;border-radius:12px;background:#faf8fc;color:#4a315b;text-decoration:none;font-weight:800}
/* móvil vendedor */
@media(max-width:900px){.role-seller .page-wrap{padding-inline:12px}.f19-action-grid{grid-template-columns:1fr}.f19-account-hero{align-items:flex-start;flex-wrap:wrap}.f19-account-hero .btn{width:100%}.f19-account-grid,.f19-permission-grid{grid-template-columns:1fr}.role-seller .f17-mobile-bar{display:none!important}}
@media(max-width:560px){.role-seller.f19-seller-home .f17-hero{padding:18px!important;border-radius:20px!important}.f19-hero-badge{width:100%}.role-seller .f17-today{gap:7px}.role-seller .f17-today>div{padding:10px!important}.role-seller .f17-sale-card{padding:14px!important;border-radius:19px!important}.f19-action-panel{padding:14px;border-radius:19px}.f19-action-heading{align-items:flex-start;flex-direction:column}.f19-action-card{min-height:64px!important}.role-seller .bottom-nav{background:rgba(255,255,255,.98)!important;border-top:1px solid #e2dce8!important;box-shadow:0 -10px 30px rgba(38,27,47,.12)!important}.role-seller .bottom-nav a,.role-seller .bottom-nav button{color:#5e5567!important}.role-seller .bottom-nav .active{color:#6d28d9!important}.role-seller .bottom-nav .sale-main span{background:linear-gradient(135deg,#5b21b6,#7c3aed)!important;color:#fff!important}}

/* source: f20-design-system.css */
/* ============================================================
   LuckHaus F20 · Design System 2026
   Rediseño visual general. Una sola escala global para Admin,
   Vendedor y páginas públicas. Sin cambios de lógica ni datos.
   ============================================================ */
:root{
  --lh-bg:#f5f3f7;
  --lh-surface:#ffffff;
  --lh-surface-soft:#faf9fb;
  --lh-surface-muted:#f4f1f7;
  --lh-sidebar:#1d1425;
  --lh-sidebar-2:#271833;
  --lh-text:#261f2b;
  --lh-text-2:#554b5d;
  --lh-muted:#7c7283;
  --lh-border:#e6e0e9;
  --lh-border-strong:#d9d0df;
  --lh-purple:var(--brand-primary,#6d28d9);
  --lh-purple-2:var(--brand-secondary,#a855f7);
  --lh-purple-soft:#f2ecfb;
  --lh-green:#14845a;
  --lh-green-soft:#e8f8f0;
  --lh-amber:#a56b00;
  --lh-amber-soft:#fff4d6;
  --lh-red:#bd3348;
  --lh-red-soft:#fdecef;
  --lh-font-body:14px;
  --lh-font-secondary:12.5px;
  --lh-font-nav:13px;
  --lh-font-control:13.5px;
  --lh-font-table:12.75px;
  --lh-font-badge:11px;
  --lh-h1:24px;
  --lh-h2:18px;
  --lh-h3:15.5px;
  --lh-kpi:25px;
  --lh-control-height:40px;
  --lh-radius-sm:10px;
  --lh-radius:14px;
  --lh-radius-lg:18px;
  --lh-gap:14px;
  --lh-shadow-sm:0 3px 12px rgba(48,33,59,.045);
  --lh-shadow:0 10px 28px rgba(48,33,59,.075);
  --lh-sidebar-width:244px;
  --lh-topbar-height:64px;
}

html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--lh-bg)!important;color-scheme:light!important}
body,body.luckhaus-theme{margin:0;background:var(--lh-bg)!important;color:var(--lh-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:var(--lh-font-body)!important;line-height:1.45!important;letter-spacing:0!important}
body *{box-sizing:border-box}
body :where(p,li,dd,dt,label,a,input,select,textarea,button,td,th,summary,option){line-height:1.4}
body :where(p,li,label,td,th,input,select,textarea,button,.btn,summary,option){font-size:var(--lh-font-body)!important}
body :where(small,.small,.tiny,.muted,.help-text,.form-help,.hint,.caption,.meta){font-size:var(--lh-font-secondary)!important;line-height:1.4!important;color:var(--lh-muted)}
body :where(.badge,.pill,.status,.tag,.chip,.nav-count,.bingo-status-badge,.dashboard-module-status){font-size:var(--lh-font-badge)!important;line-height:1.2!important}
body :where(h1,.page-heading h1,.page-title){font-size:var(--lh-h1)!important;line-height:1.15!important;letter-spacing:-.02em!important;color:var(--lh-text)!important}
body :where(h2,.section-title h2,.section-title,.home-section-head h2,.dashboard-module-head h2){font-size:var(--lh-h2)!important;line-height:1.2!important;letter-spacing:-.015em!important;color:var(--lh-text)!important}
body :where(h3,.card h3,.panel h3,.panel-card h3,.settings-card h3,.workspace-panel h3){font-size:var(--lh-h3)!important;line-height:1.25!important;color:var(--lh-text)!important}
body :where(h4,h5,h6){font-size:14px!important;line-height:1.3!important}
body :where(.eyebrow,.kicker,.nav-section-caption){font-size:10px!important;line-height:1.2!important;letter-spacing:.095em!important;font-weight:850!important}

/* Shell */
body.luckhaus-theme .sidebar{width:var(--lh-sidebar-width)!important;min-width:var(--lh-sidebar-width)!important;padding:14px 11px!important;background:linear-gradient(180deg,var(--lh-sidebar) 0%,var(--lh-sidebar-2) 60%,#17101e 100%)!important;border-right:1px solid rgba(255,255,255,.055)!important;box-shadow:none!important}
body.luckhaus-theme .sidebar-head{padding:4px 6px 12px!important}
body.luckhaus-theme .luckhaus-brand{gap:9px!important;padding:0!important}
body.luckhaus-theme .luckhaus-brand img{width:36px!important;height:36px!important;object-fit:contain}
body.luckhaus-theme .luckhaus-brand strong{font-size:14px!important;line-height:1.15!important;color:#fff!important}
body.luckhaus-theme .luckhaus-brand small{font-size:10px!important;color:#b9adbf!important;letter-spacing:.08em!important}
body.luckhaus-theme .organized-nav,body.luckhaus-theme .side-nav,body.luckhaus-theme .role-navigation{padding-inline:2px!important;gap:2px!important;font-size:var(--lh-font-nav)!important}
body.luckhaus-theme .nav-section-caption{margin:13px 8px 5px!important;color:#96879f!important}
body.luckhaus-theme .nav-section-spaced{margin-top:14px!important}
body.luckhaus-theme .nav-primary,body.luckhaus-theme .nav-group>summary,body.luckhaus-theme .seller-flat-link{min-height:38px!important;padding:7px 9px!important;border-radius:10px!important;gap:8px!important;font-size:var(--lh-font-nav)!important;color:#ded3e4!important}
body.luckhaus-theme .nav-primary>span,body.luckhaus-theme .nav-group>summary>span{font-size:14px!important}
body.luckhaus-theme .nav-primary b,body.luckhaus-theme .nav-group>summary b,body.luckhaus-theme .seller-flat-link b{font-size:12.5px!important}
body.luckhaus-theme .nav-primary em,body.luckhaus-theme .seller-flat-link em{font-size:9.5px!important}
body.luckhaus-theme .nav-primary:hover,body.luckhaus-theme .nav-group>summary:hover,body.luckhaus-theme .seller-flat-link:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
body.luckhaus-theme .nav-primary.active,body.luckhaus-theme .nav-group>summary.active,body.luckhaus-theme .seller-flat-link.active{background:linear-gradient(135deg,color-mix(in srgb,var(--lh-purple) 82%,#2d1638),color-mix(in srgb,var(--lh-purple-2) 70%,#2d1638))!important;color:#fff!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 7px 18px rgba(13,4,20,.22)!important}
body.luckhaus-theme .nav-submenu{padding:3px 2px 5px!important}
body.luckhaus-theme .nav-submenu>a{min-height:34px!important;padding:7px 9px 7px 31px!important;border-radius:9px!important;color:#c7bbcd!important;font-size:12px!important;gap:7px!important}
body.luckhaus-theme .nav-submenu>a:hover,body.luckhaus-theme .nav-submenu>a.active{background:rgba(255,255,255,.065)!important;color:#fff!important}
body.luckhaus-theme .sidebar-footer{gap:9px!important;padding-top:10px!important}
body.luckhaus-theme .raffle-chip{padding:10px!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.075)!important;color:#eee6f2!important}
body.luckhaus-theme .raffle-chip small,body.luckhaus-theme .raffle-chip span{font-size:10px!important;color:#ac9db5!important}
body.luckhaus-theme .raffle-chip strong{font-size:12px!important;color:#fff!important}
body.luckhaus-theme .connection{font-size:10.5px!important;color:#a99db0!important}
body.luckhaus-theme .profile-row{padding-top:9px!important;border-color:rgba(255,255,255,.075)!important}
body.luckhaus-theme .profile-row strong{font-size:12px!important;color:#fff!important}.profile-row small{font-size:10px!important;color:#ad9fb5!important}
body.luckhaus-theme .avatar{width:34px!important;height:34px!important;background:#3a2348!important;color:#fff!important;font-size:12px!important}
body.luckhaus-theme .logout-button{min-height:36px!important;font-size:11.5px!important;border-radius:10px!important}

body.luckhaus-theme .main-content{margin-left:var(--lh-sidebar-width)!important;min-width:0;background:var(--lh-bg)!important}
body.luckhaus-theme .topbar{height:var(--lh-topbar-height)!important;padding:0 22px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--lh-border)!important;box-shadow:0 2px 10px rgba(51,35,62,.035)!important;backdrop-filter:blur(16px)!important}
body.luckhaus-theme .topbar strong{font-size:13px!important;color:var(--lh-text)!important}.topbar small{font-size:10.5px!important;color:var(--lh-muted)!important}
body.luckhaus-theme .topbar-user-card{padding:5px 8px!important;border-radius:11px!important;background:#f9f7fa!important;border:1px solid var(--lh-border)!important}
body.luckhaus-theme .topbar-user-card>span{width:30px!important;height:30px!important;font-size:11px!important}
body.luckhaus-theme .online-users-count,body.luckhaus-theme .online-user-chip{font-size:10.5px!important}
body.luckhaus-theme .raffle-switcher select,body.luckhaus-theme .bingo-switcher select{height:36px!important;min-height:36px!important;font-size:12px!important;border-radius:10px!important}
body.luckhaus-theme .page-wrap{max-width:1480px!important;padding:22px 24px 34px!important}

/* Page hierarchy */
body.luckhaus-theme .page-heading{align-items:flex-end!important;gap:14px!important;margin-bottom:17px!important;padding-bottom:13px!important;border-bottom:1px solid var(--lh-border)!important}
body.luckhaus-theme .page-heading:after{height:2px!important;width:44px!important}
body.luckhaus-theme .page-heading h1{margin:2px 0 4px!important}
body.luckhaus-theme .page-heading p{max-width:780px!important;margin:0!important;font-size:12.5px!important;line-height:1.45!important;color:var(--lh-muted)!important}
body.luckhaus-theme .section-block{margin-top:19px!important}
body.luckhaus-theme .section-title{gap:12px!important;margin-bottom:10px!important}
body.luckhaus-theme .section-title h2{margin:0 0 2px!important}
body.luckhaus-theme .section-title p{font-size:12px!important;line-height:1.4!important;color:var(--lh-muted)!important}

/* Surfaces */
body.luckhaus-theme :where(.card,.panel,.panel-card,.workspace-panel,.settings-panel,.settings-card,.wizard-panel,.table-card,.dashboard-module,.bingo-manage-card,.readiness-card,.public-module-panel,.f17-sale-card,.f17-recent-customers,.f17-pending-list,.f17-recent-list){background:var(--lh-surface)!important;border:1px solid var(--lh-border)!important;border-radius:var(--lh-radius)!important;box-shadow:var(--lh-shadow-sm)!important;color:var(--lh-text)!important}
body.luckhaus-theme :where(.card,.panel-card,.workspace-panel,.settings-panel,.settings-card,.wizard-panel,.bingo-manage-card,.readiness-card,.public-module-panel){padding:15px!important}
body.luckhaus-theme .dashboard-module{padding:15px!important}
body.luckhaus-theme :where(.dashboard-grid,.dashboard-module-current,.dashboard-module-metrics,.dashboard-module-actions,.dashboard-control-grid,.dashboard-today-grid,.home-control-grid,.form-grid,.bingo-form-grid,.flyer-grid-preset,.admin-user-list){gap:12px!important}
body.luckhaus-theme :where(.metric,.progress-card){padding:16px!important}
body.luckhaus-theme :where(.metric strong,.progress-head strong,.dashboard-module-metrics strong,.dashboard-today-module b,.kpi,.metric-value,.stat-value){font-size:var(--lh-kpi)!important;line-height:1.05!important;color:var(--lh-text)!important}
body.luckhaus-theme :where(.metric small,.card-label){font-size:10px!important;letter-spacing:.07em!important}

/* Controls */
body.luckhaus-theme :where(input:not([type=checkbox]):not([type=radio]),select,textarea,button,.btn){font-family:inherit!important;font-size:var(--lh-font-control)!important}
body.luckhaus-theme :where(input:not([type=checkbox]):not([type=radio]),select,button,.btn){min-height:var(--lh-control-height)!important}
body.luckhaus-theme :where(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff!important;color:var(--lh-text)!important;border:1px solid var(--lh-border-strong)!important;border-radius:10px!important;padding:9px 11px!important;box-shadow:none!important;outline:none!important}
body.luckhaus-theme :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:color-mix(in srgb,var(--lh-purple) 55%,#d9d0df)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--lh-purple) 10%,transparent)!important}
body.luckhaus-theme textarea{min-height:88px!important;resize:vertical}
body.luckhaus-theme label{font-size:12.5px!important;font-weight:700!important;color:#4c4254!important}
body.luckhaus-theme .btn{padding:8px 13px!important;border-radius:10px!important;font-weight:760!important;gap:7px!important;box-shadow:none!important;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease!important}
body.luckhaus-theme .btn:hover{transform:translateY(-1px)!important}
body.luckhaus-theme .btn.primary{background:linear-gradient(135deg,var(--lh-purple),var(--lh-purple-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 14px color-mix(in srgb,var(--lh-purple) 18%,transparent)!important}
body.luckhaus-theme .btn.secondary{background:var(--lh-purple-soft)!important;color:color-mix(in srgb,var(--lh-purple) 82%,#251d2d)!important;border-color:color-mix(in srgb,var(--lh-purple) 20%,var(--lh-border))!important}
body.luckhaus-theme .btn.ghost{background:#fff!important;color:#5e5266!important;border-color:var(--lh-border-strong)!important}
body.luckhaus-theme .btn.danger{background:var(--lh-red-soft)!important;color:var(--lh-red)!important;border-color:#f4ccd3!important}
body.luckhaus-theme .btn.tiny{min-height:32px!important;padding:6px 9px!important;font-size:11.5px!important;border-radius:8px!important}
body.luckhaus-theme :where(.check-row,input[type=checkbox],input[type=radio]){accent-color:var(--lh-purple)}

/* Tables */
body.luckhaus-theme .table-card{overflow:hidden!important}
body.luckhaus-theme .responsive-table{overflow:auto!important;scrollbar-width:thin;scrollbar-color:#cfc4d5 transparent}
body.luckhaus-theme table{width:100%;border-collapse:separate!important;border-spacing:0!important;min-width:680px;background:#fff!important}
body.luckhaus-theme th,body.luckhaus-theme td{padding:10px 12px!important;border-bottom:1px solid #eee9f1!important;font-size:var(--lh-font-table)!important;vertical-align:middle!important;color:#433949!important}
body.luckhaus-theme th{font-size:10px!important;letter-spacing:.065em!important;text-transform:uppercase!important;color:#817586!important;background:#faf8fb!important;font-weight:850!important;white-space:nowrap}
body.luckhaus-theme tbody tr:hover td{background:#fcfbfd!important}
body.luckhaus-theme tbody tr:last-child td{border-bottom:0!important}
body.luckhaus-theme td>small,body.luckhaus-theme td strong+small{margin-top:2px!important;font-size:10.5px!important}
body.luckhaus-theme .number-mini{min-width:26px!important;height:26px!important;border-radius:7px!important;background:#f3eff7!important;border:1px solid #e2d9e8!important;color:#4d3f56!important;font-size:10.5px!important}

/* States */
body.luckhaus-theme .status{padding:5px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:none!important}
body.luckhaus-theme .status.paid,body.luckhaus-theme .f17-state.paid{background:var(--lh-green-soft)!important;color:var(--lh-green)!important}
body.luckhaus-theme .status.reserved,body.luckhaus-theme .status.partial,body.luckhaus-theme .f17-state.reserved,body.luckhaus-theme .f17-state.partial{background:var(--lh-amber-soft)!important;color:var(--lh-amber)!important}
body.luckhaus-theme .status.cancelled{background:var(--lh-red-soft)!important;color:var(--lh-red)!important}
body.luckhaus-theme .toast{padding:10px 12px!important;border-radius:10px!important;margin-bottom:11px!important;background:#fff!important;color:var(--lh-text)!important;border:1px solid var(--lh-border)!important;font-size:12px!important;box-shadow:var(--lh-shadow-sm)!important}
body.luckhaus-theme .toast.success{background:var(--lh-green-soft)!important;border-color:#c8ebda!important;color:#176643!important}.toast.error{background:var(--lh-red-soft)!important;border-color:#f2ccd3!important;color:#9f2639!important}

/* Modals / sheets */
body.luckhaus-theme .modal{background:rgba(29,20,37,.48)!important;backdrop-filter:blur(5px)!important;padding:18px!important}
body.luckhaus-theme .modal-card{max-width:min(720px,94vw)!important;border-radius:18px!important;border:1px solid var(--lh-border)!important;background:#fff!important;color:var(--lh-text)!important;box-shadow:0 24px 70px rgba(29,20,37,.24)!important;padding:18px!important}
body.luckhaus-theme .modal-card h2,body.luckhaus-theme .modal-card h3{margin-bottom:8px!important}
body.luckhaus-theme .modal-card .modal-actions{gap:8px!important;margin-top:14px!important}

/* Forms and admin panels */
body.luckhaus-theme :where(.admin-user-layout,.settings-layout,.workspace-grid){gap:14px!important}
body.luckhaus-theme .admin-user-card{padding:14px!important}
body.luckhaus-theme .admin-user-avatar{width:38px!important;height:38px!important;border-radius:11px!important;font-size:12px!important}
body.luckhaus-theme .commercial-metrics{gap:10px!important;margin-bottom:13px!important}
body.luckhaus-theme .commercial-metrics article{padding:13px!important;border-radius:13px!important;background:#fff!important;border-color:var(--lh-border)!important}
body.luckhaus-theme .commercial-metrics strong{font-size:22px!important;margin:2px 0!important}.commercial-metrics small{font-size:10px!important}
body.luckhaus-theme .commercial-tabs{padding:4px!important;gap:4px!important;border-radius:12px!important;box-shadow:none!important;border-color:var(--lh-border)!important}
body.luckhaus-theme .commercial-tabs a{padding:8px 10px!important;border-radius:9px!important;font-size:12px!important}

/* Rifa / Bingo grids */
body.luckhaus-theme .numbers-grid{gap:7px!important}
body.luckhaus-theme .number-cell{min-height:48px!important;border-radius:10px!important;font-size:12px!important;box-shadow:none!important}
body.luckhaus-theme .number-cell strong{font-size:14px!important}
body.luckhaus-theme .selection-dock{border-radius:14px!important;box-shadow:0 12px 34px rgba(35,24,43,.18)!important}
body.luckhaus-theme .wizard-steps button{font-size:11.5px!important;min-height:36px!important}
body.luckhaus-theme .wizard-panel-heading{margin-bottom:12px!important}

/* F17/F19 seller: preserve strong product identity but use F20 density. */
body.role-seller{background:var(--lh-bg)!important;color:var(--lh-text)!important}
body.role-seller .page-wrap{max-width:1380px!important}
body.role-seller .f17-hero{padding:20px 22px!important;border-radius:18px!important}
body.role-seller .f17-hero h1{font-size:23px!important;color:#fff!important}
body.role-seller .f17-hero p{font-size:12.5px!important;color:#eee7f5!important}
body.role-seller .f17-today{gap:8px!important}
body.role-seller .f17-today>div{padding:11px!important;border-radius:12px!important}
body.role-seller .f17-today strong{font-size:19px!important}
body.role-seller .f17-sale-card{padding:15px!important;border-radius:15px!important}
body.role-seller .f17-card-head h2{font-size:17px!important}
body.role-seller .f17-card-data{gap:7px!important}.role-seller .f17-card-data>div{padding:9px!important;border-radius:10px!important}
body.role-seller .f17-sell-button{min-height:50px!important;border-radius:11px!important;font-size:13px!important}
body.role-seller .f19-action-panel{padding:14px!important;border-radius:15px!important;box-shadow:var(--lh-shadow-sm)!important}
body.role-seller .f19-action-card{min-height:58px!important;padding:10px 11px!important;border-radius:12px!important}
body.role-seller .f19-action-card>span{width:34px!important;height:34px!important;border-radius:10px!important}
body.role-seller .f19-action-card strong{font-size:12.5px!important}.role-seller .f19-action-card small{font-size:10px!important}

/* Login */
body.login-page{background:#f4f1f7!important}
body.login-page .login-panel{background:#f7f5f9!important}
body.login-page .login-card{max-width:450px!important;padding:28px!important;border-radius:20px!important;border:1px solid var(--lh-border)!important;box-shadow:0 18px 55px rgba(52,34,65,.11)!important;background:#fff!important}
body.login-page .login-card-heading h2{font-size:22px!important;margin-bottom:5px!important}
body.login-page .login-card-heading p{font-size:12.5px!important;color:var(--lh-muted)!important}
body.login-page .login-form{gap:12px!important}
body.login-page .login-input-shell{min-height:42px!important;border-radius:10px!important}
body.login-page .login-submit{min-height:43px!important}
body.login-page .login-divider{font-size:10.5px!important}

/* Public pages also use the same compact readable scale. */
body.role-public,body.public-page{font-size:14px!important}
body.role-public :where(h1,.page-title),body.public-page :where(h1,.page-title){font-size:24px!important}
body.role-public :where(h2),body.public-page :where(h2){font-size:18px!important}
.public-how-to-pay-compact{width:min(100%,620px)!important;padding:12px 14px!important;border-radius:14px!important}
.public-how-to-pay-compact :where(h1,h2,h3,h4){font-size:18px!important}.public-how-to-pay-compact :where(p,li,span){font-size:13px!important}
.public-plin-payment-card,.public-plin-payment-card--compact{width:min(100%,540px)!important;padding:14px 16px!important;border-radius:15px!important}
.public-plin-payment-card__title{font-size:21px!important}.public-plin-payment-card__number{font-size:32px!important}.public-plin-payment-card__holder{font-size:16px!important}

/* Responsive */
@media(max-width:1000px){
  :root{--lh-sidebar-width:232px}
  body.luckhaus-theme .page-wrap{padding-inline:18px!important}
}
@media(max-width:760px){
  :root{--lh-font-body:14px;--lh-font-secondary:12px;--lh-h1:22px;--lh-h2:17px;--lh-h3:15px;--lh-control-height:42px;--lh-topbar-height:60px}
  body{padding-bottom:76px!important}
  body.luckhaus-theme .sidebar{width:min(290px,88vw)!important;min-width:0!important;transform:translateX(-103%)}
  body.luckhaus-theme .sidebar.open{transform:translateX(0)}
  body.luckhaus-theme .main-content{margin-left:0!important}
  body.luckhaus-theme .topbar{height:var(--lh-topbar-height)!important;padding:0 12px!important;gap:8px!important}
  body.luckhaus-theme .menu-toggle{display:block!important;min-height:36px!important;width:36px!important;padding:0!important;font-size:18px!important}
  body.luckhaus-theme .topbar-user-card,body.luckhaus-theme .online-users{display:none!important}
  body.luckhaus-theme .page-wrap{padding:15px 12px 92px!important}
  body.luckhaus-theme .page-heading{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;margin-bottom:13px!important;padding-bottom:11px!important}
  body.luckhaus-theme .page-heading>.btn,body.luckhaus-theme .page-heading>.page-heading-actions{width:100%!important}
  body.luckhaus-theme .page-heading-actions .btn{flex:1!important}
  body.luckhaus-theme :where(.card,.panel-card,.workspace-panel,.settings-panel,.settings-card,.wizard-panel,.bingo-manage-card,.readiness-card,.public-module-panel){padding:13px!important;border-radius:13px!important}
  body.luckhaus-theme .dashboard-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.luckhaus-theme .bottom-nav{height:70px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid var(--lh-border)!important;box-shadow:0 -8px 25px rgba(38,27,47,.10)!important;padding-top:5px!important}
  body.luckhaus-theme .bottom-nav a,body.luckhaus-theme .bottom-nav button{color:#665b6d!important;font-size:10px!important}
  body.luckhaus-theme .bottom-nav small{font-size:9px!important;color:inherit!important}
  body.luckhaus-theme .bottom-nav span{font-size:17px!important}
  body.luckhaus-theme .bottom-nav .active{color:var(--lh-purple)!important}
  body.luckhaus-theme .bottom-nav .sale-main span{width:42px!important;height:42px!important;font-size:21px!important;background:linear-gradient(135deg,var(--lh-purple),var(--lh-purple-2))!important;color:#fff!important;box-shadow:0 7px 20px color-mix(in srgb,var(--lh-purple) 28%,transparent)!important}
  body.luckhaus-theme .more-sheet{bottom:75px!important;background:#fff!important;border-color:var(--lh-border)!important;border-radius:15px!important;box-shadow:0 16px 45px rgba(38,27,47,.18)!important}
  body.luckhaus-theme .more-sheet a{background:#faf8fb!important;color:var(--lh-text)!important;border-radius:9px!important;font-size:12px!important}
  body.luckhaus-theme .modal{align-items:flex-end!important;padding:0!important}
  body.luckhaus-theme .modal-card{width:100%!important;max-width:none!important;max-height:90vh!important;overflow:auto!important;border-radius:18px 18px 0 0!important;padding:16px 14px calc(18px + env(safe-area-inset-bottom))!important}
  body.luckhaus-theme table{min-width:620px!important}
  body.luckhaus-theme th,body.luckhaus-theme td{padding:9px 10px!important}
  body.luckhaus-theme .numbers-grid{grid-template-columns:repeat(5,1fr)!important;gap:6px!important}
  body.luckhaus-theme .number-cell{min-height:48px!important}
  body.role-seller .f17-hero{padding:16px!important}.role-seller .f17-hero h1{font-size:21px!important}
  body.role-seller .f19-action-grid{grid-template-columns:1fr!important}
  body.login-page .login-panel{padding:14px!important}.login-card{padding:21px!important;border-radius:17px!important}
}
@media(max-width:480px){
  body.luckhaus-theme .dashboard-grid{grid-template-columns:1fr!important}
  body.luckhaus-theme .span-2,body.luckhaus-theme .progress-card,body.luckhaus-theme .social-card{grid-column:span 1!important}
  body.luckhaus-theme .page-wrap{padding-inline:10px!important}
  body.luckhaus-theme :where(input:not([type=checkbox]):not([type=radio]),select,textarea,button,.btn){font-size:13px!important}
  body.luckhaus-theme .numbers-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* source: f21-customer-trace.css */
/* LuckHaus F21 · Clientes, Historial y Trazabilidad */
.f21-trace-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0!important;overflow:hidden;margin:0 0 14px!important}
.f21-trace-summary>div{padding:13px 15px;border-right:1px solid var(--lh-border);display:flex;flex-direction:column;gap:2px;min-width:0}.f21-trace-summary>div:last-child{border-right:0}.f21-trace-summary strong{font-size:20px!important;line-height:1.1;color:var(--lh-text)}.f21-trace-summary small{font-size:11px!important;color:var(--lh-muted)}
.f21-history-filter{display:grid;grid-template-columns:150px 160px minmax(220px,1fr) auto auto;gap:8px;align-items:end;padding:10px;margin:0 0 12px;border:1px solid var(--lh-border);border-radius:12px;background:var(--lh-surface-soft)}.f21-history-filter label{display:grid;gap:4px;font-size:10px!important;font-weight:800;color:var(--lh-muted);letter-spacing:.04em;text-transform:uppercase}.f21-history-filter select,.f21-history-filter input{height:36px!important;min-height:36px!important;background:#fff!important}.f21-history-filter .btn{height:36px!important;min-height:36px!important;padding-inline:12px!important}.f21-history-search{min-width:0}
.f21-released-items,.f21-historical-items{margin-top:-4px!important;font-size:12px!important;color:var(--lh-amber)!important}.f21-historical-items{color:var(--lh-text-2)!important}
.f21-operation-trace{margin-top:9px;border:1px solid var(--lh-border);border-radius:10px;background:#fbfafc;overflow:hidden}.f21-operation-trace>summary{cursor:pointer;list-style:none;padding:8px 10px;font-size:11.5px!important;font-weight:800;color:var(--lh-text-2);display:flex;align-items:center;gap:6px}.f21-operation-trace>summary::-webkit-details-marker{display:none}.f21-operation-trace>summary:before{content:'›';font-size:16px;line-height:1;transition:transform .15s}.f21-operation-trace[open]>summary:before{transform:rotate(90deg)}.f21-operation-trace[open]>summary{border-bottom:1px solid var(--lh-border);background:#fff}
.f21-operation-events{padding:4px 10px 7px}.f21-trace-event{display:grid;grid-template-columns:10px 1fr;gap:7px;padding:7px 0;border-bottom:1px dashed var(--lh-border)}.f21-trace-event:last-child{border-bottom:0}.f21-trace-event>span{width:7px;height:7px;border-radius:50%;margin-top:5px;background:#9e8cab}.f21-trace-event.payment>span{background:var(--lh-green)}.f21-trace-event.change>span{background:var(--lh-purple)}.f21-trace-event.warning>span{background:var(--lh-amber)}.f21-trace-event header{display:flex;justify-content:space-between;gap:8px}.f21-trace-event header strong{font-size:11.5px!important}.f21-trace-event time{font-size:10px;color:var(--lh-muted);white-space:nowrap}.f21-trace-event p{margin:2px 0!important;font-size:11px!important;color:var(--lh-text-2)}.f21-trace-event small{font-size:10px!important}
.f21-global-trace-card{margin-bottom:14px}.f21-global-timeline{max-height:420px;overflow:auto;padding-right:3px}.f21-global-timeline>article{display:grid;grid-template-columns:12px 1fr;gap:7px;padding:8px 0;border-bottom:1px solid var(--lh-border)}.f21-global-timeline>article:last-child{border-bottom:0}.f21-global-timeline>article>span{width:8px;height:8px;border-radius:50%;background:#a392ad;margin-top:5px}.f21-global-timeline>article.payment>span{background:var(--lh-green)}.f21-global-timeline>article.change>span{background:var(--lh-purple)}.f21-global-timeline>article.warning>span{background:var(--lh-amber)}.f21-global-timeline header{display:flex;justify-content:space-between;gap:6px}.f21-global-timeline b{font-size:11.5px!important}.f21-global-timeline time{font-size:9.5px;color:var(--lh-muted);white-space:nowrap}.f21-global-timeline p{font-size:10.5px!important;margin:2px 0!important;color:var(--lh-text-2)}.f21-global-timeline small{display:block;font-size:10px!important;line-height:1.35!important}
@media(max-width:980px){.f21-trace-summary{grid-template-columns:1fr 1fr}.f21-trace-summary>div:nth-child(2){border-right:0}.f21-trace-summary>div:nth-child(-n+2){border-bottom:1px solid var(--lh-border)}.f21-history-filter{grid-template-columns:1fr 1fr}.f21-history-search{grid-column:1/-1}.f21-history-filter .btn{width:100%}}
@media(max-width:600px){.f21-trace-summary>div{padding:10px 11px}.f21-trace-summary strong{font-size:17px!important}.f21-history-filter{grid-template-columns:1fr;padding:9px}.f21-history-search{grid-column:auto}.f21-trace-event header,.f21-global-timeline header{align-items:flex-start;flex-direction:column;gap:1px}.f21-global-timeline{max-height:none}}

/* source: f22-share-express.css */
/* LuckHaus F22 · Compartir Express */
[data-f22-share][aria-busy="true"]{cursor:wait;opacity:.82}
[data-f22-share] small[data-type="success"]{color:#167a51!important}
[data-f22-share] small[data-type="error"]{color:#b42335!important}
.f22-post-sale-share{position:relative}.f22-post-sale-share:after{content:'AUTO';font-size:8px;font-weight:900;letter-spacing:.08em;margin-left:6px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.18)}
body.role-seller [data-f22-share]{touch-action:manipulation}

/* source: f24-dashboard-control.css */

/* LuckHaus F24 · Dashboard y Control Comercial */
.f24-command{margin:0 0 18px;padding:18px;border:1px solid #e2dce8;border-radius:22px;background:linear-gradient(155deg,#fff 0%,#fbf9fd 100%);box-shadow:0 12px 34px rgba(49,31,64,.065)}
.f24-command-head,.f24-seller-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.f24-command-head h2,.f24-seller-head h2{margin:2px 0 3px;font-size:18px}.f24-command-head p{margin:0;color:#766d7e;font-size:12px}.f24-live{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e4ddeb;border-radius:999px;background:#fff;color:#685f70;font-size:10px;white-space:nowrap}.f24-live i,.f24-seller-head>small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18a675;box-shadow:0 0 0 4px rgba(24,166,117,.1)}.f24-live small{color:#8a8191!important}
.f24-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.f24-kpis>article,.f24-kpis>a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-height:82px;padding:11px;border:1px solid #e8e2ec;border-radius:16px;background:#fff}.f24-kpis>article>span,.f24-kpis>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f1ebf8;color:#6d28d9}.f24-kpis div{display:grid;min-width:0}.f24-kpis small{font-size:9px!important;font-weight:850;letter-spacing:.055em;color:#766e7c!important}.f24-kpis strong{font-size:17px;color:#261f2b;white-space:nowrap}.f24-kpis em{font-style:normal;font-size:9.5px;color:#7c7382}.f24-kpis em.positive{color:#0f8b64}.f24-kpis em.negative{color:#c2415a}
.f24-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.f24-module-control{padding:14px;border:1px solid #e7e1eb;border-radius:18px;background:#fff}.f24-module-control header{display:flex;align-items:center;gap:9px}.f24-module-control header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f0e9ff;color:#6d28d9;font-size:18px}.f24-module-control.bingo header>span{background:#e2faf6;color:#0f766e}.f24-module-control header div{display:grid}.f24-module-control header small{font-size:9px!important;font-weight:850;letter-spacing:.09em}.f24-module-control header strong{font-size:13px}.f24-module-values{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.f24-module-values span{padding:9px;border-radius:12px;background:#f9f7fb}.f24-module-values small{display:block;font-size:9px!important}.f24-module-values b{font-size:16px;color:#2d2433}.f24-module-control footer{display:flex;gap:6px}.f24-module-control footer a{flex:1;text-align:center;padding:8px;border:1px solid #e3dbea;border-radius:10px;background:#faf8fc;color:#5f3d78;font-size:10px;font-weight:800}.f24-module-control.bingo footer a{color:#0f766e}.f24-module-control>p{margin:12px 0 0;color:#7a7181;font-size:11px}
.f24-team{margin-top:12px;padding-top:12px;border-top:1px solid #ece7ef}.f24-team-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}.f24-team-head small{font-size:9px!important;font-weight:850;letter-spacing:.08em}.f24-team-head h3{margin:2px 0 0;font-size:14px}.f24-team-head>a{font-size:10px;color:#6d28d9;font-weight:800}.f24-team-table{overflow:auto;border:1px solid #ebe5ef;border-radius:14px;background:#fff}.f24-team-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(5,minmax(90px,1fr));align-items:center;min-width:760px;border-top:1px solid #eee9f1}.f24-team-row:first-child{border-top:0}.f24-team-row>span{padding:9px 10px;font-size:10.5px;color:#645a6a}.f24-team-row.header{background:#faf8fb}.f24-team-row.header>span{font-size:8.5px;font-weight:850;letter-spacing:.06em;color:#817687}.f24-team-row>span:first-child{display:flex;align-items:center;gap:8px}.f24-team-row i{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#f2ecf8;color:#6d28d9;font-style:normal;font-size:9px;font-weight:900}.f24-team-row strong,.f24-team-row b{color:#28212d}.f24-team-row span:nth-child(2){display:grid}.f24-team-row span:nth-child(2) small{font-size:8.5px!important}.f24-team-empty{padding:22px;text-align:center;border:1px dashed #ddd4e3;border-radius:14px;color:#817786;font-size:11px}
.f24-seller-control{margin:0 0 14px;padding:15px;border:1px solid #e3dce8;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(44,29,56,.05)}.f24-seller-head{align-items:center;margin-bottom:10px}.f24-seller-head>small{display:flex;align-items:center;gap:7px;font-size:9.5px!important;color:#716877!important}.f24-seller-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.f24-seller-kpis>div,.f24-seller-kpis>a{padding:10px 11px;border:1px solid #e9e4ec;border-radius:14px;background:#faf9fb;display:grid}.f24-seller-kpis small{font-size:8.5px!important;font-weight:850;letter-spacing:.055em}.f24-seller-kpis strong{font-size:18px;color:#261f2b}.f24-seller-kpis span{font-size:9px;color:#79707f}.f24-seller-kpis>a{background:#f8f5ff;border-color:#ded1ee}.f24-seller-kpis>a span{color:#6d28d9;font-weight:800}
@media(max-width:1180px){.f24-kpis{grid-template-columns:repeat(3,1fr)}.f24-seller-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.f24-command{padding:14px;border-radius:19px}.f24-command-head,.f24-seller-head{align-items:flex-start;flex-direction:column}.f24-live{align-self:stretch;justify-content:center}.f24-kpis{grid-template-columns:repeat(2,1fr)}.f24-control-grid{grid-template-columns:1fr}.f24-seller-kpis{grid-template-columns:repeat(2,1fr)}.f24-seller-kpis>div:last-child{grid-column:1/-1}.f24-module-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.f24-kpis{grid-template-columns:1fr 1fr}.f24-kpis>article,.f24-kpis>a{grid-template-columns:30px 1fr;min-height:74px;padding:9px}.f24-kpis>article>span,.f24-kpis>a>span{width:30px;height:30px}.f24-kpis strong{font-size:15px}.f24-seller-control{padding:12px}.f24-seller-kpis strong{font-size:16px}}

/* source: f25-performance.css */
/* LuckHaus F25 · ajustes de renderizado móvil y PWA sin alterar la identidad visual. */
html[data-network="offline"] .sync-state,
html[data-network="slow"] .sync-state,
html[data-network="save-data"] .sync-state {
  transition: none !important;
}

@media (max-width: 760px) {
  body.luckhaus-theme .table-wrap,
  body.luckhaus-theme .workspace,
  body.luckhaus-theme .numbers-grid,
  body.luckhaus-theme .bingo-card-grid {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

}

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