/* v222 — full product redesign. Dark competitive workspace inspired by modern fantasy-sport products. */
#app-shell{
  --ink:#f6f8fa;--ink-2:#c2ced6;--muted:#8193a0;--line:#263642;--line-2:#344754;
  --surface-0:#050a0e;--surface-1:#09131a;--surface-2:#0e1b24;--surface-3:#14252f;
  --blue:#4f91ff;--blue-2:#246bdc;--lime:#c8f36b;--orange:#ff7043;--green:#2bd391;--red:#ff5c6c;--amber:#f4b740;
  --primary:#4f91ff!important;--primary-light:#142b45!important;--background:#050a0e!important;
  --surface:#0e1b24!important;--card:#0e1b24!important;--border:#263642!important;
  --text:#f6f8fa!important;--text-secondary:#a8b7c2!important;--muted:#8193a0!important;
  --ui-canvas:#050a0e!important;--ui-sheet:#0e1b24!important;--ui-soft:#14252f!important;
  --ui-line:#263642!important;--ui-ink:#f6f8fa!important;--ui-muted:#8193a0!important;
  --court-white:#0e1b24!important;--court-cream:#09131a!important;--court-ink:#f6f8fa!important;
  background:var(--surface-0)!important;color:var(--ink)!important;
}
#app-shell,#app-shell *{box-sizing:border-box}
#app-shell>main{background:
  radial-gradient(circle at 82% -5%,rgba(79,145,255,.13),transparent 24%),
  radial-gradient(circle at 5% 28%,rgba(200,243,107,.035),transparent 20%),
  var(--surface-0)!important;color:var(--ink)!important}

/* Top navigation becomes the product's scoreboard rail. */
#app-shell>.app-sidebar{height:72px!important;padding-inline:max(18px,calc((100vw - 1540px)/2))!important;background:rgba(5,10,14,.96)!important;border-bottom:1px solid #263642!important;box-shadow:0 12px 40px rgba(0,0,0,.3)!important;backdrop-filter:blur(18px)}
#app-shell .sidebar-brand{height:72px!important;padding-inline:18px!important;border:0!important}
#app-shell .sidebar-brand:after{content:none!important;display:none!important}
#app-shell .sidebar-brand{min-width:205px!important;background:transparent!important}
#app-shell .sidebar-brand .brand-lockup,#app-shell .sidebar-brand .brand-lockup strong{color:#fff!important}
#app-shell .sidebar-brand .brand-lockup small{color:#8297a5!important}
#app-shell .sidebar-brand .sidebar-collapse{margin-left:auto!important;color:#91a5b2!important;background:#10212c!important;border:1px solid #293e4b!important;border-radius:9px!important}
#app-shell .app-nav{gap:3px!important}
#app-shell .app-nav .nav-section-label{display:none!important}
#app-shell .app-nav button{width:auto!important;min-height:44px!important;margin:0 1px!important;padding:10px 13px!important;color:#93a5b1!important;border-radius:11px!important}
#app-shell .app-nav button.active{color:#fff!important;background:#142634!important;border-color:#314757!important;box-shadow:inset 0 -3px 0 var(--blue)!important}
#app-shell .app-nav button.active:after{content:"";position:absolute;top:8px;right:8px;width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 9px var(--lime)}

/* Context bar is compact and neutral, like a roster selector. */
#app-shell>.app-header{height:62px!important;padding-inline:max(24px,calc((100vw - 1480px)/2))!important;background:#09131a!important;border-color:#23323d!important;box-shadow:none!important}
#app-shell>.app-header,#app-shell>.app-header *{color:var(--ink-2)!important}
#app-shell>.app-header select,#app-shell>.app-header button{min-height:40px!important;background:#101f29!important;border:1px solid #2a3b47!important;color:#e7edf1!important;border-radius:10px!important}
#app-shell>.app-header select:hover,#app-shell>.app-header button:hover{background:#172935!important;border-color:#405463!important}
#app-shell>.app-header .profile-trigger{border-radius:99px!important}

