/* HFA Desktop Sports Management
   Final visual authority: classic enterprise structure, modern responsive execution.
   Compact sizing authority: the --hfa-font/space/control/row/panel/header tokens below. */

/* TOKENS ------------------------------------------------------------------- */
:root{
 --hfa-app-bg:#edf0ee;--hfa-workspace:#f8faf9;--hfa-panel:#fff;--hfa-panel-alt:#f3f5f4;
 --hfa-toolbar:#eef2f0;--hfa-toolbar-hover:#e5ebe8;--hfa-border:#d4dad6;--hfa-border-strong:#aeb9b2;
 --hfa-text:#17211b;--hfa-text-muted:#637068;--hfa-accent:#087654;--hfa-accent-hover:#066346;
 --hfa-accent-soft:#e3f1eb;--hfa-primary-bg:#087654;--hfa-primary-hover:#066346;--hfa-success:#147b58;--hfa-warning:#9a6717;--hfa-danger:#b63743;--hfa-focus:#2d8f70;
 --space-1:4px;--space-2:7px;--space-3:11px;--space-4:14px;--space-5:18px;--space-6:22px;--space-8:29px;--space-10:36px;--space-12:43px;
 --hfa-font-base:12.5px;--hfa-space-1:var(--space-1);--hfa-space-2:var(--space-2);--hfa-space-3:var(--space-3);--hfa-space-4:var(--space-4);--hfa-space-5:var(--space-5);--hfa-space-6:var(--space-6);--hfa-space-8:var(--space-8);
 --hfa-control-height:30px;--hfa-row-height:38px;--hfa-panel-padding:14px;--hfa-header-height:46px;--hfa-toolbar-height:38px;
 --hfa-radius-control:5px;--hfa-radius-panel:7px;--hfa-radius-dialog:9px;--hfa-workspace-max:1440px;
 --hfa-z-content:0;--hfa-z-sticky:80;--hfa-z-dropdown:90;--hfa-z-modal-backdrop:100;--hfa-z-modal:110;--hfa-z-toast:200;
 --bg:var(--hfa-app-bg);--panel:var(--hfa-panel);--panel-2:var(--hfa-panel-alt);--line:var(--hfa-border);
 --line-strong:var(--hfa-border-strong);--text:var(--hfa-text);--muted:var(--hfa-text-muted);--accent:var(--hfa-accent);--radius:var(--hfa-radius-panel);
 color-scheme:light;
}
:root[data-theme="dark"]{
 --hfa-app-bg:#171b19;--hfa-workspace:#1d221f;--hfa-panel:#222824;--hfa-panel-alt:#282f2b;
 --hfa-toolbar:#252c28;--hfa-toolbar-hover:#303934;--hfa-border:#3c4741;--hfa-border-strong:#58655e;
 --hfa-text:#edf2ef;--hfa-text-muted:#abb5af;--hfa-accent:#41b88a;--hfa-accent-hover:#55c799;
 --hfa-accent-soft:#203c31;--hfa-primary-bg:#087654;--hfa-primary-hover:#0a8861;--hfa-focus:#62c79f;color-scheme:dark;
}

