/* FBF Workspace Design System v1
   Lenguaje visual compartido entre Panel FBF y FBF Clubes 360. */
:root{
  --fbf-ink:#07291d;--fbf-ink-2:#164538;--fbf-muted:#6b8378;--fbf-bg:#edf4f0;
  --fbf-surface:#fff;--fbf-line:rgba(7,66,44,.11);--fbf-line-strong:rgba(7,66,44,.18);
  --fbf-green:#087a4d;--fbf-green-bright:#12a767;--fbf-gold:#f5bd16;--fbf-red:#e43a42;
  --fbf-blue:#5369e8;--fbf-radius:22px;--fbf-radius-sm:15px;
  --fbf-shadow:0 14px 40px rgba(7,52,36,.08),0 2px 8px rgba(7,52,36,.04);
  --fbf-shadow-float:0 22px 70px rgba(3,35,23,.16);
}
.club-portal-body,.admin-workspace-body{font-family:'Manrope','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-feature-settings:'ss01' 1,'cv11' 1;text-rendering:optimizeLegibility}
.club-portal-body button,.admin-workspace-body button,.club-portal-body input,.club-portal-body select,.admin-workspace-body input,.admin-workspace-body select{font:inherit}
.club-portal-body :focus-visible,.admin-workspace-body :focus-visible{outline:3px solid rgba(245,189,22,.5);outline-offset:2px}

/* Panel central de la Federación */
.admin-workspace-body{--bg-0:var(--fbf-bg);--bg-1:#fff;--bg-2:#e2eee7;--surface:#fff;--border:var(--fbf-line);--border-strong:var(--fbf-line-strong);--text-primary:var(--fbf-ink);--text-secondary:#35584b;--text-muted:var(--fbf-muted);background:radial-gradient(circle at 12% 8%,rgba(18,167,103,.08),transparent 28rem),var(--fbf-bg)!important}
.admin-workspace-body .app{max-width:1480px!important;margin:0 auto;background:transparent!important;padding:0 18px 32px}
.admin-workspace-body .app-header{height:76px;min-height:76px;top:4px;margin:0;padding:0 22px;border:1px solid var(--fbf-line);border-top:0;border-radius:0 0 22px 22px;background:rgba(255,255,255,.88)!important;box-shadow:0 10px 36px rgba(7,52,36,.07)!important;backdrop-filter:blur(20px) saturate(160%)}
.admin-workspace-body .app-header .brand{gap:12px}.admin-workspace-body .app-header .brand img{width:40px!important;height:48px!important;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(5,55,36,.12))!important}
.admin-workspace-body .brand-text strong{font-size:14px!important;letter-spacing:-.02em}.admin-workspace-body .brand-text span{font-size:9px!important;letter-spacing:.03em;text-transform:none;max-width:240px;overflow:hidden;text-overflow:ellipsis}
.admin-workspace-body .role-badge{padding:7px 11px;border:1px solid rgba(245,189,22,.26);background:#fff8dc;color:#806000;font-size:8px;letter-spacing:.06em}
.admin-workspace-body .icon-btn{width:40px;height:40px;border:1px solid var(--fbf-line);border-radius:13px;background:#fff;color:var(--fbf-ink)}
.admin-workspace-body .dash-layout{gap:20px!important}.admin-workspace-body .dash-main{padding-top:19px}
.admin-workspace-body .dash-sidebar{width:246px!important;top:99px!important;margin:18px 0 18px!important;padding:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;background:linear-gradient(170deg,#063326,#031e16)!important;box-shadow:var(--fbf-shadow-float)!important}
.admin-workspace-body .dash-sidebar a{min-height:44px;padding:10px 12px!important;border-radius:13px!important;color:rgba(255,255,255,.68)!important;font-size:12px!important;transition:background .18s ease,color .18s ease,transform .18s ease}
.admin-workspace-body .dash-sidebar a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:translateX(2px)}
.admin-workspace-body .dash-sidebar a.active{background:linear-gradient(135deg,#f3b912,#ffd84d)!important;color:#10241b!important;box-shadow:0 12px 28px rgba(245,189,22,.18)}
.admin-workspace-body .dash-sidebar a svg{width:18px!important;height:18px!important;stroke-width:1.8}.admin-workspace-body .dash-sidebar .side-label{color:rgba(255,255,255,.35)!important;padding-top:15px!important}
.admin-workspace-body .dash-section-title{margin:20px 0 10px!important;font-size:15px!important;letter-spacing:-.025em}.admin-workspace-body .dash-section-title:first-child{margin-top:0!important}
.admin-workspace-body .metrics-grid{gap:12px!important;margin-bottom:5px!important}.admin-workspace-body .metric-card{min-height:132px;padding:18px!important;border:1px solid var(--fbf-line)!important;border-radius:20px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--fbf-shadow)!important}
.admin-workspace-body .metric-card::after{left:0!important;right:auto!important;top:0!important;bottom:0!important;width:3px!important;height:auto!important;background:var(--metric-accent,var(--fbf-gold))!important}
.admin-workspace-body .metric-card .icon-circle{width:36px;height:36px;margin-bottom:11px;border-radius:12px;background:#eff7f2;color:var(--fbf-green)}
.admin-workspace-body .metric-card .num{font-size:30px!important;color:var(--fbf-ink)!important;letter-spacing:-.055em}.admin-workspace-body .metric-card .lbl{font-size:9px!important;letter-spacing:.075em}.admin-workspace-body .metric-card .sub{font-size:9.5px!important;color:var(--fbf-muted)!important}
.admin-workspace-body .chart-card,.admin-workspace-body .leader-card,.admin-workspace-body .agenda-row{border:1px solid var(--fbf-line)!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--fbf-shadow)!important}
.admin-workspace-body .chart-card{padding:18px!important;border-radius:20px!important}.admin-workspace-body .chart-bar-row{min-height:28px;margin-bottom:8px!important}.admin-workspace-body .chart-bar-row .track{height:8px!important;background:#e5eee9!important}.admin-workspace-body .chart-bar-row .fill{background:linear-gradient(90deg,#087a4d,#24bf78)!important}.admin-workspace-body .chart-bar-row .pts{color:var(--fbf-green)!important}
.admin-workspace-body .leader-card{border-radius:18px!important;padding:14px 16px!important}.admin-workspace-body .leader-card .rank-ic{background:linear-gradient(135deg,#f3b912,#ffd84d)!important}.admin-workspace-body .leader-card .val{color:var(--fbf-green)!important}
.admin-workspace-body .agenda-row{border-radius:16px!important;padding:12px 14px!important;margin-bottom:8px!important}.admin-workspace-body .agenda-row .when{color:#876500!important}
.admin-workspace-body .panel{padding-top:20px!important}.admin-workspace-body .form-field input,.admin-workspace-body .form-field select,.admin-workspace-body .form-field textarea{border-radius:13px!important;border-color:var(--fbf-line-strong)!important;box-shadow:0 1px 0 rgba(255,255,255,.7)}
.admin-workspace-body .btn-save,.admin-workspace-body .btn-mini{border-radius:13px!important}.admin-workspace-body .btn-save{background:linear-gradient(135deg,#087a4d,#12a767)!important;color:#fff!important}
.admin-workspace-body .module-card{border-radius:18px!important;border-color:var(--fbf-line)!important;box-shadow:var(--fbf-shadow)!important}

/* Home inteligente da Federação */
.admin-pulse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-pulse-card{min-height:132px;padding:17px;border:1px solid var(--fbf-line);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:var(--fbf-shadow)}
.admin-pulse-card .pulse-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e9f5ee;color:var(--fbf-green);margin-bottom:12px}.admin-pulse-card .pulse-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.admin-pulse-card strong{display:block;font-size:25px;line-height:1;letter-spacing:-.055em}.admin-pulse-card span{display:block;margin-top:7px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--fbf-muted)}.admin-pulse-card small{display:block;margin-top:5px;font-size:9.5px;color:var(--fbf-muted)}
.admin-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:14px;align-items:start}.admin-overview-grid>div{min-width:0}.admin-panel-card{padding:18px;border:1px solid var(--fbf-line);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:var(--fbf-shadow)}
.admin-competition-switcher{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 4px;padding:15px 17px;border:1px solid var(--fbf-line);border-radius:18px;background:linear-gradient(135deg,#063326,#092b20);color:#fff;box-shadow:var(--fbf-shadow)}.admin-competition-switcher span,.admin-competition-switcher strong{display:block}.admin-competition-switcher span{font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#5ddd9c}.admin-competition-switcher strong{margin-top:4px;font-size:12px}.admin-competition-switcher select{min-width:min(340px,45%);min-height:42px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#0c4835;color:#fff;font:700 10.5px Manrope,Arial,sans-serif}
.admin-donut-row{display:flex;align-items:center;gap:18px}.admin-donut{--value:75;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--fbf-green) calc(var(--value)*1%),#e5eee9 0);position:relative}.admin-donut::after{content:'';position:absolute;inset:11px;border-radius:50%;background:#fff}.admin-donut strong{position:relative;z-index:1;font-size:22px}.admin-donut-copy{display:grid;gap:8px;flex:1}.admin-donut-copy div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--fbf-muted)}.admin-donut-copy b{color:var(--fbf-ink)}

/* Ajustes compartidos de iconografía */
.club-portal-body svg,.admin-workspace-body svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1100px){.admin-pulse-grid{grid-template-columns:repeat(2,1fr)}.admin-overview-grid{grid-template-columns:1fr}}
@media(max-width:899px){
  .admin-workspace-body{padding-bottom:24px}.admin-workspace-body .app{padding:0 10px 22px}.admin-workspace-body .app-header{height:68px;min-height:68px;padding:0 13px;border-radius:0 0 18px 18px}.admin-workspace-body .app-header .brand img{width:34px!important;height:42px!important}.admin-workspace-body .brand-text span{max-width:150px}.admin-workspace-body .dash-main{padding-top:12px}.admin-workspace-body .dash-home,.admin-workspace-body .panel{padding-inline:4px!important}.admin-workspace-body .metrics-grid{grid-template-columns:repeat(2,1fr)!important}.admin-workspace-body .metric-card{min-height:120px;padding:15px!important}.admin-workspace-body .metric-card .num{font-size:25px!important}.admin-pulse-grid{grid-template-columns:repeat(2,1fr);gap:9px}.admin-pulse-card{min-height:116px;padding:14px}.admin-overview-grid{grid-template-columns:1fr}.admin-workspace-body .agenda-row{align-items:flex-start}.admin-workspace-body .agenda-row .where{max-width:90px}
}
@media(max-width:620px){.admin-competition-switcher{align-items:stretch;flex-direction:column}.admin-competition-switcher select{width:100%;min-width:0}}
@media(max-width:480px){.admin-workspace-body .role-badge{display:none}.admin-workspace-body .metrics-grid,.admin-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-workspace-body .metric-card,.admin-pulse-card{min-height:112px}.admin-workspace-body .metric-card .icon-circle{width:31px;height:31px}.admin-donut-row{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.club-portal-body *,.admin-workspace-body *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.admin-mobile-dock{display:none}
@media(max-width:899px){
  .admin-workspace-body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .admin-mobile-dock{position:fixed;z-index:1200;display:grid;grid-template-columns:repeat(5,1fr);left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));min-height:68px;padding:7px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(2,38,27,.94);box-shadow:0 20px 55px rgba(0,25,17,.3);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .admin-mobile-dock button{min-width:0;border:0;border-radius:17px;background:transparent;color:#9ab6aa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:700 8px/1.05 Manrope,Arial,sans-serif;overflow:hidden}
  .admin-mobile-dock button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
  .admin-mobile-dock button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .admin-mobile-dock button.active{background:linear-gradient(145deg,#ffd63f,#f2b705);color:#07281d;box-shadow:0 8px 22px rgba(242,183,5,.24)}
}