/* Page layout and cinematic module identity. */
#app-shell .tab-panel,#app-shell #inicio-wrap{width:100%!important;max-width:none!important;margin-inline:0!important;padding:30px clamp(22px,2.1vw,42px) 70px!important}
#app-shell .tab-panel>.panel-header,#app-shell .tab-panel>.fr-hero,#app-shell .tab-panel>.isak-hero,
#app-shell .tab-panel>.perfiles-hero,#app-shell .tab-panel>.load-hero,#app-shell .tab-panel>.module-hero,#app-shell .tab-panel>.page-hero,
#app-shell #inicio-wrap .command-home__masthead{
  min-height:128px!important;margin-bottom:18px!important;padding:28px 30px 28px 34px!important;
  color:#fff!important;background:
    radial-gradient(circle at 85% 10%,rgba(79,145,255,.2),transparent 28%),
    linear-gradient(115deg,#153044,#091822 70%)!important;
  border:1px solid #294253!important;border-radius:22px!important;box-shadow:0 24px 65px rgba(0,0,0,.28)!important;
}
#app-shell .tab-panel>.panel-header:after,#app-shell .tab-panel>.fr-hero:after,#app-shell .tab-panel>.isak-hero:after,
#app-shell .tab-panel>.perfiles-hero:after,#app-shell .tab-panel>.load-hero:after,#app-shell .tab-panel>.module-hero:after,
#app-shell .tab-panel>.page-hero:after,#app-shell #inicio-wrap .command-home__masthead:before{
  content:""!important;display:block!important;position:absolute!important;inset:auto -55px -145px auto!important;width:310px!important;height:310px!important;
  border:58px solid rgba(79,145,255,.08)!important;border-radius:50%!important;background:none!important;
}
#app-shell .tab-panel>.panel-header:before,#app-shell .tab-panel>.fr-hero:before,#app-shell .tab-panel>.isak-hero:before,
#app-shell .tab-panel>.perfiles-hero:before,#app-shell .tab-panel>.load-hero:before,#app-shell .tab-panel>.module-hero:before,#app-shell .tab-panel>.page-hero:before{
  width:5px!important;background:linear-gradient(var(--blue),var(--lime))!important;
}
#app-shell .tab-panel>.panel-header h2,#app-shell .tab-panel>.panel-header .panel-title,#app-shell #inicio-wrap .command-home__masthead h2,
#app-shell .tab-panel>.fr-hero h2,#app-shell .tab-panel>.isak-hero h2,#app-shell .tab-panel>.perfiles-hero h2,
#app-shell .tab-panel>.load-hero h2,#app-shell .tab-panel>.module-hero h2,#app-shell .tab-panel>.page-hero h2{
  color:#fff!important;font-size:clamp(30px,2.8vw,46px)!important;font-weight:880!important;line-height:.96!important;letter-spacing:-.055em!important;
}
#app-shell .tab-panel>.panel-header p,#app-shell #inicio-wrap .command-home__masthead p{color:#9fb2bf!important;font-size:13px!important}

