/* a-turnering-region-tablet v11.0.00 */
.attrt-wrapper{background:#000;color:#fff;border:none;border-radius:12px;padding:10px;margin:2px 0;font-size:16px}
.attrt-title{color:#19c37d;margin:0 0 12px 0}
.attrt-live{border:0px solid #19c37d;border-radius:8px;padding:2px 8px;margin-left:8px}
.attrt-btn{background:#19c37d;color:#fff;border:2px solid #000;border-radius:10px;padding:12px 12px;cursor:pointer}
.attrt-btn:hover{background:#000;color:#19c37d}
.attrt-input{width:100%;padding:6px 8px;border-radius:10px;border:0px solid #19c37d;background:#000;color:#fff}
.attrt-badge{border:0px solid #19c37d;border-radius:10px;padding:6px 10px;display:inline-block}
.attrt-card{border:0px solid #19c37d;border-radius:12px;padding:12px;margin:10px 0}
.attrt-card h3{color:#19c37d;margin:0 0 8px 0}
.attrt-row{display:grid;grid-template-columns:90px 80px 1fr 1fr 220px 90px 90px 90px;align-items:center;gap:4px;padding:4px 6px;border-bottom:0px solid rgba(25,195,125,.25)}
.attrt-head{color:#19c37d;border-bottom:0px solid #19c37d}
.attrt-grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}
.attrt-table-lite{width:100%;border-collapse:separate;border-spacing:0}
.attrt-table-lite th{color:#000000;text-align:left;padding:4px 4px;border-bottom:1px solid #000000}
.attrt-table-lite td{padding:6px 2px;border-bottom:1px solid rgba(25,195,125,.25)}
.attrt-finished{opacity:.5}
.attrt-finished .attrt-input{pointer-events:none;opacity:.6}
.attrt-finished .attrt-btn{pointer-events:none;opacity:.6}
@media (max-width: 1100px){
  .attrt-grid-3{grid-template-columns:1fr}
}

.attrt-scoreboard .score{font-size:48px}

.attrt-scoreboard .name{font-size:22px}

.attrt-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:8px 0 10px}
.attrt-header .side{display:flex;flex-direction:column;gap:2p}
.attrt-header .club{font-size:26px;font-weight:600;margin:4px}
.attrt-header .lane{opacity:.85}
.attrt-header .scores{display:flex;align-items:center;gap:14px;justify-content:center}
.attrt-header .score{font-size:80px;font-weight:700;border:none;border-radius:8px;padding:4px 4px;min-width:64px;text-align:center}
.attrt-header .sep{font-size:28px;opacity:.9}
.attrt-pool-title{font-weight:700;margin-bottom:4px}

.attrt-table-lite td.attrt-extra{font-style:italic;opacity:.85}

.attrt-debug{margin:6px 0;padding:8px;border:1px dashed #19c37d;border-radius:10px;font-size:12px;opacity:.9}

/* === Mobile/Tablet layout tweaks (2025-10-07) === */
/* Reflow each match row to 2 columns and 3 rows on <=900px.
   Order: players (row1), legs inputs (row2), Start+Save (row3).
   Place "Tavlefører" badge at top-right. Hide lane on small screens. */
@media (max-width: 900px){
  .attrt-row:not(.attrt-head){
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "home away"
      "hl   al"
      "start save";
    gap:8px;
    position: relative;
    align-items: center;
  }
  /* Home/Away names */
  .attrt-row:not(.attrt-head) > div:nth-child(3){ grid-area: home; }
  .attrt-row:not(.attrt-head) > div:nth-child(4){ grid-area: away; }
  /* Legs inputs */
  .attrt-row:not(.attrt-head) > div:nth-child(6){ grid-area: hl; }
  .attrt-row:not(.attrt-head) > div:nth-child(7){ grid-area: al; }
  /* Start button (first cell) goes bottom-left; Save button (last cell) bottom-right */
  .attrt-row:not(.attrt-head) > div:nth-child(1){ grid-area: start; }
  .attrt-row:not(.attrt-head) > div:nth-child(8){ grid-area: save; justify-self: end; }
  /* Tavlefører badge (5th cell) sits in top-right corner */
  .attrt-row:not(.attrt-head) > div:nth-child(5){
    position:absolute; top:0; right:0;
  }
  /* Hide lane label on mobile */
  .attrt-row:not(.attrt-head) > div:nth-child(2){ display:none; }
  /* Make buttons full/tappable */
  .attrt-row .attrt-btn{ min-width: 88px; }
}
/* Optional: shrink header on mobile to 2 lines and hide empty header actions cell */
@media (max-width: 900px){
  .attrt-head.attrt-row{
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 6px 8px;
  }
  .attrt-head.attrt-row > div:nth-child(1){ display:none; }   /* Spil (knap-kolonne header) */
  .attrt-head.attrt-row > div:nth-child(2){ display:none; }   /* Bane */
  .attrt-head.attrt-row > div:nth-child(8){ display:none; }   /* Tom header over Gem */
  .attrt-head.attrt-row > div:nth-child(5){ justify-self: end; } /* Tavlefører label højt til højre */
}

/* Hide pool-view header labels 'Tavlefører', 'LV', 'LT' on tablet/mobile */
@media (max-width: 1100px){
  .attrt-head.attrt-row > div:nth-child(5),
  .attrt-head.attrt-row > div:nth-child(6),
  .attrt-head.attrt-row > div:nth-child(7){ display: none !important; }
}

/* === End Mobile/Tablet layout tweaks === */
/* --- ATR Tablet: Spil-knap --- */
.attrt-table a.attrt-play,
.attrt-table .btn.btn--play {
  display:inline-block;
  padding:6px 14px;
  line-height:1;
  border-radius:18px;
  background:#18e06f;      /* grøn baggrund */
  color:#071;               /* mørkegrøn tekst */
  font-weight:700;
  text-decoration:none;
  box-shadow:0 0 0 1px #0a4 inset, 0 2px 6px rgba(0,0,0,.25);
  transition:transform .05s ease, filter .15s ease;
}
.attrt-table a.attrt-play:hover,
.attrt-table .btn.btn--play:hover {
  filter:brightness(1.08);
}
.attrt-table a.attrt-play:active,
.attrt-table .btn.btn--play:active {
  transform:translateY(1px);
}
/* Spil-knap (modal) */
.attrt-table a.attrt-play,
.btn.btn--play {
  display:inline-block; padding:6px 14px; line-height:1;
  border-radius:18px; background:#18e06f; color:#062;
  font-weight:700; text-decoration:none;
  box-shadow:0 0 0 1px #0a4 inset, 0 2px 6px rgba(0,0,0,.25);
  transition:transform .05s ease, filter .15s ease;
}
.btn.btn--play:hover { filter:brightness(1.08); }
.btn.btn--play:active { transform:translateY(1px); }

/* Gem-knap */
.btn.btn--save {
  margin-left:8px; padding:6px 12px; border-radius:6px;
  background:#2e8bff; color:#fff; border:0; font-weight:700;
  box-shadow:0 1px 3px rgba(0,0,0,.25);
}
.btn.btn--save[disabled]{ opacity:.6; cursor:not-allowed; }

/* Inputs */
.attrt-leg { width:56px; text-align:center; margin-right:6px; }
.c--legs { white-space:nowrap; }
.c.c--sm { width:70px; }

/* overordnet header */
.attrt-title {
  display:flex;
  align-items:center;
  gap:16px;
}

/* selve totalscore-feltet */
.attrt-score-total {
  flex:1 1 auto;
  text-align:center;
  font-size: 35px;       /* ønsket størrelse */
  font-weight: 800;      /* “fed” */
  letter-spacing: 1px;
  color: #6eff6c;        /* grøn */
}

/* badge “REAL-TIME” kan stadig stå i højre side */
.attrt-live {
  background:#0e2; color:#001; border-radius:10px;
  padding:4px 10px; font-weight:700;
}
/* === ATR Tablet: header med holdnavne + stor score === */
.attrt-header{ margin:8px 0 16px; } /* bevar gerne din egen også */
.attrt-header-row{
  display:flex; align-items:center; justify-content:center;
  gap:24px; flex-wrap:wrap;
}
.attrt-team{
  min-width:140px; text-align:center; font-weight:700;
  color:#9f9; font-size:18px; letter-spacing:2px;
}
.attrt-team--home{ text-align:right; }
.attrt-team--away{ text-align:left; }

.attrt-bigscore{
  display:flex; gap:12px; align-items:baseline; justify-content:center;
  font-size:85px; font-weight:800; letter-spacing:1px;
  color:#6eff6c; text-align:center;
}
.attrt-bigscore .sep{ opacity:.9; }