:root{
  --bg:#f1f4f9;
  --kort:#ffffff;
  --tekst:#16203a;
  --svag:#5d6577;
  --linje:#e2e7f0;
  --linje-stærk:#cdd5e4;
  --blaa:#0e1f57;
  --accent:#1b3aa0;
  --accent-mørk:#13287a;
  --accent-tint:#e6ebf8;
  --fare:#b5462c;
  --graes1:#2f8d4e;
  --graes2:#2a8348;
  --graes-linje:rgba(255,255,255,0.85);
  --skygge:0 1px 2px rgba(14,31,87,.05),0 4px 14px rgba(14,31,87,.07);
}
#oebg-holdkort-root *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
#oebg-holdkort-root button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
#oebg-holdkort-root input{font-family:inherit;}

/* Appen er en selvstændig fuldskærms-app — bryder ud af temaets sidebredde,
   så den ikke fanges i en smal indholdskolonne og ligner en popup. */
#oebg-holdkort-root{
  position:fixed;inset:0;z-index:99990;
  overflow:hidden;
  background:var(--bg);
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  color:var(--tekst);font-size:16px;line-height:1.35;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
}
#oebg-holdkort-root input,#oebg-holdkort-root textarea{-webkit-user-select:text;user-select:text;}
/* respektér WordPress' admin-bjælke, så appens top ikke skjules bag den */
body.admin-bar #oebg-holdkort-root{top:32px;}
@media screen and (max-width:782px){
  body.admin-bar #oebg-holdkort-root{top:46px;}
}
#oebg-holdkort-root .app{
  position:absolute;inset:0;width:100%;height:100%;
  background:var(--bg);display:flex;flex-direction:column;
  overflow:hidden;
}
#oebg-holdkort-root .app__krop{flex:1;min-height:0;display:flex;flex-direction:column;}

/* ---- Topbar ---- */
#oebg-holdkort-root .topbar{
  height:60px;flex:0 0 auto;display:flex;align-items:center;gap:6px;
  padding:0 8px;background:var(--kort);border-bottom:1px solid var(--linje);
  position:sticky;top:0;z-index:20;
}
#oebg-holdkort-root .topbar__back,#oebg-holdkort-root .topbar__spacer{width:44px;height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:11px;color:var(--tekst);}
#oebg-holdkort-root .topbar__back:active{background:var(--linje);}
#oebg-holdkort-root .topbar__titler{flex:1;min-width:0;}
#oebg-holdkort-root .topbar__titel{font-size:19px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#oebg-holdkort-root .topbar__under{font-size:12.5px;color:var(--svag);font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#oebg-holdkort-root .topbar__right{flex:0 0 auto;display:flex;align-items:center;}

/* ---- Skærm / lister ---- */
#oebg-holdkort-root .skaerm{flex:1;min-height:0;display:flex;flex-direction:column;}
#oebg-holdkort-root .liste{flex:1;min-height:0;overflow-y:auto;padding:16px 16px 110px;-webkit-overflow-scrolling:touch;}
#oebg-holdkort-root .liste--scroll{padding-bottom:40px;}

/* ---- Rækker (spiller / kamp) ---- */
#oebg-holdkort-root .rk{display:flex;align-items:center;gap:12px;background:var(--kort);border:1px solid var(--linje);border-radius:14px;padding:10px 10px 10px 12px;margin-bottom:10px;box-shadow:var(--skygge);}
#oebg-holdkort-root .rk__navn{flex:1;font-weight:600;font-size:17px;min-width:0;}
#oebg-holdkort-root .rk__navn--btn{text-align:left;}
#oebg-holdkort-root .rk__btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:var(--svag);}
#oebg-holdkort-root .rk__btn:active{background:var(--linje);}
#oebg-holdkort-root .rk__btn--fare{color:var(--fare);}
#oebg-holdkort-root .rk--kamp{padding-left:14px;}
#oebg-holdkort-root .rk__nr{width:38px;height:38px;flex:0 0 auto;border-radius:10px;background:var(--accent-tint);color:var(--accent-mørk);display:flex;align-items:center;justify-content:center;}
#oebg-holdkort-root .rk__aabn{width:40px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--svag);}