/* Information hierarchy: not every number lives in the same card. */
#app-shell .kpi-grid,#app-shell #inicio-wrap .command-home__scorestrip{gap:8px!important;padding:7px!important;background:#09131a!important;border:1px solid #24343f!important;border-radius:18px!important}
#app-shell .kpi-grid>div,#app-shell .kpi,#app-shell .kpi-card,#app-shell .inicio-kpi,#app-shell .fr-kpi,#app-shell .salud-kpi,#app-shell .v8-kpi,
#app-shell #inicio-wrap .command-home__scorestrip>.kpi-card{
  min-height:105px!important;padding:18px 19px!important;color:var(--ink)!important;background:#0f1d26!important;border:1px solid transparent!important;border-radius:12px!important;box-shadow:none!important;
}
#app-shell .kpi-grid>div:hover,#app-shell .kpi-card:hover{background:#14242e!important;border-color:#334754!important}
#app-shell .kpi-grid>div:before,#app-shell .kpi:before,#app-shell .kpi-card:before,#app-shell .inicio-kpi:before,#app-shell .fr-kpi:before{inset:0 auto auto 0!important;width:38px!important;height:3px!important;background:var(--blue)!important}
#app-shell .kpi-label,#app-shell .stat-label,#app-shell .kpi-grid small{color:#788d9b!important;font-size:9px!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important}
#app-shell .kpi-value,#app-shell .stat-value,#app-shell .kpi-card strong,#app-shell .kpi-grid>div>strong{color:#fff!important;font-size:clamp(23px,2vw,31px)!important;font-weight:900!important;letter-spacing:-.04em!important}
#app-shell #inicio-wrap .command-home__scorestrip>.kpi-card>.kpi-value,
#app-shell #inicio-wrap .command-home__scorestrip>.kpi-card .kpi-value{color:#fff!important}

/* Data surfaces */
#app-shell .card,#app-shell .panel,#app-shell .section-card,#app-shell .chart-card,#app-shell .inicio-card,
#app-shell .table-wrap,#app-shell .report-chart-panel,#app-shell .injury-history-card,#app-shell .player-card,#app-shell .player-load-card,
#app-shell [class*="summary-card"],#app-shell [class*="insight-card"]{
  color:var(--ink)!important;background:#0d1a23!important;border:1px solid #253641!important;border-radius:18px!important;box-shadow:0 16px 42px rgba(0,0,0,.2)!important;
}
#app-shell .card{padding:20px!important}
#app-shell .card-title,#app-shell .section-title,#app-shell .report-chart-head h3,#app-shell .injury-section-heading h3{color:#f4f7f9!important;font-size:14px!important;font-weight:850!important;letter-spacing:-.015em!important}
#app-shell .card-title:after{content:"";display:block;width:26px;height:2px;margin-top:9px;background:var(--blue);border-radius:2px}
#app-shell .muted,#app-shell .text-muted,#app-shell .small,#app-shell small{color:#8295a2!important}
#app-shell hr{border-color:#293944!important}

/* Charts get dedicated dark plotting decks. */
#app-shell canvas{filter:saturate(1.08)}
#app-shell [id*="chart-container"],#app-shell [id*="-chart"],#app-shell .chart-container{
  color:var(--ink-2)!important;background:#0a161e!important;border:1px solid #22333e!important;border-radius:14px!important;padding:10px!important;
}
#app-shell .command-home__load{border-top:0!important;background:#0d1a23!important}
#app-shell .command-home__load>div:last-child{background:#09151d!important;border-radius:14px!important}

/* Tables read like a live scouting feed. */
#app-shell .table-wrap{padding:0!important;overflow:auto!important}
#app-shell table{color:var(--ink-2)!important;background:#0d1a23!important;border-collapse:separate!important;border-spacing:0!important}
#app-shell table thead th{position:sticky;top:0;z-index:2;padding:13px 14px!important;color:#78909f!important;background:#09141b!important;border-bottom:1px solid #2b3d48!important;font-size:9px!important;letter-spacing:.105em!important}
#app-shell table tbody td{padding:13px 14px!important;color:#c7d3da!important;background:#0d1a23!important;border-color:#22323d!important}
#app-shell table tbody tr:nth-child(even) td{background:#101f29!important}
#app-shell table tbody tr:hover td{color:#fff!important;background:#172a36!important}
#app-shell table tbody td:first-child{color:#f4f7f9!important;font-weight:750!important}