/* APP SHELL --------------------------------------------------------------- */
html,body{background:var(--hfa-app-bg);color:var(--hfa-text)}body{font-size:var(--hfa-font-base)}
.hfa-utility-bar{height:26px!important;min-height:26px;padding-inline:max(var(--hfa-panel-padding),calc((100vw - var(--hfa-workspace-max))/2));border-bottom:1px solid var(--hfa-border);background:#e2e7e4!important;color:var(--hfa-text-muted)!important}
:root[data-theme="dark"] .hfa-utility-bar{background:#121613!important}.hfa-utility-brand strong,.hfa-utility-brand span{color:inherit!important}.hfa-utility-bar .btn{min-height:24px;border-color:transparent;background:transparent;color:inherit}
.hfa-global-nav{z-index:var(--hfa-z-sticky);height:var(--hfa-header-height);padding-inline:max(var(--hfa-panel-padding),calc((100vw - var(--hfa-workspace-max))/2));border-bottom:1px solid var(--hfa-border)!important;background:var(--hfa-panel)!important;color:var(--hfa-text)}
.hfa-global-brand,.hfa-global-brand strong,.hfa-global-brand small{color:var(--hfa-text)}.hfa-global-mark{border:1px solid #086348;border-radius:4px;background:var(--hfa-accent)}
.hfa-global-links{gap:1px;overflow:visible}.hfa-global-links>button,.hfa-global-more>summary{height:32px;padding:0 9px;border:1px solid transparent;border-radius:4px;color:var(--hfa-text-muted);font-size:11.5px;white-space:nowrap}
.hfa-global-links button:hover,.hfa-global-links button.active,.hfa-global-more[open]>summary,.hfa-global-more:has(button.active)>summary{border-color:var(--hfa-border);background:var(--hfa-toolbar);color:var(--hfa-text)}
.hfa-global-links button:after{right:7px;bottom:0;left:7px;height:2px}.hfa-global-links button.active:after{background:var(--hfa-accent)}
.hfa-global-actions .hfa-club-link{color:var(--hfa-accent)}.hfa-account-link{border-color:var(--hfa-border);color:var(--hfa-text)}
.hfa-global-more>div,.hfa-account-menu>div{border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);background:var(--hfa-panel);color:var(--hfa-text);box-shadow:0 5px 16px rgba(20,31,24,.12)}.hfa-global-more>div{right:auto;left:0;min-width:224px}.hfa-global-more[data-nav-group="more"]>div{right:0;left:auto}
.hfa-match-ticker{height:50px;border-bottom:1px solid var(--hfa-border);background:var(--hfa-panel)}.hfa-ticker-label{flex-basis:max(124px,calc((100vw - var(--hfa-workspace-max))/2 + 124px));background:var(--hfa-toolbar)}
.hfa-ticker-match{min-width:204px;padding-block:3px;border-right:1px solid var(--hfa-border)}.hfa-ticker-match.is-current{background:var(--hfa-accent-soft);color:var(--hfa-text)}
.app{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:calc(100% - 24px)!important;max-width:var(--hfa-workspace-max)!important;min-height:calc(100vh - 146px)!important;margin:12px auto 24px!important;padding:0!important;overflow:hidden;border:1px solid var(--hfa-border-strong);border-radius:var(--hfa-radius-dialog);background:var(--hfa-workspace);box-shadow:0 3px 12px rgba(20,31,24,.06)}
.sidebar{display:none!important}.main{min-width:0!important;background:var(--hfa-workspace)}.content{width:100%!important;max-width:none!important;margin:0!important;padding:0 18px 20px!important}.hfa-mobile-header{display:none}.page{min-width:0}.page.active{animation:hfa-page-in .12s ease-out}

/* Dedicated MMC-like admin tree; never part of the public shell. */
.hfa-admin-sidebar{display:none;min-width:0;border-right:1px solid var(--hfa-border);background:var(--hfa-panel-alt)}body[data-area="admin"] .app{grid-template-columns:218px minmax(0,1fr)!important}body[data-area="admin"] .hfa-admin-sidebar{display:block}body[data-area="admin"] .hfa-match-ticker{display:none}
.hfa-admin-sidebar-title{display:grid;gap:2px;padding:11px 12px;border-bottom:1px solid var(--hfa-border);background:var(--hfa-toolbar)}.hfa-admin-sidebar-title span{color:var(--hfa-accent);font-size:9px;font-weight:850;letter-spacing:.12em}.hfa-admin-sidebar-title strong{font-size:12px}
.hfa-admin-tree{max-height:calc(100vh - 148px);padding:6px 0 14px;overflow-y:auto}.hfa-admin-tree section{display:grid;padding:6px 7px 4px}.hfa-admin-tree section>span{padding:2px 8px 4px;color:var(--hfa-text-muted);font-size:8.5px;font-weight:800;letter-spacing:.1em}
.hfa-admin-nav-item{position:relative;display:flex;align-items:center;gap:7px;width:100%;min-height:var(--hfa-control-height);padding:4px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--hfa-text-muted);font:inherit;font-size:10.5px;text-align:left;cursor:pointer}.hfa-admin-nav-item svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.hfa-admin-nav-item:hover{border-color:var(--hfa-border);background:var(--hfa-panel);color:var(--hfa-text)}.hfa-admin-nav-item.active{border-color:var(--hfa-border);background:var(--hfa-panel);color:var(--hfa-text);font-weight:750}.hfa-admin-nav-item.active:before{content:"";position:absolute;top:3px;bottom:3px;left:-8px;width:3px;background:var(--hfa-accent)}

/* TOOLBAR ------------------------------------------------------------------ */
.hfa-application-toolbar{display:flex;align-items:stretch;justify-content:space-between;min-height:var(--hfa-toolbar-height);margin:0 -18px 14px;border-bottom:1px solid var(--hfa-border);background:var(--hfa-toolbar)}.hfa-toolbar{display:flex;align-items:center;min-width:0}.hfa-toolbar-group{gap:3px;padding:3px 9px}.hfa-toolbar-context{overflow:hidden}.hfa-toolbar-actions{justify-content:flex-end;overflow-x:auto;scrollbar-width:none}
.hfa-toolbar-breadcrumb{overflow:hidden;color:var(--hfa-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hfa-toolbar-breadcrumb i{padding:0 5px;color:var(--hfa-border-strong);font-style:normal}.hfa-toolbar-breadcrumb strong{color:var(--hfa-text);font-weight:750}.hfa-toolbar-divider{width:1px;height:20px;margin:0 4px;background:var(--hfa-border)}.hfa-toolbar-status{overflow:hidden;color:var(--hfa-text-muted);font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.hfa-toolbar-action,.hfa-command{min-height:28px;padding:0 8px;border:1px solid transparent;border-radius:var(--hfa-radius-control);background:transparent;color:var(--hfa-text-muted);font:inherit;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.hfa-toolbar-action:hover,.hfa-command:hover{border-color:var(--hfa-border);background:var(--hfa-panel);color:var(--hfa-text)}.hfa-toolbar-action.active{border-color:var(--hfa-border-strong);background:var(--hfa-panel);color:var(--hfa-accent);box-shadow:inset 0 -2px var(--hfa-accent)}.hfa-toolbar-action.primary{border-color:var(--hfa-primary-bg);background:var(--hfa-primary-bg);color:#fff;box-shadow:none}.hfa-toolbar-action.primary:hover{background:var(--hfa-primary-hover)}

/* WINDOW / PANELS ---------------------------------------------------------- */
.hfa-window,.hfa-panel{overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-panel);background:var(--hfa-panel)}.hfa-window-titlebar{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:6px 10px;border-bottom:1px solid var(--hfa-border);background:var(--hfa-toolbar);font-size:13px;font-weight:700}.hfa-statusbar{display:flex;align-items:center;min-height:24px;padding:3px 9px;border-top:1px solid var(--hfa-border);background:var(--hfa-toolbar);color:var(--hfa-text-muted);font-size:9.5px}
.hfa-properties{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);border:1px solid var(--hfa-border)}.hfa-properties>*{min-height:31px;padding:7px 9px;border-bottom:1px solid var(--hfa-border)}.hfa-properties>:nth-child(odd){background:var(--hfa-panel-alt);color:var(--hfa-text-muted);font-size:10.5px}.hfa-listview{overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);background:var(--hfa-panel)}
.hfa-enterprise-page{min-width:0;color:var(--hfa-text)}.hfa-enterprise-page>.pagehead,.hfa-enterprise-page .admin-command>.pagehead,.hfa-enterprise-page .admin-tool-head{min-height:48px;margin:0 0 10px;padding:0 0 9px;border-bottom:1px solid var(--hfa-border)!important;background:transparent!important}.hfa-enterprise-page .pagehead h2,.hfa-enterprise-page .transfer-pagehead h2{font-size:22px;letter-spacing:-.02em}.hfa-enterprise-page .pagehead p,.hfa-enterprise-page .transfer-pagehead p{font-size:11.5px}.hfa-enterprise-page .page-kicker,.hfa-enterprise-page .kicker,.hfa-enterprise-page .home-kicker{font-size:8.5px;letter-spacing:.1em}.hfa-enterprise-page .card,.hfa-enterprise-page .home-surface{border-color:var(--hfa-border);border-radius:var(--hfa-radius-panel);background:var(--hfa-panel);box-shadow:none}.hfa-enterprise-page .section-title{padding-bottom:8px;border-bottom:1px solid var(--hfa-border)}

/* FORMS ------------------------------------------------------------------- */
.hfa-enterprise-page .btn,.modal .btn{min-height:var(--hfa-control-height);padding-block:4px;border-radius:var(--hfa-radius-control);font-size:10.5px;box-shadow:none}.hfa-enterprise-page .btn.primary,.modal .btn.primary{border-color:var(--hfa-primary-bg);background:var(--hfa-primary-bg);color:#fff}.hfa-enterprise-page .btn.danger,.modal .btn.danger{color:var(--hfa-danger)}
.hfa-enterprise-page .toolbar{position:static;display:flex;align-items:end;gap:7px;margin:0 0 10px;padding:6px 8px;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);background:var(--hfa-toolbar);backdrop-filter:none}.hfa-enterprise-page .toolbar .field{min-width:136px;gap:2px}.hfa-enterprise-page .toolbar .field.search{min-width:200px}.hfa-enterprise-page .field label{font-size:9.5px;text-transform:uppercase;letter-spacing:.035em}
.hfa-enterprise-page input,.hfa-enterprise-page select,.modal input,.modal select{min-height:32px;border-color:var(--hfa-border-strong);border-radius:var(--hfa-radius-control);background:var(--hfa-panel);color:var(--hfa-text);font-size:11px}.hfa-enterprise-page textarea,.modal textarea{border-color:var(--hfa-border-strong);border-radius:var(--hfa-radius-control);background:var(--hfa-panel);color:var(--hfa-text)}.hfa-enterprise-page .formgrid{gap:var(--hfa-space-3)}.hfa-enterprise-page :is(button,input,select,textarea,a):focus-visible,.modal :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--hfa-focus);outline-offset:2px}

/* TABS -------------------------------------------------------------------- */
.hfa-enterprise-page .scope-switch,.hfa-enterprise-page .stats-mobile-nav,.hfa-enterprise-page .player-profile-tabs,.hfa-enterprise-page .competition-detail-tabs,.hfa-enterprise-page .players-area-tabs,.hfa-enterprise-page .history-tabs{min-height:34px;border-radius:0!important;background:transparent!important}.hfa-enterprise-page :is(.scope-switch,.stats-mobile-nav,.player-profile-tabs,.competition-detail-tabs,.players-area-tabs,.history-tabs)>button{min-height:34px;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hfa-enterprise-page :is(.scope-switch,.stats-mobile-nav,.player-profile-tabs,.competition-detail-tabs,.players-area-tabs,.history-tabs)>button.active{border-bottom-color:var(--hfa-accent)!important;color:var(--hfa-accent)!important}

/* LISTVIEW / TABLES -------------------------------------------------------- */
.hfa-enterprise-page .table-wrap,.hfa-enterprise-page .transfer-table-wrap{overflow:auto;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);background:var(--hfa-panel)}.hfa-enterprise-page .table,.hfa-enterprise-page .transfer-table{border-collapse:collapse}.hfa-enterprise-page .table th,.hfa-enterprise-page .transfer-table th{height:29px;padding:5px 8px;border-bottom:1px solid var(--hfa-border-strong);background:var(--hfa-toolbar);color:var(--hfa-text-muted);font-size:9.5px;font-weight:750;text-align:left}.hfa-enterprise-page .table td,.hfa-enterprise-page .transfer-table td{height:var(--hfa-row-height);padding:5px 8px;border-bottom:1px solid var(--hfa-border)}.hfa-enterprise-page .table tbody tr:hover,.hfa-enterprise-page .transfer-table tbody tr:hover{background:var(--hfa-accent-soft)}.hfa-enterprise-page .table :is(td,th).num,.hfa-enterprise-page .transfer-table :is(td,th).num{text-align:right;font-variant-numeric:tabular-nums}
.hfa-player-list,.hfa-team-list,.players-sports-list{gap:0!important;overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);background:var(--hfa-panel)}.hfa-player-list-head,.hfa-team-list-head{min-height:29px;background:var(--hfa-toolbar)}.hfa-player-list-row,.hfa-team-list>button,.player-sports-row{min-height:42px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--hfa-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hfa-player-list-row:last-child,.hfa-team-list>button:last-child,.player-sports-row:last-child{border-bottom:0!important}.hfa-player-list-row:hover,.hfa-team-list>button:hover,.player-sports-row:hover{background:var(--hfa-accent-soft)!important}

/* PUBLIC PAGES ------------------------------------------------------------ */
.hfa-enterprise-page--dashboard{max-width:1400px;margin:auto}.hfa-enterprise-page--dashboard .home-page-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 10px;padding:0 0 9px;border-bottom:1px solid var(--hfa-border)}.hfa-enterprise-page--dashboard .home-page-heading h1{margin:2px 0 0;font-size:23px}.hfa-enterprise-page--dashboard .home-main{display:grid;gap:0;overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-panel);background:var(--hfa-panel)}.hfa-enterprise-page--dashboard .home-main>section,.hfa-enterprise-page--dashboard .home-main>.home-sports-grid{margin:0!important;border:0!important;border-bottom:1px solid var(--hfa-border)!important;border-radius:0!important}.hfa-enterprise-page--dashboard .home-main>section:last-child{border-bottom:0!important}.hfa-enterprise-page--dashboard .home-sports-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:0}.hfa-enterprise-page--dashboard .home-next-match{border:0!important;border-right:1px solid var(--hfa-border)!important}.hfa-enterprise-page--dashboard .home-sports-side{border:0!important;border-radius:0!important}.hfa-enterprise-page--dashboard .home-results,.hfa-enterprise-page--dashboard .home-news,.hfa-enterprise-page--dashboard .home-social-preview{padding:12px 14px}.hfa-enterprise-page--dashboard .home-results-grid{gap:0;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);overflow:hidden}.hfa-enterprise-page--dashboard .home-result-card{border:0!important;border-right:1px solid var(--hfa-border)!important;border-radius:0!important}.hfa-enterprise-page--dashboard .home-numbers-grid{display:flex}.hfa-enterprise-page--dashboard .home-number-item{flex:1;border-right:1px solid var(--hfa-border)}.hfa-enterprise-page--dashboard .home-club-promo{border-radius:0!important}
.competition-catalog{display:grid;gap:0!important;overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);background:var(--hfa-panel)}.competition-catalog-card{min-height:70px;margin:0!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid var(--hfa-border)!important;border-radius:0!important;background:var(--hfa-panel)!important;box-shadow:none!important}.competition-catalog-card:last-child{border-bottom:0!important}.competition-catalog-card:hover,.competition-catalog-card:focus-within{background:var(--hfa-accent-soft)!important}
.competition-detail-hero,.player-profile-hero{min-height:94px;padding:12px 14px!important;border:1px solid var(--hfa-border)!important;border-radius:var(--hfa-radius-panel)!important;background:var(--hfa-panel)!important;color:var(--hfa-text)!important;box-shadow:none!important}.competition-detail-hero h1,.player-profile-name h2{font-size:23px!important}.hfa-detail-layout,.hfa-stats-layout{gap:0!important;overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-panel);background:var(--hfa-panel)}.hfa-detail-rail,.hfa-stats-rail{border-left:1px solid var(--hfa-border);background:var(--hfa-panel-alt)}.hfa-stats-main{padding:10px}.stats-kpi-grid{gap:0!important;overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control)}.stats-kpi{border:0!important;border-right:1px solid var(--hfa-border)!important;border-radius:0!important;box-shadow:none!important}
.hfa-match-gallery-public{gap:8px}.hfa-match-gallery-public section{border-radius:var(--hfa-radius-panel)}.hfa-match-gallery-public section>header{padding:6px 10px;background:var(--hfa-toolbar)}.hfa-match-gallery-public section>button{min-height:44px;padding:5px 10px}.transfer-pagehead{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--hfa-border)}.transfer-surface{overflow:hidden;border-radius:var(--hfa-radius-control)}.transfer-row{border-radius:0;box-shadow:none}
.editorial-feature{overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-panel)}.editorial-main,.editorial-list{border-radius:0}.news-card{border-radius:var(--hfa-radius-control);box-shadow:none}.news-article{border-radius:var(--hfa-radius-panel)}.news-article h1{font-size:29px}
.bible-layout,.history-layout{overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-panel);background:var(--hfa-panel)}.bible-main,.history-main{padding:12px}.bible-rail,.history-rail{height:100%;border-width:0 0 0 1px;border-radius:0;background:var(--hfa-toolbar)}.history-season-chips button{border-radius:var(--hfa-radius-control)}.history-timeline>*{border-radius:var(--hfa-radius-control);box-shadow:none}