/* ---- Stævne-kort ---- */
#oebg-holdkort-root .kort{display:flex;align-items:center;width:100%;text-align:left;background:var(--kort);border:1px solid var(--linje);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:var(--skygge);}
#oebg-holdkort-root .kort:active{transform:scale(.99);}
#oebg-holdkort-root .kort__krop{flex:1;min-width:0;}
#oebg-holdkort-root .kort__titel{font-size:18px;font-weight:700;letter-spacing:-.01em;}
#oebg-holdkort-root .kort__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px;font-size:13px;color:var(--svag);font-weight:500;}
#oebg-holdkort-root .taske{background:var(--blaa);color:#fff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;white-space:nowrap;}
#oebg-holdkort-root .kort__pil{color:var(--linje-stærk);flex:0 0 auto;}

/* ---- Blokke i stævne-detalje ---- */
#oebg-holdkort-root .blok{background:var(--kort);border:1px solid var(--linje);border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:var(--skygge);}
#oebg-holdkort-root .blok__top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
#oebg-holdkort-root .blok__h{font-size:16px;font-weight:700;}
#oebg-holdkort-root .blok__sub{font-size:13px;color:var(--svag);margin-top:2px;}
#oebg-holdkort-root .blok__tom{font-size:14.5px;color:var(--svag);padding:8px 0 2px;}
#oebg-holdkort-root .blok__hint{font-size:13px;color:var(--svag);margin-top:8px;}
#oebg-holdkort-root .lnk{color:var(--accent-mørk);font-weight:700;font-size:14.5px;padding:6px 4px;white-space:nowrap;}
#oebg-holdkort-root .lnk:disabled{color:var(--linje-stærk);}

#oebg-holdkort-root .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
#oebg-holdkort-root .chip{display:flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--linje);border-radius:999px;padding:4px 12px 4px 4px;font-size:14px;font-weight:500;}

/* ---- Overblik ---- */
#oebg-holdkort-root .overblik{margin-top:14px;}
#oebg-holdkort-root .overblik__h{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--svag);font-weight:700;margin-bottom:9px;}
#oebg-holdkort-root .ovr-rk{display:flex;align-items:center;gap:10px;margin-bottom:9px;}
#oebg-holdkort-root .ovr-rk__navn{flex:0 0 96px;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#oebg-holdkort-root .ovr-rk__bar{flex:1;height:10px;background:var(--linje);border-radius:999px;overflow:hidden;}
#oebg-holdkort-root .ovr-rk__fyld{display:block;height:100%;background:var(--blaa);border-radius:999px;transition:width .3s ease;}
#oebg-holdkort-root .ovr-rk__tal{flex:0 0 22px;text-align:right;font-weight:700;font-size:14.5px;color:var(--svag);}
#oebg-holdkort-root .ovr-rk__prikker{flex:1;display:flex;gap:5px;align-items:center;}
#oebg-holdkort-root .prik{width:11px;height:11px;border-radius:50%;background:var(--accent);}
#oebg-holdkort-root .ovr-rk__nul{color:var(--linje-stærk);font-weight:700;}

/* ---- Tom-tilstand ---- */
#oebg-holdkort-root .tom{text-align:center;padding:48px 24px;color:var(--svag);}
#oebg-holdkort-root .tom__ikon{width:72px;height:72px;border-radius:20px;background:var(--kort);border:1px solid var(--linje);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--linje-stærk);}
#oebg-holdkort-root .tom__titel{font-size:18px;font-weight:700;color:var(--tekst);margin-bottom:6px;}
#oebg-holdkort-root .tom__tekst{font-size:14.5px;max-width:280px;margin:0 auto;text-wrap:pretty;}

/* ---- Knapper ---- */
#oebg-holdkort-root .knap{height:52px;padding:0 22px;border-radius:13px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
#oebg-holdkort-root .knap--primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(27,58,160,.32);}
#oebg-holdkort-root .knap--primary:active{background:var(--accent-mørk);}
#oebg-holdkort-root .knap--primary:disabled{background:var(--linje-stærk);box-shadow:none;color:#fff;}
#oebg-holdkort-root .knap--ghost{background:transparent;color:var(--tekst);border:1.5px solid var(--linje-stærk);}
#oebg-holdkort-root .knap--full{width:100%;}
#oebg-holdkort-root .fab{position:absolute;right:18px;bottom:calc(62px + env(safe-area-inset-bottom) + 16px);width:60px;height:60px;border-radius:20px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(27,58,160,.42);z-index:30;}
#oebg-holdkort-root .fab:active{transform:scale(.95);}