/* Inputs, actions and filters */
#app-shell input,#app-shell select,#app-shell textarea{min-height:43px!important;color:#eef3f6!important;background:#0a161e!important;border:1px solid #30424e!important;border-radius:10px!important;box-shadow:none!important}
#app-shell input::placeholder,#app-shell textarea::placeholder{color:#607684!important}
#app-shell input:focus,#app-shell select:focus,#app-shell textarea:focus{border-color:#5798ff!important;box-shadow:0 0 0 3px rgba(79,145,255,.15)!important}
#app-shell select option{color:#eef3f6;background:#0a161e}
#app-shell label{color:#91a4b1!important;font-weight:750!important}
#app-shell .btn,#app-shell button.btn{min-height:41px!important;color:#dce6ec!important;background:#14242e!important;border:1px solid #344955!important;border-radius:10px!important;box-shadow:none!important}
#app-shell .btn:hover,#app-shell button.btn:hover{color:#fff!important;background:#1b303d!important;border-color:#526b7a!important}
#app-shell .btn-primary,#app-shell .btn.btn-primary{color:#fff!important;background:linear-gradient(135deg,#4f91ff,#2168d8)!important;border-color:#5a9bff!important;box-shadow:0 9px 24px rgba(36,107,220,.24)!important}
#app-shell .btn-danger{color:#ffd9dd!important;background:#351820!important;border-color:#6e2b38!important}

/* One navigation grammar inside every module. */
#app-shell .cargas-mode-toggle,#app-shell .plan-v38-tabs,#app-shell .fr-tabs,#app-shell .isak-tabs,#app-shell .pm-pro-tabs,
#app-shell .salud-tabs,#app-shell .subtabs,#app-shell [class*="-tabs"]{gap:4px!important;padding:5px!important;background:#09141b!important;border:1px solid #283945!important;border-radius:13px!important}
#app-shell .cargas-mode-toggle button,#app-shell .plan-v38-tabs button,#app-shell .fr-tabs button,#app-shell .isak-tabs button,
#app-shell .pm-pro-tabs button,#app-shell .salud-tabs button,#app-shell .subtabs button,#app-shell [class*="-tabs"] button{color:#8095a3!important;background:transparent!important;border:0!important;border-radius:9px!important}
#app-shell .cargas-mode-toggle button.active,#app-shell .plan-v38-tabs button.active,#app-shell .fr-tabs button.active,
#app-shell .isak-tabs button.active,#app-shell .pm-pro-tabs button.active,#app-shell .salud-tabs button.active,#app-shell .subtabs button.active,#app-shell [class*="-tabs"] button.active{color:#fff!important;background:#1a3040!important;box-shadow:inset 0 -2px 0 var(--blue)!important}

/* Player / availability cards become compact roster tiles. */
#app-shell .player-card,#app-shell .player-load-card,#app-shell [class*="player-card"]{position:relative!important;background:linear-gradient(155deg,#142631,#0b1820)!important;border:1px solid #2c3f4b!important;border-radius:16px!important;overflow:hidden!important}
#app-shell .player-card:after,#app-shell .player-load-card:after{content:"";position:absolute;right:-42px;bottom:-55px;width:120px;height:120px;border:20px solid rgba(79,145,255,.055);border-radius:50%;pointer-events:none}
#app-shell .player-card h3,#app-shell .player-card strong,#app-shell .player-load-card h3,#app-shell .player-load-card strong{color:#fff!important}

/* Planning/calendar */
#app-shell [class*="calendar"],#app-shell [class*="calendario"],#app-shell [class*="month-grid"],#app-shell [class*="week-grid"]{border-color:#293b46!important}
#app-shell [class*="day-card"],#app-shell [class*="calendar-day"],#app-shell [class*="plan-day"]{color:#c7d4dc!important;background:#0c1921!important;border-color:#263944!important;border-radius:10px!important}
#app-shell [class*="day-card"]:hover,#app-shell [class*="calendar-day"]:hover,#app-shell [class*="plan-day"]:hover{background:#152a37!important;border-color:#4b6b7f!important}
#app-shell [class*="today"]{box-shadow:inset 0 0 0 2px var(--blue)!important}