/* SOCIAL ------------------------------------------------------------------ */
.hfa-enterprise-page--social .social-gallery{grid-template-columns:repeat(4,minmax(220px,280px));justify-content:center;gap:12px}.hfa-enterprise-page--social .social-tile{gap:0;overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);background:var(--hfa-panel)}.hfa-enterprise-page--social .social-tile-media{border-radius:0}.hfa-enterprise-page--social .social-tile-meta{min-height:34px;padding:5px 7px;border-top:1px solid var(--hfa-border);background:var(--hfa-toolbar)}
.modal[data-variant="media-inspector"]{display:block;width:min(1080px,calc(100vw - 40px));max-width:1080px;height:min(720px,calc(100dvh - 40px));max-height:720px;overflow:hidden;border:1px solid var(--hfa-border-strong);border-radius:var(--hfa-radius-dialog);background:var(--hfa-panel)}.modal[data-variant="media-inspector"] .modal-head{position:absolute;top:6px;right:6px;z-index:5;width:34px;height:34px;padding:0;border:0;background:transparent}.modal[data-variant="media-inspector"] .modal-head h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.modal[data-variant="media-inspector"] .closex{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:rgba(12,16,14,.78);color:#fff;font-size:20px}.modal[data-variant="media-inspector"] .modal-body{height:100%;padding:0;overflow:hidden}.modal[data-variant="media-inspector"] .modal-foot[hidden]{display:none}.modal[data-variant="media-inspector"] .social-detail{display:grid;width:100%;height:100%;min-width:0;min-height:0;grid-template-columns:minmax(0,1.75fr) minmax(320px,.9fr);overflow:hidden}.modal[data-variant="media-inspector"] .social-detail-media{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;height:100%;max-height:none;background:#242927;overflow:hidden}.modal[data-variant="media-inspector"] .social-detail-media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.modal[data-variant="media-inspector"] .social-detail-info{min-width:0;min-height:0;height:100%;max-height:none;padding:17px 16px;overflow-x:hidden;overflow-y:auto;border-left:1px solid var(--hfa-border);background:var(--hfa-panel)}

/* ACCOUNT / CLUB / ADMIN --------------------------------------------------- */
.modal[data-variant=media-inspector] .btn{min-height:32px}
.hfa-club-brand{min-height:94px!important;border-radius:var(--hfa-radius-panel)!important;background:#254438!important;color:#fff!important}.hfa-club-brand h1{color:#fff!important}.hfa-club-brand p{color:#d1ddd7!important}.my-hfa-shell{display:grid;gap:0;overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-panel);background:var(--hfa-panel)}.my-hfa-shell>.pagehead,.my-hfa-shell>section{margin:0;padding:12px 14px;border:0;border-bottom:1px solid var(--hfa-border);border-radius:0;box-shadow:none}.my-hfa-hero{min-height:96px;border-radius:0;background:var(--hfa-toolbar);color:var(--hfa-text);box-shadow:none}.my-hfa-hero p{color:var(--hfa-text-muted)}
.hfa-enterprise-page--admin,.admin-command,.admin-tool-shell{min-width:0}.admin-quick{display:flex;align-items:center;gap:11px;margin-bottom:10px;padding:6px 8px;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);background:var(--hfa-toolbar)}.admin-quick h3{margin:0;font-size:10.5px;white-space:nowrap}.admin-quick>div{display:flex;gap:4px;flex-wrap:wrap}.admin-kpis{display:flex!important;gap:0!important;margin-bottom:14px;overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-panel)}.admin-kpis>.metric{flex:1;min-width:0;padding:9px 10px!important;border:0!important;border-right:1px solid var(--hfa-border)!important;border-radius:0!important;background:var(--hfa-panel);text-align:left;box-shadow:none!important}.admin-kpis>.metric:last-child{border-right:0!important}.admin-kpis .value{font-size:19px!important}.admin-management-sections{gap:11px 18px!important}.admin-management-grid button{min-height:40px!important;background:var(--hfa-panel)}.admin-tool-rows{gap:0!important;overflow:hidden;border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control)}.admin-tool-row{min-height:40px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--hfa-border)!important;border-radius:0!important;background:var(--hfa-panel)!important;box-shadow:none!important}.admin-tool-row:last-child{border-bottom:0!important}

