/*
 * editstatsnip_opt.css — #edit-stat-snip, the generic "Edit Snip" popup for every stat-enabled
 * category EXCEPT basketball. Basketball's own editbasketball.css / editbasketball_opt.css are
 * untouched. Same dark palette/tokens as editbasketball_opt.css; Roboto (already loaded via
 * Google Fonts in homevideojs_opt.blade.php) + smaller type than the first pass, and a single
 * combined reassignment popover instead of two separately-positioned boxes.
 */
#edit-stat-snip {
  --es-panel:#14171f; --es-panel2:#1a1e28; --es-line:#252a35;
  --es-ink:#f2f4f8; --es-red:#ff8078; --es-red-line:#5a2a2a;
  --es-green:#5fd97a; --es-green-bg:#123321; --es-green-line:#1f4d2c;
  font-family:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  font-size:12px;
}
#edit-stat-snip .modal-content {
  background:var(--es-panel); color:var(--es-ink);
  border:1px solid var(--es-line); border-radius:10px;
  min-height:240px;
}
#edit-stat-snip .modal-header {
  background:var(--es-panel2); border-bottom:1px solid var(--es-line); padding:10px 15px;
}
#edit-stat-snip .modal-header label { color:var(--es-ink); font-family:inherit; font-weight:500; font-size:14px; }
/* Bootstrap's .btn-close SVG is drawn in black - invisible on a dark header without this. */
#edit-stat-snip .modal-header .btn-close { filter:invert(1) grayscale(1) brightness(1.6); opacity:.8; }
#edit-stat-snip .modal-header .btn-close:hover { opacity:1; }

#edit-stat-snip .edit-stat-snip-section { padding:12px 15px; }
#edit-stat-snip .edit-stat-snip-section .flexed-label { flex:1 1 auto; }
#edit-stat-snip .edit-stat-snip-section .flexed-label label {
  font-size:12px; color:var(--es-ink); font-family:inherit;
}
#edit-stat-snip .edit-stat-snip-section .flexed-label-red {
  padding:1px 10px; border-radius:10px; font-size:11px !important;
  background:transparent; border:1px solid var(--es-red-line); color:var(--es-red) !important;
}
#edit-stat-snip .stat-score-edit-head {
  background:var(--es-panel2); padding:4px 12px; color:var(--es-ink);
  border:1px solid var(--es-line); font-size:11px; text-transform:uppercase; letter-spacing:.02em;
}
#edit-stat-snip .stat-edit-tags-section { overflow:auto; overflow-x:hidden; height:130px; }
#edit-stat-snip .row.stat-edit-tag-row .stat-edit-tag-col {
  padding:4px 12px; color:var(--es-ink); font-family:inherit; font-size:12px;
  border-bottom:1px solid var(--es-line); border-right:1px solid var(--es-line);
}
#edit-stat-snip .stat-edit-tag-col-label { color:var(--es-ink); }

/* Custom Tag + a mapped Player render as green "confirmed" badges - same semantic basketball's
   own .basket-edit-tag-col-label-green uses, reskinned to this dark palette. An unmapped
   Player badge stays neutral/muted so mapped vs. not-yet-mapped reads at a glance. */
#edit-stat-snip .stat-edit-badge {
  display:inline-block; padding:2px 8px; border-radius:10px; font-size:11px;
  background:var(--es-green-bg); border:1px solid var(--es-green-line); color:var(--es-green);
}
#edit-stat-snip .stat-edit-badge-muted {
  background:#1a1e28; border-color:#252a35; color:#8b93a8; font-style:italic;
}
/* Player cell now lists one chip per mapped player (some tags, e.g. hockey's ASSIST,
   legitimately carry more than one) instead of a single combined badge. */
#edit-stat-snip .stat-edit-player-cell { display:flex; flex-wrap:wrap; gap:4px; align-items:center; }
#edit-stat-snip .stat-edit-player-chip { display:inline-flex; align-items:center; gap:5px; }
#edit-stat-snip .stat-edit-player-remove {
  cursor:pointer; color:var(--es-green); opacity:.7; font-size:13px; line-height:1;
}
#edit-stat-snip .stat-edit-player-remove:hover { opacity:1; color:var(--es-red); }
#edit-stat-snip .stat-edit-add-player-btn {
  cursor:pointer; background:transparent; border-style:dashed; color:#8b93a8;
}
#edit-stat-snip .stat-edit-add-player-btn:hover { color:var(--es-ink); border-color:#8b93a8; }

/* The clicked tag already says which team it belongs to, so this popover only ever shows
   ONE team's roster - no team-choice step, and a narrower box than a two-team chooser needs. */
.stat-reassign-popover {
  position:absolute; top:32px; right:15px; width:200px; z-index:99; padding:10px;
  border-radius:8px; display:none;
  background:#14171f; border:1px solid #252a35;
  font-family:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif; font-size:12px;
}
.stat-reassign-title { color:#8b93a8; font-size:10px; text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; }
.stat-reassign-teamname { color:#f2f4f8; font-style:normal; }

.list-stat-edit-player { max-height:160px; overflow-y:auto; margin-bottom:8px; }
.list-stat-edit-player .select-player-edit-stat-tag {
  padding:5px 8px; border-bottom:1px solid #252a35; color:#f2f4f8; font-size:12px; cursor:pointer;
}
.list-stat-edit-player .select-player-edit-stat-tag.active { background:#e1261c; color:#fff; }

.stat-reassign-popover .footer-block { display:flex; gap:8px; }
.stat-reassign-popover .footer-block button { padding:5px 10px; font-size:12px; flex:1 1 auto; }
.stat-reassign-popover .btn-update-player-stat-tag { background:#1f7a34; border:1px solid #1f7a34; color:#fff; }
.stat-reassign-popover .btn-cancel-player-stat-tag { background:#1a1e28; border:1px solid #252a35; color:#f2f4f8; }
.stat-reassign-popover .footer-block button:focus { box-shadow:unset; outline:0; }

#edit-stat-snip .stat-overlay { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(11,13,18,.72); z-index:9; }
#edit-stat-snip .alert-success { position:absolute; top:0; left:0; width:100%; z-index:9; background:#123321; color:#5fd97a; font-size:12px; padding:6px 12px; }