/* Match console */
#app-shell [class*="match-console"],#app-shell [class*="partido-console"],#app-shell [class*="scoreboard"]{color:#fff!important;background:#07131b!important;border-color:#2d414e!important}
#app-shell [class*="scoreboard"] strong,#app-shell [class*="score"]{color:#fff!important;font-weight:950!important;letter-spacing:-.04em!important}
#app-shell [class*="court"],#app-shell [class*="pitch"]{border-color:#496171!important;background:#102a37!important}

/* Alerts, statuses and explanatory notes */
#app-shell .help-block,#app-shell .info-banner,#app-shell [class*="-notice"],#app-shell [class*="-guide"]{color:#b9cbe0!important;background:#10243a!important;border:1px solid #264f76!important;border-radius:12px!important}
#app-shell .badge,#app-shell [class*="status-badge"],#app-shell [class*="-pill"]{border-radius:99px!important}
#app-shell .success,#app-shell .status-ok,#app-shell [class*="optimal"]{color:var(--green)!important}
#app-shell .warning,#app-shell .status-warning,#app-shell [class*="alert"]{color:var(--amber)!important}
#app-shell .danger,#app-shell .status-danger,#app-shell [class*="critical"]{color:var(--red)!important}

/* Modal workspaces */
#app-shell .modal-overlay{background:rgba(1,5,8,.82)!important;backdrop-filter:blur(9px)!important}
#app-shell .modal,#app-shell .modal-content,#app-shell [class*="modal-card"]{color:var(--ink)!important;background:#0d1a23!important;border:1px solid #314652!important;border-radius:21px!important;box-shadow:0 40px 120px rgba(0,0,0,.55)!important}
#app-shell .modal-header,#app-shell [class*="modal-head"]{color:#fff!important;background:#09161e!important;border-color:#2b3c47!important}
#app-shell .modal-header h2,#app-shell .modal-header h3,#app-shell [class*="modal-head"] h2,#app-shell [class*="modal-head"] h3{color:#fff!important}

/* Dashboard-specific hierarchy. */
#app-shell #inicio-wrap .command-home__scorestrip{padding:7px!important}
#app-shell #inicio-wrap .command-home__scorestrip>.kpi-card{background:#0f1d26!important;border:1px solid transparent!important;border-radius:12px!important}
#app-shell #inicio-wrap .dashboard-grid>*,#app-shell #inicio-wrap .command-home__main>*,#app-shell #inicio-wrap .command-home__priority{background:#0d1a23!important;border-color:#253641!important}
#app-shell .command-home__fixture{background:linear-gradient(145deg,#152f42,#081720)!important;border:1px solid #31506a!important;border-top:0!important}
#app-shell .command-home__fixture *{color:#eaf1f5!important}
#app-shell .command-home__shortcuts{background:transparent!important;border:0!important;box-shadow:none!important}
#app-shell .command-home__shortcuts .btn{justify-content:flex-start!important;background:#101f29!important;border:1px solid #293b46!important}