/* ---- Trøje-brik ---- */
#oebg-holdkort-root .troje-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;}
#oebg-holdkort-root .troje{
  position:relative;background:var(--blaa);display:flex;align-items:center;justify-content:center;
  clip-path:polygon(32% 5%,42% 5%,50% 12%,58% 5%,68% 5%,100% 20%,86% 41%,76% 33%,76% 100%,24% 100%,24% 33%,14% 41%,0% 20%);
  touch-action:none;user-select:none;flex:0 0 auto;
  box-shadow:0 2px 5px rgba(0,0,0,.25);
}
#oebg-holdkort-root .troje__mark{color:#fff;font-weight:800;font-size:15px;padding-top:18%;letter-spacing:.02em;position:relative;z-index:2;}
/* hvid bjælke yderst på ærmet (på tværs, som på den rigtige trøje) */
#oebg-holdkort-root .troje::before,#oebg-holdkort-root .troje::after{content:"";position:absolute;inset:0;background:#fff;z-index:1;}
#oebg-holdkort-root .troje::before{clip-path:polygon(-3% 22%,11% 43%,22% 35%,8% 14%);}
#oebg-holdkort-root .troje::after{clip-path:polygon(103% 22%,89% 43%,78% 35%,92% 14%);}
#oebg-holdkort-root .troje--keeper{background:#cbed5c;}
#oebg-holdkort-root .troje--keeper .troje__mark{color:var(--blaa);}
#oebg-holdkort-root .troje__navn--keeper{color:var(--blaa);background:rgba(203,237,92,.92);}
#oebg-holdkort-root .troje__navn{font-size:13px;font-weight:700;color:#fff;background:rgba(20,20,30,.6);padding:1px 8px;border-radius:999px;white-space:nowrap;backdrop-filter:blur(2px);}
#oebg-holdkort-root .troje--ikon{width:34px;height:34px;border-radius:0;box-shadow:none;flex:0 0 auto;}
#oebg-holdkort-root .troje--ikon .troje__mark{font-size:13px;padding-top:14%;}
#oebg-holdkort-root .troje--drag{box-shadow:0 8px 20px rgba(0,0,0,.4);}
#oebg-holdkort-root .troje--dim{opacity:.45;}

/* navnet placeres under trøjen på banen uden at flytte ankeret */
#oebg-holdkort-root .brik .troje-wrap{position:relative;}
#oebg-holdkort-root .brik .troje__navn{position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);}

/* ---- Bold (klassisk fodbold) ---- */
#oebg-holdkort-root .bold{position:relative;border-radius:50%;overflow:hidden;touch-action:none;user-select:none;
  background:radial-gradient(circle at 38% 30%,#f4f0e3 0%,#ece6d4 64%,#dcd4bd 100%);
  border:2px solid var(--blaa);box-shadow:0 2px 6px rgba(0,0,0,.32);}
#oebg-holdkort-root .bold__pent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--blaa);
  clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);}
#oebg-holdkort-root .bold--drag{box-shadow:0 8px 18px rgba(0,0,0,.4);}

