/* Scoped dark UI */
.a-regions { color:#f0f0f0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; pointer-events:auto; }
.a-regions .ar-title { color:#1db954; margin:0 0 4px; font-weight:700; }
.a-regions .ar-sub { color:#bdbdbd; margin:0 0 12px; }
.a-regions .ar-header { border:2px solid #1db954; border-radius:16px; padding:14px 18px; margin:6px 0 16px; background:transparent; }

/* Controls */
.a-regions .ar-settings { display:flex; align-items:center; gap:16px; border:2px solid #1db954; border-radius:16px; padding:12px 16px; margin-top:16px; background:#1a1c1e; flex-wrap:wrap; }
.a-regions .ar-field { display:flex; align-items:center; gap:10px; margin:8px 0; }
.a-regions .ar-settings select { background:#000; color:#eee; border:1px solid #1db954; border-radius:10px; padding:10px 12px; }
.a-regions .ar-button { background:#1db954; color:#000; border:2px solid #1db954; border-radius:18px; padding:12px 20px; font-weight:700; cursor:pointer; }
.a-regions .ar-button--ghost { background:transparent; color:#1db954; border-color:#1db954; }
.a-regions .ar-tip { color:#bdbdbd; margin-left:auto; }
.a-regions .ar-success { margin-top:12px; background:#132; border:1px solid #1db954; padding:10px 12px; border-radius:8px; }

/* Team inputs */
.a-regions .ar-tset { border:2px solid #1db954; border-radius:16px; padding:10px 12px; margin:10px 0 16px; background:#1a1c1e; }
.a-regions .ar-thead { color:#1db954; font-weight:700; margin-bottom:8px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.a-regions .ar-thead input { background:#000; color:#eee; border:1px solid #1db954; border-radius:10px; padding:8px 10px; }
.a-regions .ar-two-col { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.a-regions .ar-panel { background:#1a1c1e; border:1px solid #1db954; border-radius:16px; padding:16px; }
.a-regions .ar-panel-title { font-weight:700; margin-bottom:8px; }
.a-regions .ar-field input { flex:1; background:#000; color:#eee; border:1px solid #1db954; border-radius:10px; padding:10px 12px; }
.a-regions input::placeholder { color:#6b6b6b; }
.a-regions label { color:#cfcfcf; }

/* Layout boxes */
.a-regions .ar-grid { display:grid; grid-template-columns: 1.2fr 1fr; gap:20px; }
.a-regions .ar-box { background:#1a1c1e; border:2px solid #1db954; border-radius:16px; padding:16px; }
.a-regions .ar-box h3 { margin:0 0 10px; color:#fff; }

/* Tables */
.a-regions table { width:100%; border-collapse:collapse; }
.a-regions th, .a-regions td { padding:8px 10px; text-align:left; }
.a-regions th { color:#bdbdbd; font-weight:600; }
.a-regions tr td { border-top:1px solid #2a2a2a; }

/* Match rows */
.a-regions .ar-row { background:#121314; border:1px solid #2a2a2a; border-radius:8px; padding:8px 10px; margin:8px 0; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; }
.a-regions .ar-row .ar-lane { color:#1db954; font-weight:600; }
.a-regions .ar-row .ar-score { display:flex; gap:10px; align-items:center; position:relative; z-index:10; pointer-events:auto; }
.a-regions .ar-result { border:1px solid #1db954; border-radius:10px; padding:6px 10px; background:#000; color:#bdbdbd; min-width:46px; text-align:center; }
.a-regions .ar-row input[type="number"] { width:60px; background:#000; color:#eee; border:1px solid #1db954; border-radius:8px; padding:6px 8px; position:relative; z-index:2; pointer-events:auto !important; }
.a-regions .ar-row .ar-save { background:#1db954; border:0; color:#000; font-weight:700; border-radius:12px; padding:8px 14px; cursor:pointer; position:relative; z-index:2; pointer-events:auto !important; }
.a-regions .ar-saved { color:#1db954; font-weight:700; margin-left:10px; }

/* Display grid */
.a-regions .ar-display-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap:20px; }
@media (max-width: 820px){ .a-regions .ar-display-grid { grid-template-columns: 1fr; } }