/* Load workspace: week, days, ACWR distribution and player analysis are one dark console. */
#app-shell #tab-cargas #cargas-mode-toggle,#app-shell #tab-externa .cargas-mode-toggle{
  position:relative!important;top:auto!important;width:max-content!important;margin:14px 0 18px!important;padding:5px!important;
  color:var(--ink-2)!important;background:#09141b!important;border:1px solid #293b47!important;border-radius:13px!important;
}
#app-shell #tab-cargas #cargas-mode-toggle .cargas-mode-btn,#app-shell #tab-externa .cargas-mode-toggle .cargas-mode-btn{color:#8398a6!important;background:transparent!important}
#app-shell #tab-cargas #cargas-mode-toggle .cargas-mode-btn.active,#app-shell #tab-externa .cargas-mode-toggle .cargas-mode-btn.active{color:#fff!important;background:#1b3140!important;box-shadow:inset 0 -2px 0 var(--blue)!important}
#app-shell #tab-cargas .load-week-navigator{padding:14px 16px!important;color:var(--ink)!important;background:#0d1a23!important;border:1px solid #293c48!important;border-radius:16px 16px 0 0!important}
#app-shell #tab-cargas .load-week-current span{color:#78909f!important}
#app-shell #tab-cargas .load-week-current strong{color:#fff!important}
#app-shell #tab-cargas .load-week-arrow,#app-shell #tab-cargas .load-week-today,#app-shell #tab-cargas .load-week-navigator select{color:#dce7ed!important;background:#101f29!important;border-color:#334955!important}
#app-shell #tab-cargas .load-week-today{color:#83b2ff!important}
#app-shell #tab-cargas .load-days-only{padding:8px!important;background:#09161e!important;border:1px solid #293c48!important;border-top:0!important}
#app-shell #tab-cargas .load-days-only .day-chip{color:#879aa7!important;background:#0d1c25!important;border-color:#263a46!important;border-radius:9px!important}
#app-shell #tab-cargas .load-days-only .day-chip.active{color:#fff!important;background:linear-gradient(145deg,#4f91ff,#4d3e88)!important;border-color:#6ea5ff!important;box-shadow:0 8px 20px rgba(47,125,244,.2)!important}
#app-shell #tab-cargas .load-sweetspot{padding:14px!important;background:#0d1a23!important;border:1px solid #293c48!important;border-radius:15px!important}
#app-shell #tab-cargas .load-sweetspot-copy>span{color:#78909f!important}
#app-shell #tab-cargas .load-sweetspot-copy strong{color:#fff!important}
#app-shell #tab-cargas .load-sweetspot-copy small{color:#8397a4!important}
#app-shell #tab-cargas .load-sweetspot-zones>div{color:#fff!important;background:#101f29!important;border:1px solid #2c404d!important;border-top-width:3px!important;border-radius:11px!important}
#app-shell #tab-cargas .load-sweetspot-zones>div span{color:#8fa2ae!important}
#app-shell #tab-cargas .load-sweetspot-zones [data-zone="sweet"]{background:#10271f!important;border-top-color:var(--green)!important}
#app-shell #tab-cargas .load-player-toolbar,#app-shell #tab-cargas .load-player-summary article,#app-shell #tab-cargas .load-player-chart,#app-shell #tab-cargas .load-recent,#app-shell #tab-cargas .load-context{color:var(--ink)!important;background:#0d1a23!important;border:1px solid #293c48!important;border-radius:16px!important}
#app-shell #tab-cargas .load-player-toolbar span,#app-shell #tab-cargas .load-player-summary article span,#app-shell #tab-cargas .load-player-summary article small{color:#8296a4!important}
#app-shell #tab-cargas .load-player-summary article strong,#app-shell #tab-cargas .load-player-chart h3,#app-shell #tab-cargas .load-recent h3,#app-shell #tab-cargas .load-context h3{color:#fff!important}
#app-shell #tab-cargas .load-player-summary article.ratio{box-shadow:inset 0 3px 0 var(--blue)!important}
#app-shell #tab-cargas .load-spark{border-color:#2a3d49!important}
#app-shell #tab-cargas .load-spark i{background:linear-gradient(#69a1ff,#285fbd)!important}

/* Health triage rows follow the same roster language. */
#app-shell .availability-head{color:#748a98!important}
#app-shell .availability-row{color:#dce6ec!important;background:#0d1a23!important;border-color:#2a3d49!important;box-shadow:none!important}
#app-shell .availability-row:hover{background:#142630!important;border-color:#486070!important}
#app-shell .availability-player>i{color:#8eb9ff!important;background:#152c3d!important}
#app-shell .availability-player strong,#app-shell .availability-advice strong{color:#fff!important}
#app-shell .availability-player small,#app-shell .availability-state small,#app-shell .availability-advice small{color:#8296a3!important}
#app-shell .availability-state>b{color:#c8d4db!important;background:#172832!important}
#app-shell .tone-optimo .availability-state>b{color:#64e6b8!important;background:#102a22!important}
#app-shell .tone-alerta .availability-state>b{color:#ffd078!important;background:#302511!important}
#app-shell .tone-critico .availability-state>b{color:#ff8b98!important;background:#321820!important}