/* ---- Bund-ark (modal) ---- */
#oebg-holdkort-root .ark-overlay{position:fixed;inset:0;background:rgba(20,18,14,.45);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fade .15s ease;}
#oebg-holdkort-root .app{contain:layout;}
#oebg-holdkort-root .ark{width:100%;max-width:480px;background:var(--kort);border-radius:22px 22px 0 0;padding:8px 18px calc(20px + env(safe-area-inset-bottom));max-height:90vh;display:flex;flex-direction:column;animation:op .22s cubic-bezier(.2,.8,.2,1);}
#oebg-holdkort-root .ark__greb{width:42px;height:5px;border-radius:999px;background:var(--linje-stærk);margin:6px auto 10px;}
#oebg-holdkort-root .ark__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
#oebg-holdkort-root .ark__titel{font-size:19px;font-weight:700;}
#oebg-holdkort-root .ark__luk{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--svag);}
#oebg-holdkort-root .ark__indhold{overflow-y:auto;min-height:0;}
#oebg-holdkort-root .ark__sub{font-size:14px;color:var(--svag);margin:2px 0 14px;text-wrap:pretty;}
#oebg-holdkort-root .ark__knapper{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:18px;}
#oebg-holdkort-root .ark__knapper .knap{flex:1;}
#oebg-holdkort-root .ark__knapper--sticky{position:sticky;bottom:0;background:var(--kort);padding-top:12px;margin-top:12px;border-top:1px solid var(--linje);}
#oebg-holdkort-root .ark__taeller{flex:1;font-size:14px;color:var(--svag);font-weight:600;}
@keyframes op{from{transform:translateY(100%);}to{transform:translateY(0);}}
@keyframes opned{from{transform:translateY(-100%);}to{transform:translateY(0);}}
@keyframes fade{from{opacity:0;}to{opacity:1;}}

/* Popup i toppen (til redigering — så iPhone-tastaturet ikke dækker den) */
#oebg-holdkort-root .ark-overlay--top{align-items:flex-start;}
#oebg-holdkort-root .ark--top{border-radius:0 0 22px 22px;padding:calc(8px + env(safe-area-inset-top)) 18px 22px;animation:opned .22s cubic-bezier(.2,.8,.2,1);}

/* ---- Felter ---- */
#oebg-holdkort-root .felt{display:block;margin-bottom:16px;}
#oebg-holdkort-root .felt__label{display:block;font-size:13.5px;font-weight:600;color:var(--svag);margin-bottom:7px;}
#oebg-holdkort-root .felt__input{width:100%;height:52px;border:1.5px solid var(--linje-stærk);border-radius:13px;padding:0 15px;font-size:16.5px;font-weight:500;background:var(--bg);color:var(--tekst);}
#oebg-holdkort-root .felt__input:focus{outline:none;border-color:var(--accent);background:#fff;}

#oebg-holdkort-root .holdrk{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
#oebg-holdkort-root .holdrk .felt__input{flex:1;}
#oebg-holdkort-root .holdrk__x{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  border-radius:11px;color:var(--svag);background:var(--bg);border:1.5px solid var(--linje-stærk);}
#oebg-holdkort-root .holdrk__tilfoej{display:inline-block;margin-top:2px;}

#oebg-holdkort-root .vaelg-rk{display:flex;gap:10px;}
#oebg-holdkort-root .vaelg{flex:1;height:50px;border:1.5px solid var(--linje-stærk);border-radius:13px;font-weight:700;font-size:15.5px;background:var(--bg);}
#oebg-holdkort-root .vaelg--på{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-mørk);}

/* ---- Vælg-lister (tilmeld / spiller) ---- */
#oebg-holdkort-root .vaelg-liste{display:flex;flex-direction:column;}
#oebg-holdkort-root .vaelg-rad{display:flex;align-items:center;gap:12px;padding:13px 6px;border-bottom:1px solid var(--linje);text-align:left;}
#oebg-holdkort-root .vaelg-rad__navn{flex:1;font-size:16.5px;font-weight:600;}
#oebg-holdkort-root .vaelg-rad__box{width:26px;height:26px;border-radius:8px;border:2px solid var(--linje-stærk);flex:0 0 auto;position:relative;}
#oebg-holdkort-root .vaelg-rad--på .vaelg-rad__box{background:var(--accent);border-color:var(--accent);}
#oebg-holdkort-root .vaelg-rad--på .vaelg-rad__box::after{content:"";position:absolute;left:8px;top:3px;width:6px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);}
#oebg-holdkort-root .vaelg-rad--på{background:var(--accent-tint);}
#oebg-holdkort-root .vaelg-rad__taget{font-size:12px;color:var(--svag);background:var(--bg);padding:3px 8px;border-radius:999px;}