/* MODALS / MENUS ----------------------------------------------------------- */
.modal-back{z-index:var(--hfa-z-modal-backdrop)}.toast{z-index:var(--hfa-z-toast)}
.modal:not([data-variant="media-inspector"]){border:1px solid var(--hfa-border-strong);border-radius:var(--hfa-radius-dialog);box-shadow:0 12px 38px rgba(12,20,15,.18)}.modal:not([data-variant="media-inspector"]) .modal-head,.modal:not([data-variant="media-inspector"]) .modal-foot{padding:8px 11px;border-color:var(--hfa-border);background:var(--hfa-toolbar)}.modal:not([data-variant="media-inspector"]) .modal-head h3{font-size:14px}.modal:not([data-variant="media-inspector"]) .modal-body{padding:11px}.modal .formgrid{gap:8px}.modal .player-form-sections{gap:9px}.modal .player-form-sections fieldset{padding:10px;border-radius:var(--hfa-radius-control)}.admin-row-menu>div,.competition-admin-actions>div{border:1px solid var(--hfa-border);border-radius:var(--hfa-radius-control);background:var(--hfa-panel);box-shadow:0 4px 14px rgba(12,20,15,.12)}
.hfa-action-menu-portal{position:fixed!important;right:auto!important;bottom:auto!important;z-index:var(--hfa-z-dropdown)!important;display:grid!important;gap:2px;min-width:184px;max-width:calc(100vw - 16px);padding:5px!important;overflow:auto;border:1px solid var(--hfa-border)!important;border-radius:var(--hfa-radius-control)!important;background:var(--hfa-panel)!important;color:var(--hfa-text)!important;box-shadow:0 7px 22px rgba(12,20,15,.18)!important}.hfa-action-menu-portal :is(button,a){justify-content:flex-start;min-height:32px;border:0;background:transparent;color:var(--hfa-text);text-align:left;white-space:nowrap}.hfa-action-menu-portal :is(button,a):hover,.hfa-action-menu-portal :is(button,a):focus-visible{background:var(--hfa-toolbar-hover)}.hfa-action-menu-group{display:grid;gap:2px}.hfa-action-menu-group+.hfa-action-menu-group{margin-top:3px;padding-top:4px;border-top:1px solid var(--hfa-border)}
.modal-open .hfa-action-menu-portal{z-index:calc(var(--hfa-z-modal) + 1)!important}

