/* ===========================================================================
   ODDSLIGAEN — tema "Neutral"
   Lægges oven på styles.css og virker kun når <html data-theme="neutral">.
   Klassisk tema (klistermærke-album) er uændret, når attributten mangler.

   Look: lys grå baggrund, hvide kort med tynde grå kanter, ingen offset-
   skygger eller rotation, Inter / Inter Tight, én accentfarve (banegrøn).
   =========================================================================== */

html[data-theme="neutral"] {
  /* flader + tekst */
  --paper:    #f4f5f3;
  --paper-2:  #f1f2f0;
  --card:     #ffffff;
  --ink:      #15181a;
  --ink-2:    #3c4247;
  --muted:    #5e656b;
  --faint:    #9aa09b;
  --line:     #e3e5e1;

  /* farver — samme navne som klassisk, så alle eksisterende komponenter virker */
  --green:    #116149;   /* accent */
  --green-d:  #0d4f3b;
  --red:      #b93a2a;
  --red-d:    #9a2f22;
  --blue:     #1f4e8c;
  --yellow:   #e7efea;   /* bruges til "dig"-markering → blød grøn tone */
  --purple:   #5b4a8c;
  --gold:     #b7862b;

  /* geometri — tynde kanter, bløde skygger */
  --bw:       1px;
  --r:        12px;
  --r-lg:     14px;
  --sh:       0 1px 2px rgba(21, 24, 26, .05);
  --sh-sm:    0 1px 2px rgba(21, 24, 26, .04);
  --sh-lg:    0 8px 28px rgba(21, 24, 26, .08);

  /* skrift */
  --disp: "Inter Tight", "Inter", system-ui, sans-serif;
  --body: "Inter", system-ui, -apple-system, sans-serif;
  --mono: "Inter", system-ui, sans-serif;

  /* tema-egne tokens */
  --n-border: #e3e5e1;
  --n-border-strong: #d5d9d4;
  --n-soft: #eef0ed;
  --n-me: #f2f7f4;
  --n-me-ink: #0e4f3b;
  --n-draw: #6b7178;
}

/* ---------- basis ---------- */
html[data-theme="neutral"],
html[data-theme="neutral"] body {
  background-color: var(--paper);
  background-image: none;
  font-size: 14px;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}