/* ---- Opstilling ---- */
#oebg-holdkort-root .opstil{display:flex;flex-direction:column;gap:9px;}
#oebg-holdkort-root .opstil-rad{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--kort);border:1.5px solid var(--linje);border-radius:13px;padding:13px 14px;}
#oebg-holdkort-root .opstil-rad--aktiv{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);}
#oebg-holdkort-root .opstil-rad__pos{flex:0 0 90px;font-weight:700;font-size:14.5px;}
#oebg-holdkort-root .opstil-rad__val{flex:1;font-size:16px;font-weight:600;}
#oebg-holdkort-root .opstil-rad__val--tom{color:var(--svag);font-weight:500;}
#oebg-holdkort-root .opstil-rad .topbar__right,#oebg-holdkort-root .opstil-rad svg{color:var(--linje-stærk);flex:0 0 auto;}
#oebg-holdkort-root .opstil-benk{margin-top:14px;background:var(--bg);border-radius:12px;padding:12px 14px;}
#oebg-holdkort-root .opstil-benk__h{display:block;font-size:13px;font-weight:700;color:var(--svag);margin-bottom:3px;}
#oebg-holdkort-root .opstil-benk__navne{font-size:14.5px;font-weight:500;}

/* ---- Bund-nav ---- */
#oebg-holdkort-root .bundnav{flex:0 0 auto;display:flex;background:var(--kort);border-top:1px solid var(--linje);padding-bottom:env(safe-area-inset-bottom);}
#oebg-holdkort-root .bundnav__btn{flex:1;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--svag);font-size:11px;font-weight:600;padding:0 2px;}
#oebg-holdkort-root .bundnav__btn--på{color:var(--accent-mørk);}
#oebg-holdkort-root .bundnav__btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#oebg-holdkort-root .bundnav__img{width:24px;height:24px;object-fit:contain;opacity:.5;}
#oebg-holdkort-root .bundnav__btn--på .bundnav__img{opacity:1;}

/* Arkiv */
#oebg-holdkort-root .kort--arkiv{cursor:default;align-items:stretch;}
#oebg-holdkort-root .arkiv-mrk{color:var(--fare);font-weight:700;}
#oebg-holdkort-root .arkiv-knapper{display:flex;gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--linje);}
#oebg-holdkort-root .lnk--fare{color:var(--fare);}

/* Slet-knap i rediger-ark */
#oebg-holdkort-root .ark__slet{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;
  padding:13px;border-radius:14px;background:transparent;border:1px solid var(--linje-stærk);
  color:var(--fare);font-weight:700;font-size:15px;}
#oebg-holdkort-root .ark__slet:active{background:rgba(181,70,44,.06);}

/* Forside */
#oebg-holdkort-root .forside{padding:8px 4px 4px;}
#oebg-holdkort-root .forside__brand{display:flex;flex-direction:column;align-items:center;margin:14px auto 22px;}
#oebg-holdkort-root .forside__logo{display:block;width:auto;max-width:78%;max-height:96px;object-fit:contain;}
#oebg-holdkort-root .forside__ordmaerke{margin-top:8px;font-size:24px;font-weight:800;letter-spacing:.01em;color:var(--blaa);}
#oebg-holdkort-root .kort__by{font-size:13.5px;color:var(--svag);font-weight:600;margin-top:1px;}
#oebg-holdkort-root .linkkort{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-bottom:12px;border-radius:16px;
  background:var(--accent-tint);color:var(--accent-mørk);border:1px solid var(--linje);font-weight:700;font-size:15px;}
#oebg-holdkort-root .linkkort__tekst{flex:1;}
#oebg-holdkort-root .linkkort:active{background:#dbe3f6;}
#oebg-holdkort-root .fhero{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  padding:16px 16px 16px 22px;border-radius:18px;background:#eef7d6;color:var(--blaa);
  margin-bottom:16px;box-shadow:0 8px 22px rgba(140,170,40,.22);overflow:hidden;}
#oebg-holdkort-root .fhero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:#a7cc2e;}
#oebg-holdkort-root .fhero:active{background:#e6f2c4;}
#oebg-holdkort-root .fhero__txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
#oebg-holdkort-root .fhero__mrk{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#5a7a16;}
#oebg-holdkort-root .fhero__navn{font-size:20px;font-weight:800;line-height:1.15;color:var(--blaa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#oebg-holdkort-root .fhero__dato{font-size:14px;color:#4a5168;margin-top:2px;}
#oebg-holdkort-root .fhero__pil{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;
  border-radius:50%;background:#a7cc2e;color:var(--blaa);}