/* RESPONSIVE --------------------------------------------------------------- */
@media(min-width:901px) and (max-width:1120px){.hfa-enterprise-page--social .social-gallery{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}}
@media(max-width:1100px){.app{width:calc(100% - 16px)!important;margin-top:8px!important}body[data-area="admin"] .app{grid-template-columns:188px minmax(0,1fr)!important}.hfa-enterprise-page--dashboard .home-sports-grid{grid-template-columns:1fr}.hfa-enterprise-page--dashboard .home-next-match{border-right:0!important;border-bottom:1px solid var(--hfa-border)!important}.admin-kpis{display:grid!important;grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){body[data-area="admin"] .app{grid-template-columns:minmax(0,1fr)!important}body[data-area="admin"] .hfa-admin-sidebar{display:none}.hfa-enterprise-page--social .social-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--hfa-font-base:13px;--hfa-control-height:44px;--hfa-row-height:44px}.hfa-global-nav{height:52px}.hfa-match-ticker{height:54px}.app,.app[style],body[data-area="admin"] .app{display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;border:0;border-radius:0;box-shadow:none}.content{padding:0 12px calc(var(--mobile-nav-height) + 20px)!important}.hfa-application-toolbar{min-height:40px;margin:0 -12px 13px;overflow-x:auto}.hfa-toolbar-group{padding:3px 7px}.hfa-toolbar-context{flex:0 0 auto}.hfa-toolbar-status,.hfa-toolbar-divider{display:none}.hfa-toolbar-actions{flex:0 0 auto;overflow:visible}.hfa-toolbar-action{min-height:44px}.hfa-enterprise-page>.pagehead{min-height:48px}.hfa-enterprise-page .pagehead h2,.hfa-enterprise-page .transfer-pagehead h2{font-size:22px!important}.hfa-enterprise-page .toolbar{display:flex;padding:7px;overflow-x:auto;flex-wrap:nowrap}.hfa-enterprise-page .toolbar .field{flex:0 0 145px}.hfa-enterprise-page .toolbar .field.search{flex-basis:205px}.hfa-enterprise-page input,.hfa-enterprise-page select,.modal:not([data-variant="media-inspector"]) input,.modal:not([data-variant="media-inspector"]) select{min-height:44px}.hfa-enterprise-page .btn,.modal:not([data-variant="media-inspector"]) .btn,.hfa-action-menu-portal :is(button,a){min-height:44px}.hfa-player-list-row,.hfa-team-list>button,.player-sports-row,.admin-management-grid button,.admin-tool-row{min-height:56px!important}.hfa-enterprise-page--social .social-gallery{gap:10px 8px}.modal[data-variant="media-inspector"]{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);border-radius:var(--hfa-radius-dialog)}.modal[data-variant="media-inspector"] .social-detail{display:flex;flex-direction:column;overflow:visible}.modal[data-variant="media-inspector"] .social-detail-media{height:min(70vh,620px)}.modal[data-variant="media-inspector"] .social-detail-info{height:auto;padding:12px;overflow:visible;border-top:1px solid var(--hfa-border);border-left:0}.modal[data-variant="media-inspector"] .modal-body{overflow-y:auto;overflow-x:hidden}.admin-kpis{grid-template-columns:repeat(2,1fr)}.news-article h1{font-size:26px!important}.bible-layout,.history-layout{border-right:0;border-left:0;border-radius:0}.bible-main,.history-main{padding:10px}.bible-rail,.history-rail{border-width:1px 0 0!important}}
/* On phones the generic modal used an auto-height body inside a max-height shell. That made
   the inspector's media and sidebar one overflowing column. Give this variant a real viewport
   budget and two bounded rows so the image and the sidebar each fit instead of clipping. */