/* Roster workspace: selector, context and cards stay inside the same visual system. */
#app-shell #tab-perfiles .pf-context-strip{color:#b9cbe0!important;background:#10243a!important;border:1px solid #264f76!important;border-left:4px solid var(--blue)!important;border-radius:11px!important}
#app-shell #tab-perfiles #perfiles-hero select{color:#eef3f6!important;background:#0a161e!important;border-color:#30424e!important}
#app-shell #tab-perfiles .player-card,#app-shell #tab-perfiles .player-card *{color:#dce6ec!important}
#app-shell #tab-perfiles .player-card .player-name,#app-shell #tab-perfiles .player-card h3,#app-shell #tab-perfiles .player-card strong{color:#fff!important}
#app-shell #tab-perfiles .player-card small,#app-shell #tab-perfiles .player-card .pc-label{color:#8296a4!important}
#app-shell #tab-perfiles .injury-insights-grid{background:transparent!important;border:0!important;gap:8px!important}
#app-shell #tab-perfiles .injury-insights-grid>*{color:#dce6ec!important;background:#0d1a23!important;border:1px solid #293c48!important;border-radius:14px!important}

/* Subscription screen: no isolated light pricing template inside the dark product. */
#app-shell #tab-suscripcion .pricing-grid{gap:12px!important}
#app-shell #tab-suscripcion .pricing-card{color:#cbd7de!important;background:linear-gradient(155deg,#132630,#0b1820)!important;border:1px solid #314652!important;border-radius:20px!important;box-shadow:0 22px 54px rgba(0,0,0,.25)!important}
#app-shell #tab-suscripcion .pricing-card.recommended{background:linear-gradient(155deg,#173149,#0b1a25)!important;border-color:#4f91ff!important;box-shadow:0 22px 60px rgba(36,107,220,.18)!important}
#app-shell #tab-suscripcion .pricing-card h3,#app-shell #tab-suscripcion .pricing-card .price,#app-shell #tab-suscripcion .pricing-card strong{color:#fff!important}
#app-shell #tab-suscripcion .pricing-card p,#app-shell #tab-suscripcion .pricing-card li{color:#a9bbc6!important;border-color:#2b3d48!important}
#app-shell #tab-suscripcion .comparison-table,#app-shell #tab-suscripcion .faq-section,#app-shell #tab-suscripcion .faq-item,#app-shell #tab-suscripcion .staff-access-card{color:#c8d5dc!important;background:#0d1a23!important;border-color:#293c48!important}

/* Context messages use one dark, readable treatment in every module. */
#app-shell .pf-context-strip,#app-shell .plan-v38-guide,#app-shell .partidos-context-strip,#app-shell .module-context-strip{
  color:#b9cbe0!important;background:#10243a!important;border:1px solid #264f76!important;border-left:4px solid var(--blue)!important;border-radius:11px!important;
}
#app-shell .pf-context-strip *,#app-shell .plan-v38-guide *,#app-shell .partidos-context-strip *,#app-shell .module-context-strip *{color:inherit!important}

/* A first-team state is an onboarding action, not a broken select option. */
#app-shell .header-team-empty-cta{display:none!important}
#app-shell .header-team-switcher.is-empty{min-width:285px!important;padding:5px!important;background:#0e1d26!important;border:1px solid #304550!important;border-radius:12px!important}
#app-shell .header-team-switcher.is-empty>.header-team-icon,
#app-shell .header-team-switcher.is-empty>label,
#app-shell .header-team-switcher.is-empty>.header-team-manage{display:none!important}
#app-shell .header-team-switcher.is-empty .header-team-empty-cta{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:45px!important;padding:6px 11px!important;text-align:left!important;color:#f4f8fa!important;background:transparent!important;border:0!important;border-radius:8px!important;cursor:pointer!important}
#app-shell .header-team-switcher.is-empty .header-team-empty-cta:hover{background:#172b37!important}
#app-shell .header-team-empty-plus{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;color:#071017!important;background:var(--lime)!important;border-radius:9px!important;font-size:21px!important;font-weight:900!important}
#app-shell .header-team-empty-cta>span:last-child{display:grid!important;gap:1px!important}
#app-shell .header-team-empty-cta strong{color:#fff!important;font-size:12px!important}
#app-shell .header-team-empty-cta small{color:#8296a4!important;font-size:9px!important;font-weight:650!important}
#app-shell .empty-state{color:#a9bbc6!important;background:#0d1a23!important;border:1px dashed #3a505e!important;border-radius:16px!important}
#app-shell .empty-state .es-title{color:#fff!important}
#app-shell .empty-state .es-sub{color:#91a5b2!important}