#oebg-holdkort-root .fkort-gitter{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
#oebg-holdkort-root .fkort{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 16px;border-radius:18px;
  background:var(--kort);border:1px solid var(--linje);color:var(--accent-mørk);box-shadow:0 4px 14px rgba(14,31,87,.06);}
#oebg-holdkort-root .fkort:active{background:var(--accent-tint);}
#oebg-holdkort-root .fkort img{opacity:.85;}
#oebg-holdkort-root .fkort__h{font-size:16.5px;font-weight:800;color:var(--tekst);margin-top:2px;}
#oebg-holdkort-root .fkort__sub{font-size:13px;color:var(--svag);font-weight:600;}

/* ============ BANEN ============ */
#oebg-holdkort-root .app__krop--fuld{padding:0;}
#oebg-holdkort-root .baneskærm{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#1a3d25;display:flex;flex-direction:column;}
#oebg-holdkort-root .bane-top{flex:0 0 auto;display:flex;align-items:center;gap:6px;background:var(--kort);padding:calc(4px + env(safe-area-inset-top)) 8px 4px;border-bottom:1px solid var(--linje);}
#oebg-holdkort-root .bane-top__navn{flex:1;min-width:0;font-size:14.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#oebg-holdkort-root .bane-top .topbar__back{width:34px;height:34px;border-radius:9px;flex:0 0 auto;}
#oebg-holdkort-root .bane-knapper{display:flex;align-items:center;gap:7px;justify-content:flex-end;flex-wrap:wrap;}
#oebg-holdkort-root .bane-knapper .ikonknap{width:38px;height:38px;border-radius:10px;}
#oebg-holdkort-root .bane-knapper .benkknap{height:38px;padding:0 12px;}
#oebg-holdkort-root .rk__tal{margin-right:2px;}
#oebg-holdkort-root .rk__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
#oebg-holdkort-root .rk__txt .rk__navn{flex:none;}
#oebg-holdkort-root .rk__stat{font-size:11.5px;color:var(--svag);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Sortering i klubtrup */
#oebg-holdkort-root .sortbar{display:flex;align-items:center;gap:7px;padding:10px 16px 2px;flex-wrap:wrap;}
#oebg-holdkort-root .sortbar__label{font-size:13px;color:var(--svag);font-weight:600;margin-right:1px;}
#oebg-holdkort-root .sortchip{height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--linje);background:var(--kort);color:var(--tekst);font-size:13.5px;font-weight:600;}
#oebg-holdkort-root .sortchip--på{background:var(--blaa);color:#fff;border-color:var(--blaa);}
#oebg-holdkort-root .ikonknap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid var(--linje);background:var(--kort);color:var(--tekst);}
#oebg-holdkort-root .ikonknap:active{background:var(--linje);}
#oebg-holdkort-root .benkknap{height:42px;padding:0 14px;border-radius:999px;background:var(--blaa);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;gap:7px;}
#oebg-holdkort-root .benkknap--på{background:#cbed5c;color:var(--blaa);}
#oebg-holdkort-root .benkknap__tal{background:rgba(255,255,255,.22);border-radius:999px;min-width:22px;height:22px;padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:13px;}
#oebg-holdkort-root .benkknap--på .benkknap__tal{background:rgba(14,31,87,.18);color:var(--blaa);}

#oebg-holdkort-root .bane-omr{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:10px;background:#1a3d25;}
#oebg-holdkort-root .baneskærm--benk .bane-omr{padding-bottom:178px;}

/* Tegnede streger og tegne-lag */
#oebg-holdkort-root .bane__streger{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;}
#oebg-holdkort-root .tegnelag{position:absolute;inset:0;z-index:30;touch-action:none;cursor:crosshair;background:transparent;}
#oebg-holdkort-root .tegneknap--på{background:#ffe14d;color:var(--blaa);border-color:#ffe14d;}
#oebg-holdkort-root .modknap--på{background:#c0392b;color:#fff;border-color:#c0392b;}

