.club-experience #workspaceHeading { margin: 0 0 20px; flex-shrink: 0; }
.club-experience .initial-load-status { position: fixed; z-index: 1200; top: 12px; left: 16px; right: 16px; margin: 0; }
.experience-panel h1 { margin: 8px 0; font-size: clamp(1.6rem, 5vw, 2.3rem); }
.experience-panel h2 { margin: 0 0 12px; font-size: 1.15rem; }
.experience-intro { color: #becfd9; line-height: 1.6; }
.experience-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; margin: 20px 0; }
.experience-card, .pitch-player { min-width: 0; padding: 20px; border: 1px solid #3c5967; border-radius: 16px; background: #0d202a; color: #f4f8fa; overflow-wrap: anywhere; }
.experience-card p, .pitch-player p { color: #c3d3dc; line-height: 1.5; }
.experience-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.experience-panel button, .callup-preview button, .callup-preview a { min-height: 46px; padding: 12px 16px; margin: 3px; background: #164b48; color: #f0fffb; border: 1px solid #4d9485; border-radius: 10px; font: inherit; cursor: pointer; }
.experience-panel button:disabled { opacity: .55; cursor: not-allowed; }
.experience-panel :focus-visible, .club-dock :focus-visible, .callup-preview :focus-visible { outline: 3px solid #ffd166; outline-offset: 3px; }
.experience-field { display: grid; gap: 8px; min-width: 0; margin: 12px 0; font-weight: 700; }
.experience-field input, .experience-field select, .experience-field textarea, .callup-preview textarea { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; min-height: 48px; padding: 12px; border-radius: 9px; border: 1px solid #5c7b89; background: #06161e; color: #fff; font: inherit; color-scheme: dark; }
.experience-field textarea { min-height: 100px; }
.experience-save-state { padding: 14px; border-left: 4px solid #61d8ba; background: #102d35; color: #fff; line-height: 1.5; }
.pitch-roster { display: grid; gap: 12px; }
.pitch-buttons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.pitch-buttons button { margin: 0; padding: 12px 4px; min-width: 0; }
.pitch-buttons [aria-pressed="true"] { outline: 2px solid #fff; background: #17684c; }
.pitch-buttons [data-state="tarde"][aria-pressed="true"] { background: #79530c; }
.pitch-buttons [data-state="ausente"][aria-pressed="true"] { background: #8b293c; }
.pitch-buttons [data-state="justificada"][aria-pressed="true"] { background: #285c85; }
.callup-form fieldset { border: 1px solid #4b6a78; border-radius: 10px; min-width: 0; }
.callup-player { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 6px; cursor: pointer; }
.callup-player input { width: 24px; height: 24px; flex: 0 0 24px; }
.callup-preview { box-sizing: border-box; width: min(640px, calc(100vw - 24px)); max-height: 88dvh; overflow-y: auto; padding: 22px; border: 1px solid #527887; border-radius: 16px; background: #0d202a; color: #fff; }
.callup-preview::backdrop { background: #000b; }
.callup-preview textarea { min-height: 250px; margin-bottom: 16px; }
.callup-preview a { display: inline-block; box-sizing: border-box; text-decoration: none; }
.callup-player-row { padding: 10px 0; border-bottom: 1px solid #49616d; }
.callup-player-row .experience-field { font-size: 14px; margin-left: 12px; }
.callup-crest { width: 96px; height: 96px; object-fit: contain; background: transparent; padding: 5px; }
.callup-crop { display: block; width: min(100%, 384px); height: auto; margin: auto; background-color: #18323d; background-image: conic-gradient(#294550 25%, transparent 0 50%, #294550 0 75%, transparent 0); background-size: 20px 20px; }
.callup-poster-dialog { width: min(900px, calc(100vw - 24px)); }
.callup-poster-image { display: block; width: 100%; max-width: 650px; height: auto; margin: 12px auto; }
.club-dock { display: none; }
#clubDock[hidden], #btnPanelHoy[hidden] { display: none !important; }
@media (max-width: 900px) {
  .experience-staff #sidebar .menu-item { display: none !important; }
  .club-experience .panel { top: auto; margin-top: 12px; padding: 18px; }
  .experience-staff .panel { margin-bottom: calc(90px + env(safe-area-inset-bottom)); }
  .club-experience #workspaceHeading { padding: 12px; gap: 10px; }
  .club-experience #workspaceHeading img { width: 42px; height: 42px; flex-basis: 42px; }
  .club-dock { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); border-top: 1px solid #416170; background: #081922; }
  .club-dock button { min-width: 0; min-height: 48px; padding: 8px 4px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #cfdee8; font: 700 14px system-ui; }
  .club-dock [aria-current="page"] { border-color: #61d8ba; color: #70e6c7; background: #11382f; }
  .experience-card, .pitch-player { padding: 16px; }
  .pitch-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .experience-actions > button { flex: 1 1 140px; }
  .experience-grid { grid-template-columns: 1fr; }
}