@media(max-width:760px){.modal[data-variant="media-inspector"]{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.modal[data-variant="media-inspector"] .modal-body{height:100%;overflow:hidden}.modal[data-variant="media-inspector"] .social-detail{display:grid;height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1.35fr) minmax(0,.85fr);overflow:hidden}.modal[data-variant="media-inspector"] .social-detail-media{height:auto;min-height:0}.modal[data-variant="media-inspector"] .social-detail-info{height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;border-top:1px solid var(--hfa-border);border-left:0}}
@media(max-width:760px){.modal[data-variant=media-inspector] .social-detail-info{padding:17px 16px}}
@media(max-width:359px){.hfa-enterprise-page--social .social-gallery{grid-template-columns:1fr}.admin-kpis{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--hfa-app-bg:#171b19;--hfa-workspace:#1d221f;--hfa-panel:#222824;--hfa-panel-alt:#282f2b;--hfa-toolbar:#252c28;--hfa-toolbar-hover:#303934;--hfa-border:#3c4741;--hfa-border-strong:#58655e;--hfa-text:#edf2ef;--hfa-text-muted:#abb5af;--hfa-accent:#41b88a;--hfa-accent-hover:#55c799;--hfa-accent-soft:#203c31;--hfa-primary-bg:#087654;--hfa-primary-hover:#0a8861;--hfa-focus:#62c79f;color-scheme:dark}}
@media(prefers-reduced-motion:reduce){.page.active{animation:none}}

/* Navegación HFA 2.0: seis destinos primarios, sin segunda fila ni overflow. */
@media(min-width:761px) and (max-width:1100px){.hfa-global-nav{grid-template-columns:58px minmax(0,1fr) auto;padding-inline:8px}.hfa-global-brand>span:last-child{display:none}.hfa-global-links>button,.hfa-global-more>summary{padding-inline:6px;font-size:10.5px}.hfa-global-more>summary:after{margin-left:3px}}
@media(max-width:760px){.mobile-bottom-nav,body[data-account-type="authenticated"] .mobile-bottom-nav,body[data-account-type="player"] .mobile-bottom-nav,body[data-account-type="admin"] .mobile-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-bottom-nav button{font-size:8px}.mobile-bottom-nav button span{max-width:58px}}