/* Modstander-tæller i bunden */
#oebg-holdkort-root .modbar{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));
  z-index:60;display:flex;align-items:center;gap:10px;padding:7px 9px 7px 16px;border-radius:999px;
  background:var(--blaa);color:#fff;box-shadow:0 6px 20px rgba(14,31,87,.28);}
#oebg-holdkort-root .modbar__navn{font-weight:700;font-size:14px;}
#oebg-holdkort-root .modbar__tal{min-width:20px;text-align:center;font-weight:800;font-size:16px;}
#oebg-holdkort-root .modbar__knap{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;
  font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;}
#oebg-holdkort-root .modbar__knap:active{background:rgba(255,255,255,.34);}
#oebg-holdkort-root .modbar__knap:disabled{opacity:.4;}
#oebg-holdkort-root .modst{width:40px;height:40px;border-radius:50%;background:#c0392b;border:2.5px solid #fff;
  box-shadow:0 2px 6px rgba(0,0,0,.3);touch-action:none;cursor:grab;}
#oebg-holdkort-root .brik--mod{z-index:5;}
#oebg-holdkort-root .tegneknap-tekst{height:40px;padding:0 14px;border-radius:999px;background:var(--blaa);color:#fff;font-weight:700;font-size:14px;}
#oebg-holdkort-root .tegneknap-tekst--fuld{background:rgba(255,255,255,.92);color:var(--blaa);box-shadow:0 2px 10px rgba(0,0,0,.25);}
#oebg-holdkort-root .tegneknap-tekst--på{background:#ffe14d;color:var(--blaa);}

#oebg-holdkort-root .bane-fuld-knapper{position:absolute;top:calc(8px + env(safe-area-inset-top));right:10px;z-index:70;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
#oebg-holdkort-root .ikonknap--fuld{background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.25);}

/* Bænk- og målmandstal i spillervælgeren */
#oebg-holdkort-root .vaelg-rad__tal{display:flex;gap:6px;margin-left:auto;}
#oebg-holdkort-root .tlbadge{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--accent-tint);color:var(--accent-mørk);white-space:nowrap;}
#oebg-holdkort-root .tlbadge--gk{background:#eef7d6;color:#4d6a13;}

/* Diskret gemme-status */
#oebg-holdkort-root .gemstatus{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);
  z-index:99999;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;
  box-shadow:0 4px 14px rgba(14,31,87,.18);animation:fade .15s ease;}
#oebg-holdkort-root .gemstatus--gemmer{background:var(--blaa);color:#fff;}
#oebg-holdkort-root .gemstatus--venter{background:#b5462c;color:#fff;}
#oebg-holdkort-root .gemstatus--gemt{background:#cbed5c;color:var(--blaa);}
#oebg-holdkort-root .bane{
  position:relative;border-radius:8px;overflow:hidden;flex:0 0 auto;touch-action:none;user-select:none;
  background:repeating-linear-gradient(180deg,var(--graes1) 0,var(--graes1) 9%,var(--graes2) 9%,var(--graes2) 18%);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
#oebg-holdkort-root .bane__kant{position:absolute;inset:10px;border:3px solid var(--graes-linje);border-radius:4px;}
#oebg-holdkort-root .bane__midt{position:absolute;left:10px;right:10px;top:50%;height:3px;background:var(--graes-linje);transform:translateY(-50%);}
#oebg-holdkort-root .bane__cirkel{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;border:3px solid var(--graes-linje);border-radius:50%;transform:translate(-50%,-50%);}
#oebg-holdkort-root .bane__maalfelt{position:absolute;left:50%;transform:translateX(-50%);width:44%;height:9%;border:3px solid var(--graes-linje);}
#oebg-holdkort-root .bane__maalfelt--top{top:10px;border-top:none;}
#oebg-holdkort-root .bane__maalfelt--bund{bottom:10px;border-bottom:none;}
#oebg-holdkort-root .bane__maal{position:absolute;left:50%;transform:translateX(-50%);width:22%;height:6px;background:var(--graes-linje);border-radius:2px;}
#oebg-holdkort-root .bane__maal--top{top:7px;}
#oebg-holdkort-root .bane__maal--bund{bottom:7px;}

#oebg-holdkort-root .brik{position:absolute;transform:translate(-50%,-50%);z-index:5;}
#oebg-holdkort-root .brik--bold{z-index:4;}