@media(max-width:1100px){
  #app-shell .app-nav button{padding-inline:9px!important;font-size:11px!important}
  #app-shell .sidebar-brand:after{display:none}
}
@media(max-width:760px){
  #app-shell>.app-sidebar{height:calc(100vh - 38px)!important;padding:16px!important;background:#050d13!important}
  #app-shell>.app-header{height:58px!important;padding-inline:12px!important}
  #app-shell .tab-panel,#app-shell #inicio-wrap{padding:12px 10px 92px!important}
  #app-shell .tab-panel>.panel-header,#app-shell .tab-panel>.fr-hero,#app-shell .tab-panel>.isak-hero,
  #app-shell .tab-panel>.perfiles-hero,#app-shell .tab-panel>.load-hero,#app-shell .tab-panel>.module-hero,#app-shell .tab-panel>.page-hero,
  #app-shell #inicio-wrap .command-home__masthead{min-height:0!important;padding:20px 17px 20px 22px!important;border-radius:15px!important}
  #app-shell .tab-panel>.panel-header h2,#app-shell .tab-panel>.panel-header .panel-title,#app-shell #inicio-wrap .command-home__masthead h2{font-size:28px!important}
  #app-shell .kpi-grid,#app-shell #inicio-wrap .command-home__scorestrip{grid-template-columns:1fr 1fr!important;padding:5px!important;border-radius:13px!important}
  #app-shell .kpi-grid>div,#app-shell .kpi-card,#app-shell #inicio-wrap .command-home__scorestrip>.kpi-card{min-height:92px!important;padding:14px 12px!important}
  #app-shell .card{padding:14px!important;border-radius:14px!important}
  #app-shell .table-wrap{border-radius:12px!important}
  #app-shell table thead th,#app-shell table tbody td{padding:10px!important}
  #app-shell .cargas-mode-toggle,#app-shell .plan-v38-tabs,#app-shell .fr-tabs,#app-shell .isak-tabs,#app-shell .pm-pro-tabs,#app-shell .salud-tabs,#app-shell .subtabs,#app-shell [class*="-tabs"]{overflow-x:auto!important;flex-wrap:nowrap!important}
  #app-shell>.app-sidebar{width:min(88vw,350px)!important;max-width:350px!important;overflow-y:auto!important}
  #app-shell .app-sidebar .app-nav{display:grid!important;grid-template-columns:1fr 1fr!important;align-content:start!important;gap:7px!important;width:100%!important;overflow:visible!important;padding:10px 0 28px!important}
  #app-shell .app-sidebar .app-nav>button{justify-content:flex-start!important;width:100%!important;min-width:0!important;margin:0!important;padding:11px 12px!important}
  #app-shell .app-sidebar .nav-submenu{position:static!important;grid-column:1/-1!important;width:100%!important;margin:0!important;box-shadow:none!important}
  #app-shell .header-team-switcher.is-empty{min-width:0!important;width:min(205px,58vw)!important}
  #app-shell .header-team-empty-cta small{display:none!important}
}
@media(max-width:390px){
  #app-shell .kpi-grid,#app-shell #inicio-wrap .command-home__scorestrip{grid-template-columns:1fr!important}
}