html[data-theme="neutral"] ::selection { background: #cfe3d8; }

/* Display-tekst: fed Inter Tight, normal store/små bogstaver.
   Dækker både klasser og de mange inline-styles der bruger var(--disp). */
html[data-theme="neutral"] .disp,
html[data-theme="neutral"] [style*="var(--disp)"],
html[data-theme="neutral"] [style*="Anton"] {
  font-family: var(--disp) !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
}
/* Labels der før var mono + versaler */
html[data-theme="neutral"] [style*="var(--mono)"] {
  text-transform: none !important;
  letter-spacing: 0 !important;
}
/* Ingen skæve klistermærker */
html[data-theme="neutral"] [style*="rotate("]:not([style*="transition"]) { transform: none !important; }

html[data-theme="neutral"] .eyebrow {
  font-family: var(--body); font-size: 13px; font-weight: 500;
  letter-spacing: 0; text-transform: none; color: var(--muted);
}
html[data-theme="neutral"] .h1 {
  font-family: var(--disp); font-weight: 700; text-transform: none;
  font-size: clamp(28px, 4.5vw, 40px); line-height: 1.05; letter-spacing: -0.03em;
}
html[data-theme="neutral"] .lead { color: var(--ink-2); font-size: 15px; }

html[data-theme="neutral"] .sec-title {
  display: block; background: none; color: var(--ink);
  padding: 0; border-radius: 0; transform: none;
  font-family: var(--disp); font-weight: 700; text-transform: none;
  font-size: 20px; letter-spacing: -0.02em;
}

/* ---------- nav ---------- */
html[data-theme="neutral"] .nav { background: #fff; border-bottom: 1px solid var(--n-border); }
html[data-theme="neutral"] .nav-inner { min-height: 64px; padding: 10px 24px; }
html[data-theme="neutral"] .badge-logo {
  width: 32px; height: 32px; border: 0; border-radius: 8px; transform: none; box-shadow: none;
  background: var(--green); font-family: var(--disp); font-weight: 700; font-size: 0; line-height: 1;
}
html[data-theme="neutral"] .badge-logo::after { content: "OL"; font-size: 13px; letter-spacing: -0.02em; }
html[data-theme="neutral"] .badge-logo br { display: none; }
html[data-theme="neutral"] .badge-logo.lg { width: 48px; height: 48px; border-radius: 12px; }
html[data-theme="neutral"] .badge-logo.lg::after { font-size: 18px; }
html[data-theme="neutral"] .brand .word {
  font-family: var(--disp); font-weight: 700; text-transform: none; font-size: 18px; letter-spacing: -0.02em;
}
html[data-theme="neutral"] .brand .word em { color: inherit; }

html[data-theme="neutral"] .nav-links { gap: 2px; }
html[data-theme="neutral"] .nav-link {
  font-family: var(--body); font-size: 14px; font-weight: 500; text-transform: none; letter-spacing: 0;
  color: #4e555b; background: transparent; border: 0; box-shadow: none; border-radius: 8px; padding: 9px 11px;
}
html[data-theme="neutral"] .nav-link:hover { transform: none; box-shadow: none; background: var(--n-soft); color: var(--ink); }
html[data-theme="neutral"] .nav-link:active { transform: none; }
html[data-theme="neutral"] .nav-link.active { background: var(--n-soft); color: var(--ink); font-weight: 600; }

html[data-theme="neutral"] .nav-user {
  background: #fff; border: 1px solid var(--n-border); box-shadow: none;
  font-family: var(--body); font-weight: 600; font-size: 13px; text-transform: none; letter-spacing: 0;
}
html[data-theme="neutral"] .nav-burger { border: 1px solid var(--n-border); box-shadow: none; background: #fff; }
html[data-theme="neutral"] .nav-burger path { stroke: var(--ink); stroke-width: 2; }
@media (max-width: 820px) {
  html[data-theme="neutral"] .nav-links.open {
    background: #fff; border-bottom: 1px solid var(--n-border); top: 100%; gap: 2px;
    box-shadow: 0 12px 24px rgba(21, 24, 26, .06);
  }
  html[data-theme="neutral"] .nav-links.open .nav-link { padding: 12px; }
}

/* tema-knap (findes i begge temaer — se components.jsx) */
.theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 36px; padding: 0 10px; flex: none;
  border: var(--bw) solid var(--ink); border-radius: 8px; background: var(--card); color: var(--ink);
  box-shadow: 2px 2px 0 var(--ink); font-size: 12px;
}
.theme-toggle svg { display: block; }
.theme-toggle .tt-lbl { font-family: var(--disp); text-transform: uppercase; letter-spacing: .03em; }
html[data-theme="neutral"] .theme-toggle { border-color: var(--n-border); box-shadow: none; color: var(--ink-2); }
html[data-theme="neutral"] .theme-toggle:hover { background: var(--n-soft); }
html[data-theme="neutral"] .theme-toggle .tt-lbl { font-family: var(--body); font-weight: 600; text-transform: none; letter-spacing: 0; }
@media (max-width: 600px) { .theme-toggle .tt-lbl { display: none; } .theme-toggle { width: 36px; padding: 0; } }

/* ---------- side ---------- */
html[data-theme="neutral"] .page { padding: 32px 24px 72px; }
@media (max-width: 600px) { html[data-theme="neutral"] .page { padding: 20px 16px 56px; } }

/* ---------- crest: neutral grå med initialer (billeder bevares) ---------- */
html[data-theme="neutral"] .crest {
  border: 0 !important; border-radius: 999px;
  font-family: var(--body); font-weight: 700; letter-spacing: 0;
}
html[data-theme="neutral"] .crest:not(:has(img)) { background: var(--n-soft) !important; color: var(--ink-2); }
html[data-theme="neutral"] .crest.xl { border-radius: 14px; font-family: var(--disp); }
html[data-theme="neutral"] .crest.lg { border-radius: 999px; }
html[data-theme="neutral"] .slot.me .crest:not(:has(img)),
html[data-theme="neutral"] .nav-user .crest:not(:has(img)) { background: #dceae2 !important; color: var(--n-me-ink); }
/* Rundeoversigtens små crests (inline hex) */
html[data-theme="neutral"] .ro-match-head [style*="Anton"] { border: 0 !important; border-radius: 999px !important; }

/* ---------- kort ---------- */
html[data-theme="neutral"] .sticker,
html[data-theme="neutral"] .tile,
html[data-theme="neutral"] .match,
html[data-theme="neutral"] .ro-match,
html[data-theme="neutral"] .champ-card,
html[data-theme="neutral"] .auth-card {
  border: 1px solid var(--n-border); box-shadow: var(--sh); transform: none;
}
html[data-theme="neutral"] .sticker.dashed { border-style: solid; }
html[data-theme="neutral"] .sticker.tilt,
html[data-theme="neutral"] .sticker.tilt-r { transform: none; }
html[data-theme="neutral"] .sticker.yellow { background: var(--n-me); color: var(--ink); }
html[data-theme="neutral"] .sticker.ink { background: var(--ink); color: #fff; }
html[data-theme="neutral"] .card-title {
  font-family: var(--body); font-weight: 600; font-size: 16px; text-transform: none; letter-spacing: 0;
}

/* stjerne-badge ("NR. 1") */
html[data-theme="neutral"] .star {
  width: auto; height: auto; padding: 4px 10px; border: 0; border-radius: 999px;
  background: var(--green); color: #fff; box-shadow: none; transform: none;
  font-family: var(--body); font-weight: 700; font-size: 12px; line-height: 1.2;
}
html[data-theme="neutral"] .star br { display: none; }

/* ---------- knapper + pills ---------- */
html[data-theme="neutral"] .btn {
  font-family: var(--body); font-weight: 600; font-size: 14px; text-transform: none; letter-spacing: 0;
  border: 1px solid transparent; border-radius: 10px; box-shadow: none; min-height: 40px; padding: 9px 16px;
}
html[data-theme="neutral"] .btn:hover { transform: none; box-shadow: none; filter: brightness(.96); }
html[data-theme="neutral"] .btn:active { transform: translateY(1px); box-shadow: none; }
html[data-theme="neutral"] .btn-primary { background: var(--green); color: #fff; }
html[data-theme="neutral"] .btn-yellow  { background: var(--green); color: #fff; }
html[data-theme="neutral"] .btn-red     { background: var(--red); color: #fff; }
html[data-theme="neutral"] .btn-ghost   { background: #fff; color: var(--ink); border-color: var(--n-border-strong); }
html[data-theme="neutral"] .btn-sm { min-height: 34px; padding: 6px 12px; font-size: 13px; }

html[data-theme="neutral"] .pill {
  font-family: var(--body); font-weight: 600; font-size: 12px; text-transform: none; letter-spacing: 0;
  border: 0; background: var(--n-soft); color: var(--ink-2); padding: 4px 10px;
}
html[data-theme="neutral"] .pill.green  { background: var(--green); color: #fff; }
html[data-theme="neutral"] .pill.yellow { background: var(--yellow); color: var(--n-me-ink); }
html[data-theme="neutral"] .pill.red    { background: #fbece9; color: var(--red-d); }
html[data-theme="neutral"] .pill.ink    { background: var(--ink); color: #fff; }

/* ---------- form V/U/T ---------- */
html[data-theme="neutral"] .frm {
  border: 0; border-radius: 6px; width: 22px; height: 22px;
  font-family: var(--body); font-weight: 700; font-size: 11px;
}
html[data-theme="neutral"] .frm.lg { width: 26px; height: 26px; font-size: 12px; }
html[data-theme="neutral"] .frm.W { background: #1e7a4c; }
html[data-theme="neutral"] .frm.D { background: var(--n-draw); color: #fff; }
html[data-theme="neutral"] .frm.L { background: var(--red); }

html[data-theme="neutral"] .money-pos { color: #1e7a4c; font-weight: 600; }
html[data-theme="neutral"] .money-neg { color: var(--red); font-weight: 600; }
html[data-theme="neutral"] .odds {
  font-family: var(--body); font-weight: 700; background: var(--paper-2); border: 0; border-radius: 6px; padding: 2px 7px;
}

/* ---------- tiles ---------- */
html[data-theme="neutral"] .tiles { gap: 16px; }
html[data-theme="neutral"] .tile { padding: 18px 20px; }
html[data-theme="neutral"] .tile.green  { background: var(--green); color: #fff; border-color: var(--green); }
html[data-theme="neutral"] .tile.red    { background: #fff; color: var(--ink); }
html[data-theme="neutral"] .tile.blue   { background: #fff; color: var(--ink); }
html[data-theme="neutral"] .tile.yellow { background: #fff; color: var(--ink); }
html[data-theme="neutral"] .tile .k {
  font-family: var(--body); font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; opacity: 1; color: var(--muted);
}
html[data-theme="neutral"] .tile.green .k { color: rgba(255, 255, 255, .82); }
html[data-theme="neutral"] .tile .v {
  font-family: var(--disp); font-weight: 700; font-size: 30px; line-height: 1.05; letter-spacing: -0.02em; margin-top: 6px;
}
html[data-theme="neutral"] .tile .v.sm { font-size: 22px; }
html[data-theme="neutral"] .tile .w { font-size: 13px; opacity: 1; color: var(--ink-2); }
html[data-theme="neutral"] .tile.green .w { color: rgba(255, 255, 255, .88); }

/* ---------- ligatabel (album-varianten) ---------- */
html[data-theme="neutral"] .album {
  gap: 0; background: #fff; border: 1px solid var(--n-border); border-radius: 14px; overflow: hidden;
}
html[data-theme="neutral"] .slot {
  border: 0; border-bottom: 1px solid #f0f1ef; border-radius: 0; box-shadow: none; transform: none !important;
  padding: 10px 16px; background: #fff;
}
html[data-theme="neutral"] .slot:last-child { border-bottom: 0; }
html[data-theme="neutral"] .slot.me { background: var(--n-me); }
html[data-theme="neutral"] .slot.bot { background: #fdf6f4; }
html[data-theme="neutral"] .slot.me.bot { background: var(--n-me); }
html[data-theme="neutral"] .slot .slotpos {
  width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center;
  background: var(--paper-2); font-family: var(--body); font-weight: 700; font-size: 13px; color: var(--ink);
}
html[data-theme="neutral"] .slot.top .slotpos { background: var(--green); color: #fff; }
html[data-theme="neutral"] .slot.bot .slotpos { background: var(--red); color: #fff; }
html[data-theme="neutral"] .slot .sname {
  font-family: var(--body); font-weight: 600; font-size: 15px; text-transform: none; letter-spacing: 0;
}
html[data-theme="neutral"] .slot .smeta .bl { font-family: var(--body); font-size: 11px; letter-spacing: 0; text-transform: none; }
html[data-theme="neutral"] .slot .smeta .bv { font-family: var(--body); font-weight: 600; font-size: 15px; }
html[data-theme="neutral"] .slot .spts,
html[data-theme="neutral"] .slot.me .spts {
  background: transparent; color: var(--ink); width: auto; height: auto;
  font-family: var(--disp); font-weight: 700; font-size: 17px;
}
/* separatoren til nedrykningszonen (inline-styles i page-league.jsx) */
html[data-theme="neutral"] .album > div[style*="grid-column"] {
  margin: 0 !important; padding: 6px 16px; background: #fbf3f1;
}
html[data-theme="neutral"] .album > div[style*="grid-column"] > div { height: 1px !important; background: #ebc9c2 !important; }
@media (max-width: 680px) {
  html[data-theme="neutral"] .slot { padding: 9px 12px; }
  html[data-theme="neutral"] .slot .sname { font-size: 14px; }
  html[data-theme="neutral"] .slot .slotpos { width: 26px; height: 26px; font-size: 12px; }
  html[data-theme="neutral"] .slot .spts { font-size: 16px; }
}

/* ---------- tabel-varianten ---------- */
html[data-theme="neutral"] .tbl thead th {
  font-family: var(--body); font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none;
}
html[data-theme="neutral"] .tbl tbody tr td:first-child,
html[data-theme="neutral"] .tbl tbody tr td:last-child,
html[data-theme="neutral"] .tbl tbody tr:first-child td,
html[data-theme="neutral"] .tbl tbody tr:last-child td { border-color: var(--n-border); border-width: 1px; }
html[data-theme="neutral"] .tbl tbody tr + tr { border-top: 1px solid #f0f1ef; }
html[data-theme="neutral"] .tbl tbody tr.me td { background: var(--n-me); }
html[data-theme="neutral"] .tbl tr.rel-zone { background: #fdf6f4; }
html[data-theme="neutral"] .tbl tr.me.rel-zone td { background: var(--n-me); }

/* ---------- kampe / runder ---------- */
html[data-theme="neutral"] .match-side .nm {
  font-family: var(--body); font-weight: 600; font-size: 15px; text-transform: none; letter-spacing: 0;
}
html[data-theme="neutral"] .match-score { font-family: var(--disp); font-weight: 700; font-size: 18px; }
html[data-theme="neutral"] .match-score .vs { font-family: var(--body); letter-spacing: 0; text-transform: none; }
html[data-theme="neutral"] .win-name { color: #1e7a4c; }
html[data-theme="neutral"] .match-foot { border-top: 1px solid var(--n-border); background: #fafbfa; }
html[data-theme="neutral"] .coupon + .coupon { border-left: 1px solid var(--n-border); }
html[data-theme="neutral"] .coupon h4 { font-family: var(--body); font-weight: 600; font-size: 14px; text-transform: none; }
html[data-theme="neutral"] .bet { border-bottom: 1px solid #f0f1ef; }
html[data-theme="neutral"] .proof {
  border: 1.5px dashed #c9cec8; background: #fafbfa; font-family: var(--body); font-size: 12px; color: var(--muted);
}
html[data-theme="neutral"] .proof:hover { background: var(--paper-2); }
html[data-theme="neutral"] .expander {
  font-family: var(--body); font-weight: 600; font-size: 13px; text-transform: none;
  border-top: 1px solid var(--n-border); background: #fff;
}
html[data-theme="neutral"] .expander:hover { background: var(--paper-2); }
@media (max-width: 720px) {
  html[data-theme="neutral"] .coupon + .coupon { border-left: 0; border-top: 1px solid var(--n-border); }
}

html[data-theme="neutral"] .rb-btn {
  border: 1px solid var(--n-border-strong); box-shadow: none; font-family: var(--body); font-size: 18px; width: 40px; height: 40px;
}
html[data-theme="neutral"] .rb-btn:hover:not(:disabled) { background: var(--paper-2); }

/* deadline-banner → mørk boks med nedtælling */
html[data-theme="neutral"] .deadline {
  background: var(--ink); color: #fff; border: 0; box-shadow: none; border-radius: 14px;
}
html[data-theme="neutral"] .deadline .dl-k {
  font-family: var(--body); font-size: 12px; letter-spacing: 0; text-transform: none; opacity: 1; color: #c5cac4;
}
html[data-theme="neutral"] .deadline .dl-v { font-family: var(--disp); font-weight: 700; font-size: 22px; letter-spacing: -0.01em; }
html[data-theme="neutral"] .countdown { font-family: var(--disp); font-weight: 700; }

/* ---------- rundeoversigt ---------- */
html[data-theme="neutral"] .ro-match-head { background: #fff !important; border-bottom: 1px solid var(--n-border); }
html[data-theme="neutral"] .ro-team-name {
  font-family: var(--body); font-weight: 600; font-size: 14px; text-transform: none; color: var(--ink);
}
html[data-theme="neutral"] .ro-divider { color: var(--muted); }
html[data-theme="neutral"] .ro-result-badge { font-family: var(--body); font-weight: 600; letter-spacing: 0; text-transform: none; }
html[data-theme="neutral"] .ro-players { border-top: 0; }
html[data-theme="neutral"] .ro-player-section + .ro-player-section { border-left: 1px solid var(--n-border); }
html[data-theme="neutral"] .ro-player-name {
  font-family: var(--body); font-weight: 600; font-size: 12px; text-transform: none; color: var(--ink-2);
}
html[data-theme="neutral"] .ro-bet-head { font-family: var(--body); font-size: 11px; letter-spacing: 0; text-transform: none; }
html[data-theme="neutral"] .ro-bet { border-bottom: 1px solid #f0f1ef; }
html[data-theme="neutral"] .ro-col-sign,
html[data-theme="neutral"] .ro-col-amt,
html[data-theme="neutral"] .ro-col-odds { font-family: var(--body); }
html[data-theme="neutral"] .ro-col-payout { font-family: var(--disp); font-weight: 700; }
html[data-theme="neutral"] .ro-total { font-family: var(--body); border-top: 1px solid var(--n-border); }
@container (max-width: 560px) {
  html[data-theme="neutral"] .ro-player-section + .ro-player-section { border-left: 0; border-top: 1px solid var(--n-border); }
}

/* ---------- bødekasse ---------- */
html[data-theme="neutral"] .kitty { background: var(--ink); border: 0; box-shadow: none; }
html[data-theme="neutral"] .kitty .k { font-family: var(--body); font-size: 13px; letter-spacing: 0; text-transform: none; color: #c5cac4; opacity: 1; }
html[data-theme="neutral"] .kitty .v { font-family: var(--disp); font-weight: 700; font-size: 44px; letter-spacing: -0.02em; line-height: 1.05; }
html[data-theme="neutral"] .fine-row,
html[data-theme="neutral"] .lb-item,
html[data-theme="neutral"] .record { border-bottom: 1px solid #f0f1ef; }
html[data-theme="neutral"] .fine-amt { font-family: var(--body); font-weight: 700; font-size: 15px; }
html[data-theme="neutral"] .paid {
  font-family: var(--body); font-weight: 600; text-transform: none; letter-spacing: 0; border: 0; border-radius: 999px; padding: 3px 10px;
}
html[data-theme="neutral"] .paid.yes { background: #e3f0e8; color: #155f3e; }
html[data-theme="neutral"] .paid.no  { background: #fbece9; color: var(--red-d); }
html[data-theme="neutral"] .lb-rank { font-family: var(--body); font-weight: 700; font-size: 14px; }
html[data-theme="neutral"] .lb-rank.g1 { color: var(--green); -webkit-text-stroke: 0; }
html[data-theme="neutral"] .lb-name { font-family: var(--body); font-weight: 600; font-size: 14px; text-transform: none; }
html[data-theme="neutral"] .lb-val { font-family: var(--body); font-weight: 700; font-size: 15px; }

/* ---------- hall of fame ---------- */
html[data-theme="neutral"] .champ-card.king { background: var(--n-me); border-color: #cfe3d8; }
html[data-theme="neutral"] .champ-year { font-family: var(--body); color: var(--muted); }
html[data-theme="neutral"] .champ-name { font-family: var(--disp); font-weight: 700; font-size: 18px; text-transform: none; line-height: 1.15; }
html[data-theme="neutral"] .record .rk { font-family: var(--body); font-size: 13px; letter-spacing: 0; text-transform: none; }
html[data-theme="neutral"] .record .rv { font-family: var(--disp); font-weight: 700; font-size: 20px; color: var(--green); }

/* ---------- login + formularer ---------- */
html[data-theme="neutral"] .auth-card { border-radius: 16px; box-shadow: var(--sh-lg); }
html[data-theme="neutral"] .auth-tab {
  font-family: var(--body); font-weight: 600; font-size: 14px; text-transform: none; letter-spacing: 0;
  border: 1px solid var(--n-border-strong); box-shadow: none; background: #fff;
}
html[data-theme="neutral"] .auth-tab.active { background: var(--ink); color: #fff; border-color: var(--ink); }
html[data-theme="neutral"] .field label,
html[data-theme="neutral"] .bet-label {
  font-family: var(--body); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ink-2);
}
html[data-theme="neutral"] .input,
html[data-theme="neutral"] .admin-input {
  background: #fff; border: 1px solid var(--n-border-strong); border-radius: 10px;
}
html[data-theme="neutral"] .input:focus,
html[data-theme="neutral"] .admin-input:focus {
  box-shadow: 0 0 0 3px rgba(17, 97, 73, .18); border-color: var(--green);
}

/* ---------- footer ---------- */
html[data-theme="neutral"] .footer { border-top: 1px solid var(--n-border); background: #fff; }
html[data-theme="neutral"] .footer-inner .fnote { font-family: var(--body); letter-spacing: 0; text-transform: none; font-size: 13px; }

/* Inline-kanter i 2–2,5 px sort (bokse, bannere) → tynd grå */
html[data-theme="neutral"] [style*="solid var(--ink)"] { border-color: var(--n-border) !important; }
html[data-theme="neutral"] [style*="dashed var(--ink)"] { border-color: var(--n-border) !important; border-style: solid !important; }

@media print {
  html[data-theme="neutral"] body { background: #fff !important; }
}

/* ---------- inline-farver fra sidernes JSX (statusbokse, bannere) ----------
   De klassiske sider bruger mættede oklch-toner og 2px kanter inline.
   Her dæmpes de, så indlevering, admin og login følger det neutrale look. */
html[data-theme="neutral"] [style*="border-color: var(--ink)"] { border-color: var(--n-border) !important; }
html[data-theme="neutral"] .btn[style*="border-color: var(--ink)"] { border-color: transparent !important; }
html[data-theme="neutral"] .btn-primary,
html[data-theme="neutral"] .btn-yellow,
html[data-theme="neutral"] .btn-red { border-color: transparent !important; }

/* grønne toner (ok / åben / publiceret) */
html[data-theme="neutral"] [style*="oklch(0.97 0.05 145)"],
html[data-theme="neutral"] [style*="oklch(0.97 0.06 145)"],
html[data-theme="neutral"] [style*="oklch(0.97 0.04 120)"] { background: #eef5f1 !important; }
html[data-theme="neutral"] [style*="oklch(0.95 0.08 145)"] { background: #e3f0e8 !important; }
/* røde toner (lukket / fejl / pause) */
html[data-theme="neutral"] [style*="oklch(0.97 0.02 20)"],
html[data-theme="neutral"] [style*="oklch(0.97 0.05 15)"] { background: #fbf3f1 !important; }
/* gule toner (afventer / mester) */
html[data-theme="neutral"] [style*="oklch(0.97 0.06 85)"],
html[data-theme="neutral"] [style*="oklch(0.97 0.05 85)"],
html[data-theme="neutral"] [style*="oklch(0.97 0.04 85)"] { background: #f8f6ee !important; }
html[data-theme="neutral"] [style*="oklch(0.95 0.03 85)"] { background: #f2efe4 !important; }
html[data-theme="neutral"] [style*="oklch(0.97 0.02 250)"] { background: #f0f3f7 !important; }

/* kanter i farve (2px) → 1px */
html[data-theme="neutral"] [style*="solid var(--green)"],
html[data-theme="neutral"] [style*="border-color: var(--green)"] { border-width: 1px !important; border-color: #bcd8c8 !important; }
html[data-theme="neutral"] [style*="solid var(--red)"],
html[data-theme="neutral"] [style*="border-color: var(--red)"] { border-width: 1px !important; border-color: #ebc9c2 !important; }
html[data-theme="neutral"] [style*="border-color: var(--yellow)"] { border-color: #e6dfc4 !important; }

/* nav: "Log ud" på én linje */
html[data-theme="neutral"] .nav-logout,
.nav-logout { white-space: nowrap; }

/* admin-faner og formularfelter */
html[data-theme="neutral"] .admin-tabs .btn { min-height: 36px; }
html[data-theme="neutral"] .page-admin .sec-title { font-size: 20px; }
html[data-theme="neutral"] select.admin-input,
html[data-theme="neutral"] textarea.admin-input { border-radius: 10px; }
html[data-theme="neutral"] .admin-input { padding: 9px 12px; }

/* tema-knap på mobil: højre side ved konto-knappen (gælder begge temaer) */
@media (max-width: 820px) {
  .theme-toggle { margin-left: auto; }
  .theme-toggle + .nav-account,
  .theme-toggle + .btn { margin-left: 0; }
}
/* tema-knap: kun ikon indtil der er god plads i menuen */
@media (max-width: 1499px) {
  .theme-toggle { width: 36px; padding: 0; }
  .theme-toggle .tt-lbl { display: none; }
}
html[data-theme="neutral"] .pill { white-space: nowrap; }
html[data-theme="neutral"] [style*="dashed var(--line)"] { border-style: solid !important; border-color: #f0f1ef !important; }

/* rundeoversigt: kamphovedet er hvidt i neutral → "VS" og uafgjort-badge må ikke være hvide */
html[data-theme="neutral"] .ro-match-head [style*="rgba(255, 255, 255"] { color: var(--muted) !important; }
html[data-theme="neutral"] .ro-result-badge { background: var(--n-soft) !important; color: var(--ink-2) !important; }
html[data-theme="neutral"] .ro-result-badge[style*="rgb(242, 180, 23)"] { background: #e3f0e8 !important; color: #155f3e !important; }

/* rundeoversigtens små hold-ikoner: grå som resten af siden (og som i billed-eksporten) */
html[data-theme="neutral"] .ro-match [style*="Anton"] { background: var(--n-soft) !important; color: var(--ink-2) !important; }

/* Manager-profil: listevisning på mobil */
@media (max-width: 600px) {
  html[data-theme="neutral"] .manager-tiles {
    border: 1px solid var(--n-border); border-radius: var(--r-lg); overflow: hidden; background: #fff;
  }
  html[data-theme="neutral"] .manager-tiles .tile {
    padding: 12px 16px; border: 0; border-bottom: 1px solid var(--n-border); border-radius: 0; box-shadow: none;
  }
  html[data-theme="neutral"] .manager-tiles .tile:last-child { border-bottom: 0; }
  html[data-theme="neutral"] .manager-tiles .tile.green { border-bottom-color: var(--green); }
}