/* ---- Bænk-sheet ---- */
#oebg-holdkort-root .benk{position:absolute;left:0;right:0;bottom:0;z-index:60;background:var(--kort);border-top:2px solid var(--linje);padding:12px 14px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -8px 22px rgba(0,0,0,.18);transition:background .15s ease,border-color .15s ease;}
#oebg-holdkort-root .benk--over{background:var(--accent-tint);border-top-color:var(--accent);}
#oebg-holdkort-root .benk__top{margin-bottom:9px;}
#oebg-holdkort-root .benk__h{font-size:15px;font-weight:700;}
#oebg-holdkort-root .benk__hint{display:block;font-size:12.5px;color:var(--svag);margin-top:1px;text-wrap:pretty;}
#oebg-holdkort-root .benk__rk{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 6px;-webkit-overflow-scrolling:touch;}
#oebg-holdkort-root .benk__rk .troje-wrap{flex:0 0 auto;}
#oebg-holdkort-root .benk__rk .troje__navn{color:var(--tekst);background:transparent;backdrop-filter:none;}
#oebg-holdkort-root .benk__tom{font-size:14px;color:var(--svag);padding:10px 2px;}

#oebg-holdkort-root .ghost{position:fixed;transform:translate(-50%,-55%);z-index:1000;pointer-events:none;}

/* drop-zone til at bænke en markspiller */
#oebg-holdkort-root .benkezone{position:fixed;left:0;right:0;bottom:0;height:72px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(28,22,92,.94);color:#fff;font-weight:700;font-size:15px;z-index:900;pointer-events:none;border-top:2px dashed rgba(255,255,255,.45);transition:background .15s ease;padding-bottom:env(safe-area-inset-bottom);}
#oebg-holdkort-root .benkezone--aktiv{background:var(--accent);border-top-color:rgba(255,255,255,.8);}

/* desktop ramme */
/* desktop / større skærme — appen fylder hele skærmen, indhold i én kolonne */
@media(min-width:520px){
  #oebg-holdkort-root{background:var(--bg);}
  #oebg-holdkort-root .app{max-width:none;width:100%;height:100%;border-radius:0;box-shadow:none;}

  /* Fælles centreret kolonne. Gutter klamper til 16px på smalle skærme og
     centrerer indholdet på brede, så topbar, lister og bundnav flugter. */
  #oebg-holdkort-root .topbar{
    padding-left:max(16px,calc((100% - 760px) / 2));
    padding-right:max(16px,calc((100% - 760px) / 2));
  }
  #oebg-holdkort-root .liste,#oebg-holdkort-root .liste--scroll{
    padding-left:max(16px,calc((100% - 760px) / 2));
    padding-right:max(16px,calc((100% - 760px) / 2));
  }
  #oebg-holdkort-root .bundnav{
    padding-left:max(0px,calc((100% - 760px) / 2));
    padding-right:max(0px,calc((100% - 760px) / 2));
  }
  /* Tilføj-knappen følger kolonnens højre kant i stedet for skærmhjørnet */
  #oebg-holdkort-root .fab{right:max(18px,calc((100% - 760px) / 2 + 18px));}
}


/* ---- Nye tilstande i WordPress-versionen ---- */
#oebg-holdkort-root .skaermbesked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px;gap:8px;}
#oebg-holdkort-root .skaermbesked__titel{font-size:19px;font-weight:700;color:var(--tekst);}
#oebg-holdkort-root .skaermbesked__tekst{font-size:14.5px;color:var(--svag);max-width:300px;text-wrap:pretty;}
#oebg-holdkort-root .fejlbanner{position:absolute;left:12px;right:12px;top:12px;z-index:200;background:var(--fare);color:#fff;font-size:14px;font-weight:600;padding:11px 14px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.25);text-align:center;animation:fade .15s ease;}

/* Lidt større spillertrøjer på tablets */
@media (min-width: 768px) {
  #oebg-holdkort-root .brik .troje-wrap { width: 80px !important; }
  #oebg-holdkort-root .brik .troje { width: 56px !important; height: 56px !important; }
  #oebg-holdkort-root .brik .troje__mark { font-size: 18px; }
}