/* ── Panel page (player cards, squad chips), minutes tracker, history, settings, modal shell ── */

/* PANEL */
#pg-panel{padding:13px 15px 110px;max-width:1200px;margin:0 auto;}
.pg-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;flex-wrap:wrap;gap:8px;}
.pg-hd h2{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:22px;font-weight:800;color:var(--cream);}
.pg-hd-account{font-size:12px;color:var(--muted);text-align:right;}
.add-form{background:var(--surf);border:1px solid var(--bdr);border-radius:16px;padding:14px 16px;margin-bottom:11px;display:none;box-shadow:0 4px 10px rgba(0,0,0,.06);}
.add-form.show{display:block;}
.form-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;}
.fg{display:flex;flex-direction:column;gap:3px;}
.fg label{font-size:10px;color:var(--green);font-family:-apple-system,'Roboto Condensed',sans-serif;letter-spacing:1px;text-transform:uppercase;font-weight:800;}
.fg input,.fg select{min-width:90px;width:auto;}
.filter-row{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px;align-items:center;}
.filter-lbl{font-size:11px;color:var(--muted);font-weight:600;}
.fchip{padding:4px 12px;border-radius:20px;border:1px solid var(--bdr);background:var(--surf);
  color:var(--muted);font-size:11px;cursor:pointer;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.fchip.on{background:var(--green);color:#fff;border-color:var(--green);}
.p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;}
/* Squad cards — tap to expand */
.p-card{background:var(--surf);border:1px solid var(--bdr);border-radius:16px;
  overflow:hidden;cursor:pointer;transition:box-shadow .15s;box-shadow:0 2px 6px rgba(0,0,0,.04);}
.p-card:active{box-shadow:0 0 0 3px rgba(21,128,61,.15);}
.p-card.card-G{border-left:4px solid var(--green);}
.p-card.card-W{border-left:4px solid #94a3b8;}
.p-card.card-Both{border-left:4px solid var(--tb-bdr);}
.p-card-main{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.p-info{flex:1;min-width:0;}
.p-n{font-weight:700;font-size:14px;color:var(--cream);}
.p-meta{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap;}
.p-skill{font-size:11px;color:#f59e0b;}
.p-mins-col{text-align:right;flex-shrink:0;}
.p-mins-val{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:22px;font-weight:800;color:var(--green);line-height:1;}
.p-mins-lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;}
.p-mins-col--lo .p-mins-val{color:#f59e0b;}
.p-mins-col--lo .p-mins-lbl{color:#f59e0b;font-weight:700;}
.p-drill{padding:0 14px 12px;border-top:1px solid var(--bdr);}
.p-drill-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px;}
/* Player card — new profile fields */
.p-jersey{font-size:11px;font-weight:700;color:var(--muted);margin-left:5px;}
.p-dom{font-size:10px;font-weight:800;color:var(--muted);background:var(--surf2);border:1px solid var(--bdr);border-radius:5px;padding:1px 5px;letter-spacing:.3px;}
.p-age{font-size:10px;color:var(--muted);}
.p-inactive-bdg{background:#334155;color:#94a3b8;border-radius:5px;font-size:10px;font-weight:800;padding:2px 7px;}
.p-notes{font-size:11px;color:var(--muted);margin-top:6px;margin-bottom:2px;font-style:italic;}
.p-card--inactive{opacity:.65;}
.p-card--inactive .p-n{color:var(--muted);}
.p-card--inactive.card-G{border-left-color:#334155;}
.p-card--inactive.card-W{border-left-color:#1e293b;}
/* Availability jersey badge */
.avail-jersey{font-size:10px;font-weight:700;color:var(--muted);}
/* Settings drag zone — inactive chip */
.pc-inactive{opacity:.55;text-decoration:line-through;}
.lo-warn{font-size:11px;color:var(--red);display:flex;align-items:center;gap:4px;margin-top:4px;}
.lo-warn [data-lucide]{width:11px;height:11px;}
.squad-stats-bar{font-size:12px;color:var(--muted);padding:2px 0 8px;font-weight:600;}
.bdgs{display:flex;gap:3px;margin-top:3px;flex-wrap:wrap;}
.bdg{font-size:10px;padding:2px 6px;border-radius:5px;font-family:-apple-system,'Roboto Condensed',sans-serif;font-weight:700;}
.bdg.pri{background:var(--green);color:#fff;} .bdg.sec{background:var(--dim);color:var(--green);border:1px solid rgba(22,163,74,.3);}
.p-actions{display:flex;flex-direction:column;gap:3px;flex-shrink:0;}
.des-sel{display:flex;gap:4px;flex-wrap:wrap;}
.des-btn{padding:5px 10px;border:1px solid var(--bdr);border-radius:8px;background:var(--surf2);
  color:var(--muted);cursor:pointer;font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:11px;font-weight:800;}
.des-btn.sel-G{background:var(--green);color:#fff;border-color:var(--green);}
.des-btn.sel-W{background:#475569;color:#fff;border-color:#475569;}
.des-btn.sel-Both{background:var(--tb-bdg-bg);color:var(--tb-bdg-tx);border-color:var(--tb-bdr);}

/* MINUTES */
#pg-mins{padding:13px 15px 110px;max-width:1200px;margin:0 auto;}
.min-banner{display:flex;align-items:center;gap:7px;padding:10px 13px;background:rgba(22,163,74,.08);
  border:1px solid rgba(22,163,74,.2);border-radius:12px;font-size:12px;margin-bottom:11px;font-weight:600;color:var(--green);}
.t-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:8px;}
.t-card{background:var(--surf);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:11px;box-shadow:0 2px 6px rgba(0,0,0,.04);}
.t-card.card-G{border-left:4px solid var(--green);} .t-card.card-W{border-left:4px solid #94a3b8;} .t-card.card-Both{border-left:4px solid var(--tb-bdr);}
.tc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px;}
.tc-n{font-weight:700;font-size:13px;color:var(--cream);} .tc-pos{font-size:10px;color:var(--muted);margin-top:1px;}
.tc-m{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:24px;font-weight:700;color:var(--green);line-height:1;}
.tc-sub{font-size:10px;color:var(--muted);}
.prog{height:5px;background:var(--surf2);border-radius:3px;overflow:hidden;margin-top:5px;}
.pfill{height:100%;border-radius:3px;background:linear-gradient(90deg,#86efac,var(--green));}
.pfill.lo{background:linear-gradient(90deg,#fca5a5,var(--red));}
.wdots{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px;}
.wd{width:20px;height:20px;border-radius:4px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:800;}
.wd.f{background:var(--green);color:#fff;} .wd.p{background:var(--dim);color:var(--green);} .wd.n{background:var(--surf2);color:var(--muted);}
.sport-badge{font-size:9px;padding:1px 5px;border-radius:4px;font-family:-apple-system,'Roboto Condensed',sans-serif;font-weight:800;}
.sb-football{background:rgba(22,163,74,.15);color:var(--green);}
.sb-hurling{background:rgba(59,130,246,.12);color:var(--tb-hi);}

/* HISTORY */
#pg-hist{padding:13px 15px 110px;max-width:1200px;margin:0 auto;}
.hist-empty{padding:40px;text-align:center;color:var(--muted);font-size:14px;}
.match-card{background:var(--surf);border:1px solid rgba(0,0,0,.06);border-radius:16px;margin-bottom:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);}
.match-card-hd{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;
  background:var(--surf2);border-bottom:1px solid var(--bdr);cursor:pointer;user-select:none;}
.match-card-hd:hover{background:#f0fdf4;}
.mc-date{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:17px;font-weight:800;color:var(--green);}
.mc-meta{font-size:11px;color:var(--muted);margin-top:2px;}
.mc-badges{display:flex;gap:5px;align-items:center;flex-wrap:wrap;}
.mc-body{display:none;padding:12px 14px;}
.mc-body.open{display:block;}
.mc-teams{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:10px;}
.mc-team-hd{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:13px;font-weight:800;margin-bottom:5px;padding-bottom:4px;border-bottom:1px solid var(--bdr);color:var(--cream);}
.mc-player-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:12px;border-bottom:1px solid var(--bdr);}
.mc-player-row:last-child{border-bottom:none;}
.mc-mins{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:14px;font-weight:700;color:var(--green);}
.stat-card{background:var(--surf);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:13px;margin-bottom:10px;box-shadow:0 2px 6px rgba(0,0,0,.04);}
.stat-title{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:10px;letter-spacing:1.5px;color:var(--green);text-transform:uppercase;margin-bottom:8px;font-weight:800;}
.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;font-size:12px;color:var(--cream);}
.stat-val{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:15px;font-weight:700;color:var(--green);}
.abar{height:5px;background:var(--surf2);border-radius:3px;overflow:hidden;margin:2px 0 5px;}
.abar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#86efac,var(--green));}

/* SETTINGS */
#pg-settings{padding:13px 15px 110px;max-width:900px;margin:0 auto;}
.settings-section{background:var(--surf);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:16px 18px;margin-bottom:14px;box-shadow:0 4px 10px rgba(0,0,0,.04);}
.settings-title{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:15px;font-weight:800;color:var(--cream);margin-bottom:10px;}
.drag-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.drag-zone{background:var(--surf2);border:2px dashed var(--bdr);border-radius:12px;padding:8px;min-height:70px;}
.drag-zone.drag-over{border-color:var(--green);background:rgba(22,163,74,.06);}
.dz-hd{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:10px;letter-spacing:1.5px;color:var(--muted);
  text-transform:uppercase;margin-bottom:6px;display:flex;justify-content:space-between;font-weight:800;}
.dz-count{color:var(--green);font-size:13px;font-weight:700;}
.dz-chips{display:flex;flex-wrap:wrap;gap:4px;min-height:30px;}
.panel-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:8px;
  font-size:11px;font-weight:700;cursor:grab;border:1px solid transparent;user-select:none;}
.panel-chip:active{cursor:grabbing;opacity:.7;}
.pc-G{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.35);color:var(--green);}
.pc-W{background:#f1f5f9;border-color:#cbd5e1;color:#334155;}
.pc-Both{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:var(--tb-hi);}
.data-info{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.6;}
.data-info strong{color:var(--green);}
.data-status-msg{font-size:12px;color:var(--muted);min-height:16px;margin-top:2px;font-weight:600;}
.data-tip{margin-top:10px;font-size:11px;color:var(--muted);background:var(--surf2);padding:11px 13px;border-radius:10px;line-height:1.7;border:1px solid var(--bdr);}
/* Access management */
.access-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--surf2);border:1px solid var(--bdr);margin-bottom:6px;}
.access-info{flex:1;min-width:0;}
.access-email{font-size:12px;font-weight:700;color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.access-meta{font-size:10px;color:var(--muted);margin-top:1px;}
.access-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;}
.admin-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;letter-spacing:.3px;
  background:rgba(22,163,74,.12);color:var(--green);border:1px solid rgba(22,163,74,.3);white-space:nowrap;}
.admin-badge--super{background:rgba(234,179,8,.12);color:#ca8a04;border-color:rgba(234,179,8,.35);}
.access-add-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.access-input{flex:1;min-width:140px;padding:8px 11px;border:1px solid var(--bdr);border-radius:10px;font-size:13px;background:var(--surf);color:var(--cream);outline:none;}
.access-input:focus{border-color:var(--green);}
.access-input-name{max-width:140px;}

/* MODAL */
.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:200;
  align-items:flex-end;justify-content:center;}
.overlay.open{display:flex;}
#confirmModal{z-index:400;}
@supports(align-items:center){.overlay{align-items:center;}}
.modal{background:var(--surf);border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:20px;
  width:92%;max-width:470px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px rgba(0,0,0,.15);}
.modal.avail-modal{overflow:hidden;padding:0;}
.modal h3{font-family:-apple-system,'Roboto Condensed',sans-serif;font-size:20px;font-weight:800;color:var(--cream);margin-bottom:12px;}
.modal-foot{display:flex;justify-content:flex-end;gap:7px;margin-top:12px;}