/* Club area preview, styled after the mockups in the Team Manager Upgrade brief */
#clubPreview { --cp-olive:#8c9a1b; --cp-olive-dark:#76831a; --cp-ink:#1f2328; --cp-muted:#6b7280; --cp-line:#e5e7eb; --cp-red:#d93025; --cp-red-bg:#fde2e1; max-width:1100px; margin:24px auto; color:var(--cp-ink); font-size:14px; }
#clubPreview .cp-nav { display:flex; align-items:center; gap:22px; background:#000; padding:12px 18px; border-radius:6px 6px 0 0; flex-wrap:wrap; }
#clubPreview .cp-nav a { color:#fff; text-decoration:none; font-weight:500; }
#clubPreview .cp-nav a.on { color:#f4d03f; font-weight:700; }
#clubPreview .cp-nav .cp-gear { margin-left:auto; opacity:.8; }
#clubPreview .cp-card { border:1px solid var(--cp-line); border-top:0; border-radius:0 0 6px 6px; padding:18px; background:#fff; overflow-x:auto; }
#clubPreview .cp-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
#clubPreview .cp-toggle { display:inline-flex; border:1px solid var(--cp-olive); border-radius:8px; overflow:hidden; }
#clubPreview .cp-toggle a { padding:7px 16px; color:var(--cp-olive); text-decoration:none; }
#clubPreview .cp-toggle a.on { background:var(--cp-olive); color:#fff; }
#clubPreview .cp-filters { display:flex; gap:8px; }
#clubPreview .cp-filters select, #clubPreview .cp-filters input { border:1px solid var(--cp-line); border-radius:6px; padding:6px 10px; height:auto; margin:0; width:auto; }
#clubPreview .cp-table { width:100%; border-collapse:collapse; margin-bottom:14px; }
#clubPreview .cp-table th { text-align:left; font-weight:600; padding:8px 10px; border-bottom:1px solid var(--cp-line); white-space:nowrap; }
#clubPreview .cp-table td { padding:10px; border-bottom:1px solid var(--cp-line); vertical-align:middle; }
#clubPreview .cp-table td:last-child { text-align:right; }
#clubPreview .cp-flag { background:var(--cp-red-bg); color:var(--cp-red); padding:2px 10px; border-radius:12px; white-space:nowrap; }
#clubPreview .cp-btn { display:inline-block; background:var(--cp-olive); color:#fff !important; opacity:1 !important; text-transform:none; border:1px solid var(--cp-olive); border-radius:5px; padding:5px 14px; font-size:13px; text-decoration:none; cursor:pointer; line-height:1.5; }
#clubPreview .cp-btn:hover { background:var(--cp-olive-dark); color:#fff; }
#clubPreview .cp-btn.cp-outline { background:#fff; color:var(--cp-olive) !important; }
#clubPreview .cp-bulk { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#clubPreview .cp-sel { color:var(--cp-muted); font-size:13px; }
#clubPreview .cp-pages { margin-left:auto; display:flex; gap:4px; }
#clubPreview .cp-pages a { padding:3px 9px; border:1px solid var(--cp-line); border-radius:4px; text-decoration:none; color:var(--cp-ink); }
#clubPreview .cp-pages a.on { background:var(--cp-olive); color:#fff; border-color:var(--cp-olive); }
#clubPreview .cp-muted, #clubPreview .cp-empty { color:var(--cp-muted); }
#clubPreview .cp-empty { text-align:center !important; padding:24px; }
#clubPreview #teamStats .w33 { width:33%; float:left; }
@media (max-width:700px) { #clubPreview { margin:12px 16px; } #clubPreview #teamStats .w33 { width:100%; float:none; } }
#clubPreview .cp-tag { font-size:11px; background:#eef0f3; color:var(--cp-muted); padding:1px 8px; border-radius:10px; margin-left:6px; white-space:nowrap; }
#clubPreview .cp-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:99999; align-items:flex-start; justify-content:center; padding:60px 16px; overflow-y:auto; }
#clubPreview .cp-modal.on { display:flex; }
#clubPreview .cp-box { background:#fff; border-radius:8px; padding:20px 22px; width:100%; max-width:520px; }
#clubPreview .cp-box h4 { margin:0 0 14px; }
#clubPreview .cp-box > label { display:block; margin-bottom:12px; font-weight:600; font-size:13px; }
#clubPreview .cp-box select, #clubPreview .cp-box input[type=date], #clubPreview .cp-box input[type=text], #clubPreview .cp-box input[type=search] { display:block; width:100%; margin-top:4px; border:1px solid var(--cp-line); border-radius:6px; padding:7px 10px; height:auto; font-weight:400; }
#clubPreview .cp-units { display:none; max-height:260px; overflow-y:auto; border:1px solid var(--cp-line); border-radius:6px; padding:8px 10px; margin-bottom:12px; }
#clubPreview .cp-check { display:block; font-weight:400; padding:3px 0; font-size:13px; }
#clubPreview .cp-coach-results { max-height:260px; overflow-y:auto; margin:10px 0; }
#clubPreview .cp-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }