body.dashboard-page{display:block;padding:0;margin:0;background:#07111e;color:#eaf2ff;text-align:left;font-family:Arial,sans-serif} .dashboard-page *{box-sizing:border-box}.dash-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#091827;border-bottom:1px solid #284361}.brand{display:flex;align-items:center;gap:12px}.brand img{width:55px;height:55px;object-fit:contain}.brand b{display:block;font-size:19px}.brand small,.dash-heading span{display:block;color:#9db1ca;font-size:12px;margin-top:5px}.dash-heading{text-align:center}.dash-heading b{font-size:22px}.dash-header nav{display:flex;gap:10px}.dash-header a,.dash-header nav button{color:white;text-decoration:none;background:#16304a;border:1px solid #52718e;padding:13px 17px;border-radius:9px;cursor:pointer;font-size:14px}.dash-header nav button{background:#b71f31}.dash-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(320px,1.05fr) minmax(250px,1fr);gap:14px;padding:14px;align-items:start}.dash-card{background:#0b1a2b;border:1px solid #31506e;border-radius:13px;overflow:hidden;margin-bottom:14px;padding:15px}.team-card{padding:0}.team-card h2{margin:0;padding:15px;text-align:center;font-size:18px;background:#095bc1}.away-panel h2{background:#ba202b}.team-card h3,.dash-card h3{font-size:16px;margin:12px 0;padding:0 8px}.team-score{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px}.team-score strong{font-size:21px;overflow-wrap:anywhere}.team-score .goal-box{font-size:64px;font-weight:bold;width:105px;height:auto;background:transparent;border:0;color:white;text-align:center;margin:0;padding:0}.dash-actions,.penalty-buttons{display:flex;gap:8px;padding:8px 12px;flex-wrap:wrap}.dashboard-page button{cursor:pointer}.dash-actions button,.penalty-buttons button,.action-grid button,.time-buttons button{background:#19324b;border:1px solid #446783;border-radius:9px;padding:12px;color:#f0f6ff;font-size:14px;flex:1}.dash-actions .green,.action-grid .green{background:#058846}.team-card .players{display:flex;flex-wrap:wrap;gap:8px;align-content:start;min-height:190px;padding:12px}.team-card .players button{width:auto;min-width:50px;height:48px;margin:0;border-radius:9px}.penalty-panel{margin:10px;border:1px solid #31506e;border-radius:10px}.penalty-buttons button{background:#a96d04}.clock-panel{text-align:center}.clock-panel .period{font-size:25px;color:#b6cce4}.clock-panel .clock{font-size:clamp(54px,7vw,100px);font-weight:800;letter-spacing:2px;margin:10px auto}.time-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.time-buttons button{padding:12px 3px}.start-button{width:100%;background:#079b47;border:1px solid #29db70;color:white;font-size:21px;font-weight:bold;padding:16px;margin-top:12px;border-radius:10px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action-grid .danger{background:#a92331}.report-panel .log{height:260px;overflow:auto;text-align:left;background:#07121f;border:1px solid #2a435c;border-radius:8px;padding:10px;max-width:none}.export-panel .export-button{width:100%;background:#0872ed;border:0;color:white;border-radius:9px;padding:16px;font-weight:bold;font-size:16px}.export-panel p{font-size:12px;color:#a4b8cc}.dashboard-page .modal-overlay{text-align:center}@media(max-width:1100px){.dash-layout{grid-template-columns:1fr 1fr}.dash-center{grid-column:1/-1;grid-row:1}.home-panel{grid-column:1}.away-panel{grid-column:2}}@media(max-width:650px){.dash-header{flex-wrap:wrap}.dash-heading{display:none}.dash-layout{display:flex;flex-direction:column}.dash-layout>section{width:100%}.dash-center{order:0}.home-panel{order:1}.away-panel{order:2}.clock-panel .clock{font-size:64px}.team-card .players{min-height:80px}}
.dash-header{padding:12px 20px}.top-tabs{display:flex;gap:6px}.top-tabs a{color:white;background:#10243a;border-radius:8px;padding:16px;text-decoration:none}.top-tabs a:first-child{background:#0759bd}.dash-layout{grid-template-columns:minmax(290px,1fr) minmax(380px,1.05fr) minmax(290px,1fr);gap:12px}.team-score{min-height:130px}.team-card>.players{display:none}.roster-title{display:flex;justify-content:space-between;align-items:center;padding:0 12px}.roster-title button{background:#0769db;color:white;border:0;border-radius:8px;padding:10px}.roster-wrap{padding:10px;min-height:310px;overflow-x:auto}.roster-table{border-collapse:collapse;width:100%;font-size:13px}.roster-table th,.roster-table td{border:1px solid #28425a;padding:9px 5px;text-align:left}.roster-table th{font-size:12px}.slot-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.slot-buttons button{background:#1b334d;color:white;border:1px solid #38536f;border-radius:6px;padding:10px;min-width:39px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.quick-actions button{background:#008e39;color:white;border:1px solid #27cd65;border-radius:10px;padding:12px 2px;font-size:24px;min-height:100px}.quick-actions button:nth-child(n+3){background:#edb300;color:#102030;border-color:#ffcf32}.quick-actions b,.quick-actions small{display:block;font-size:14px;margin-top:5px}.quick-actions small{font-size:12px}.time-buttons{display:flex;gap:7px}.time-buttons button{padding:15px 5px}.action-grid button{min-height:65px}.clock-panel .clock{font-size:clamp(65px,6vw,100px)}@media(max-width:1100px){.dash-layout{grid-template-columns:1fr 1fr}.dash-center{grid-column:1/-1;grid-row:1}}@media(max-width:650px){.top-tabs{order:3;overflow-x:auto;width:100%}.dash-layout{display:flex;flex-direction:column}.quick-actions{grid-template-columns:repeat(2,1fr)}}
/* Én skærm: faste dashboard-proportioner og scroll kun inde i datafelter. */
html:has(body.dashboard-page){height:100%;overflow:hidden}
body.dashboard-page{width:1600px!important;height:900px!important;min-height:900px!important;max-height:900px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;margin:0!important}
.dashboard-page .dash-header{height:72px!important;min-height:72px!important;flex:0 0 72px;padding:7px 18px!important}
.dashboard-page .dash-layout{height:828px!important;min-height:0!important;flex:1!important;display:grid!important;grid-template-columns:1fr 1.07fr 1fr!important;gap:10px!important;padding:10px!important;overflow:hidden!important}
.dashboard-page .dash-layout>.team-card{height:100%!important;min-height:0!important;display:flex;flex-direction:column;margin:0!important;overflow:hidden!important}
.dashboard-page .dash-layout>.dash-center{grid-column:auto!important;grid-row:auto!important;order:unset!important;min-height:0!important;height:100%!important;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.dashboard-page .dash-center>.dash-card{margin:0!important;min-height:0}
.dashboard-page .clock-panel{flex:0 0 266px;padding:10px 14px!important}
.dashboard-page .clock-panel .period{font-size:19px!important}
.dashboard-page .clock-panel .clock{font-size:75px!important;line-height:1.08!important;margin:6px auto 10px!important}
.dashboard-page .time-buttons button{padding:8px 4px!important}
.dashboard-page .start-button{padding:20px!important;font-size:25px!important;margin-top:4px!important}
.dashboard-page .controls-panel{flex:0 0 315px;padding:10px!important}
.dashboard-page .dash-card h3{margin:5px 0 9px!important}
.dashboard-page .quick-actions{margin:4px 0 9px!important;gap:6px!important}
.dashboard-page .quick-actions button{min-height:80px!important;padding:5px 2px!important}
.dashboard-page .action-grid{gap:6px!important}
.dashboard-page .action-grid button{min-height:45px!important;padding:6px!important}
.dashboard-page .report-panel{flex:1 1 auto;min-height:90px!important;padding:10px!important;display:flex;flex-direction:column}
.dashboard-page .report-panel .log{height:auto!important;flex:1;min-height:0!important;overflow-y:auto!important}
.dashboard-page .export-panel{flex:0 0 94px;padding:8px 12px!important}
.dashboard-page .export-panel .export-button{padding:10px!important}
.dashboard-page .export-panel p{margin:5px 0!important}
.dashboard-page .team-card h2{padding:10px!important;font-size:16px!important;flex:none}
.dashboard-page .team-score{min-height:90px!important;padding:10px 14px!important;flex:none}
.dashboard-page .team-score .goal-box{font-size:52px!important}
.dashboard-page .dash-actions{padding:4px 10px!important;flex:none}
.dashboard-page .dash-actions button{padding:10px 5px!important}
.dashboard-page .roster-title{flex:none;padding:4px 10px!important}
.dashboard-page .roster-title button{padding:8px!important}
.dashboard-page .roster-wrap{min-height:0!important;flex:1 1 auto;overflow-y:auto!important;overflow-x:hidden!important;padding:5px!important}
.dashboard-page .roster-table th,.dashboard-page .roster-table td{padding:7px 4px!important}
.dashboard-page .penalty-panel{flex:0 0 125px;margin:6px 10px 10px!important;overflow:hidden}
.dashboard-page .penalty-panel h3{margin:9px 4px!important}
.dashboard-page .penalty-buttons{padding:4px!important}
.dashboard-page .penalty-buttons button{padding:9px 4px!important}
.dashboard-page .top-tabs{flex-wrap:nowrap!important}
.dashboard-page .top-tabs a{padding:12px!important;white-space:nowrap}
.dashboard-page .modal-overlay{position:fixed}

/* Vis kun de oprindelige spillerknapper, ikke navnetabellerne. */
.dashboard-page .team-card>.players{
 display:flex!important;
 flex:1 1 auto!important;
 min-height:0!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 align-content:flex-start!important;
 justify-content:center!important;
 gap:8px!important;
 padding:12px!important;
}
.dashboard-page .team-card>.players button{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-width:47px!important;
 width:auto!important;
 height:44px!important;
 margin:0!important;
 padding:5px 9px!important;
 font-weight:700!important;
}
.dashboard-page .roster-title{padding:8px 12px!important}

/* Bigger remaining match control buttons; no duplicate quick-action row */
.dashboard-page .quick-actions{display:none!important}
.dashboard-page .controls-panel{flex:0 0 315px!important;display:flex!important;flex-direction:column!important}
.dashboard-page .controls-panel .action-grid{flex:1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.dashboard-page .controls-panel .action-grid button{height:100%!important;min-height:0!important;padding:14px 10px!important;font-size:clamp(15px,1.2vw,20px)!important;font-weight:750!important;border-radius:10px!important}

/* Kampkontrol: præcis 3 rækker og 2 kolonner, hele boksen udfyldes. */
.dashboard-page .controls-panel{flex:0 0 315px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;padding:10px!important;}
.dashboard-page .controls-panel>h3{margin:0!important;padding:3px 5px!important;}
.dashboard-page .controls-panel .action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;height:100%!important;min-height:0!important;align-items:stretch!important;}
.dashboard-page .controls-panel .action-grid>button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:8px!important;font-size:19px!important;line-height:1.2!important;white-space:normal!important;}

/* Header without navigation */
.dashboard-page .dash-header{justify-content:center!important;}

/* Større spiller- og målknapper */
.dashboard-page .team-card>.players button {min-width:67px!important;height:64px!important;padding:8px 13px!important;font-size:20px!important;}
.dashboard-page .dash-actions button {min-height:66px!important;padding:14px 12px!important;font-size:30px!important;font-weight:800!important;}

/* Official PDF export in topbar */
.dashboard-page .dash-header{justify-content:space-between!important;gap:16px!important}
.dashboard-page .topbar-pdf-button{margin-left:auto;flex-shrink:0;background:#0872ed;color:#fff;border:1px solid #4298ff;border-radius:9px;padding:13px 23px;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap}
.dashboard-page .topbar-pdf-button:hover{background:#1766c7}
.dashboard-page .report-panel{flex:1 1 auto!important}
@media(max-width:650px){.dashboard-page .topbar-pdf-button{padding:10px 14px;font-size:14px}}

/* Større målbokse for hjemme- og udehold */
.dashboard-page .team-score .goal-box{width:145px!important;min-width:145px!important;height:100px!important;font-size:78px!important;line-height:1!important;font-weight:900!important;border:2px solid #486783!important;border-radius:12px!important;background:#071524!important;color:#fff!important;text-align:center!important;padding:0!important;}
.dashboard-page .team-score{min-height:122px!important;gap:10px!important;}
.dashboard-page .team-score strong{min-width:0!important;flex:1!important;}

/* Kampkontrol - seks knapper, 45 px høje */
.dashboard-page .controls-panel {
    grid-template-rows: auto auto !important;
    align-content: start !important;
}
.dashboard-page .controls-panel .action-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, 45px) !important;
    height: auto !important;
    flex: none !important;
    gap: 5px !important;
}
.dashboard-page .controls-panel .action-grid > button {
    height: 45px !important;
    min-height: 0 !important;
    padding: 5px !important;
    font-size: 14px !important;
}

/* Kampopsætning: selvstændigt dashboard med tre kolonner. */
body.dashboard-page.setup-page{width:100%!important;min-height:100vh!important;height:100vh!important;max-height:none!important;overflow:hidden!important;zoom:1!important}
.setup-page .dash-header{width:100%;justify-content:space-between!important}
.setup-dashboard-link{background:#173a5b;border:1px solid #51718c;color:#fff;text-decoration:none;border-radius:9px;padding:12px 16px}
.setup-page .setup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1.06fr) minmax(0,1fr);gap:12px;padding:12px;min-height:0;flex:1;overflow:hidden;align-items:stretch}
.setup-page .setup-card{margin:0!important;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px!important;scrollbar-color:#466481 #0b1a2b}
.setup-page .setup-card h2{background:#095bc1;color:white;text-align:center;border-radius:9px;padding:12px;margin:0 0 18px;font-size:18px}
.setup-page .setup-away h2{background:#ba202b}
.setup-page .setup-center h2{background:#173a5b}
.setup-page .setup-card h3{margin:16px 0 9px!important;padding:0!important}
.setup-page .setup-card input:not([type=checkbox]),.setup-page .setup-card select,.setup-page .setup-card textarea{display:block;width:100%!important;max-width:100%!important;box-sizing:border-box;background:#112b43;color:#fff;border:1px solid #47647e;border-radius:8px;padding:10px;margin:6px 0;font:inherit;min-height:42px}
.setup-page .setup-card textarea{min-height:170px;resize:vertical}
.setup-page .setup-card label{display:block;text-align:left}
.setup-page .setup-card p{line-height:1.4}
.setup-page .setup-card div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.setup-page .setup-start{margin-top:22px}
.setup-page #startMatchButton{width:100%;padding:18px;background:#078b47;color:white;border:1px solid #26c778;border-radius:10px;font-size:21px;font-weight:bold;cursor:pointer}
.setup-page #startMatchButton:hover{background:#0aa858}
@media(max-width:950px){body.dashboard-page.setup-page{height:auto!important;min-height:100vh!important;overflow:auto!important}.setup-page .setup-layout{grid-template-columns:1fr!important;overflow:visible}.setup-page .setup-card{overflow:visible}.setup-page .setup-center{grid-row:1}.setup-page .dash-heading{display:none}}

/* Kampopsætning: tilpas den oprindelige 3-kolonnevisning til skærmen.
   Kun indholdet i hver kolonne kan rulles. */
html:has(body.setup-page){height:100%;overflow:hidden!important}
body.dashboard-page.setup-page{
  width:100%!important;height:100dvh!important;min-height:0!important;
  max-height:100dvh!important;overflow:hidden!important;zoom:1!important;
}
.setup-page .dash-header{flex:0 0 auto!important;min-height:0!important;height:auto!important;padding:clamp(6px,1vh,12px) clamp(8px,1vw,20px)!important}
.setup-page .setup-layout{
  flex:1 1 0!important;min-height:0!important;height:auto!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:clamp(5px,.8vw,12px)!important;padding:clamp(5px,.8vw,12px)!important;
  overflow:hidden!important;align-items:stretch!important;
}
.setup-page .setup-card{
  min-width:0!important;min-height:0!important;height:100%!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  padding:clamp(8px,1vw,16px)!important;
}
.setup-page .setup-card h2{font-size:clamp(13px,1.2vw,18px)!important;padding:clamp(6px,.7vw,12px)!important}
.setup-page .setup-card input:not([type=checkbox]),
.setup-page .setup-card select,.setup-page .setup-card textarea{
  min-width:0!important;font-size:clamp(12px,.9vw,16px)!important;
  padding:clamp(6px,.6vw,10px)!important;
}
.setup-page .setup-card textarea{min-height:110px!important}
@media(max-width:950px){
  body.dashboard-page.setup-page{height:100dvh!important;min-height:0!important;overflow:hidden!important}
  .setup-page .setup-layout{grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:hidden!important}
  .setup-page .setup-card{overflow-y:auto!important;overflow-x:hidden!important}
  .setup-page .setup-center{grid-row:auto!important}
}
@media(max-width:650px){
  .setup-page .dash-header{flex-wrap:nowrap!important}
  .setup-page .brand img{width:32px;height:32px}
  .setup-page .brand b{font-size:12px}
  .setup-page .brand small{font-size:9px}
  .setup-page .setup-dashboard-link{padding:7px;font-size:11px}
  .setup-page .setup-card{padding:6px!important}
  .setup-page .setup-card h3{font-size:12px!important}
  .setup-page .setup-card label,.setup-page .setup-card p{font-size:11px!important}
  .setup-page .setup-card div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  .setup-page #startMatchButton{font-size:14px;padding:10px}
}


/* Responsive kampopsætning: desktop, iPad og tablet. */
html:has(body.setup-page){width:100%;height:100%;overflow:hidden!important}
body.dashboard-page.setup-page{position:relative;width:100%!important;max-width:100%!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;zoom:1!important;box-sizing:border-box!important}
.setup-page .dash-header{width:100%!important;max-width:100%!important;flex:0 0 auto!important;min-height:64px!important;height:auto!important;gap:12px!important;padding:8px 12px!important}
.setup-page .brand{min-width:0;flex:0 1 auto}
.setup-page .dash-heading{min-width:0;flex:0 1 auto}
.setup-page .setup-dashboard-link{flex-shrink:0;white-space:nowrap}
.setup-page .setup-layout{width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex:1 1 0!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:10px!important;padding:10px!important;overflow:hidden!important;align-items:stretch!important}
.setup-page .setup-card{min-width:0!important;max-width:100%!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px!important;overscroll-behavior:contain}
.setup-page .setup-card h2{margin:0 0 12px!important;padding:10px!important;font-size:16px!important}
.setup-page .setup-card h3{margin:10px 0 6px!important;font-size:14px!important}
.setup-page .setup-card input:not([type=checkbox]),.setup-page .setup-card select,.setup-page .setup-card textarea{width:100%!important;max-width:100%!important;min-width:0!important;min-height:38px!important;padding:8px!important;margin:4px 0!important;font-size:14px!important}
.setup-page .setup-card textarea{height:120px!important;min-height:100px!important;resize:vertical}
.setup-page .setup-card label,.setup-page .setup-card p{font-size:13px!important}
.setup-page .setup-card div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.setup-page .setup-start{margin-top:14px!important}
.setup-page #startMatchButton{min-height:48px;padding:12px!important;font-size:18px!important;touch-action:manipulation}
/* Tablets i liggende format: behold tre kolonner ved tilstrækkelig bredde. */
@media (min-width:1000px) and (max-width:1300px){
 .setup-page .setup-layout{gap:7px!important;padding:7px!important}
 .setup-page .setup-card{padding:9px!important}
 .setup-page .brand b{font-size:15px}
 .setup-page .dash-heading b{font-size:18px}
}
/* Tablet i stående format: hold ved siden af hinanden, kampinformation øverst. */
@media (min-width:650px) and (max-width:999px){
 .setup-page .setup-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:8px!important;padding:8px!important}
 .setup-page .setup-center{grid-column:1/-1!important;grid-row:1!important}
 .setup-page .setup-home{grid-column:1!important;grid-row:2!important}
 .setup-page .setup-away{grid-column:2!important;grid-row:2!important}
 .setup-page .setup-card{padding:10px!important}
 .setup-page .dash-heading{display:block!important}
}
/* Små tablets og telefoner: læsbar én-kolonnevisning med almindelig sidescroll. */
@media (max-width:649px){
 html:has(body.setup-page){height:auto!important;overflow:auto!important}
 body.dashboard-page.setup-page{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important}
 .setup-page .dash-header{flex-wrap:wrap!important;justify-content:space-between!important}
 .setup-page .dash-heading{display:none!important}
 .setup-page .setup-layout{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;gap:10px!important;padding:10px!important}
 .setup-page .setup-card{height:auto!important;max-height:none!important;overflow:visible!important;padding:12px!important}
 .setup-page .setup-center{order:0!important}
 .setup-page .setup-home{order:1!important}
 .setup-page .setup-away{order:2!important}
 .setup-page .setup-card div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .setup-page .brand b{font-size:13px}
 .setup-page .brand small{font-size:10px}
 .setup-page .setup-dashboard-link{font-size:12px;padding:9px}
 .setup-page .setup-card textarea{height:135px!important}
}

/* Kampur: plus øverst, minus nederst – minutter venstre, sekunder højre */
.dashboard-page .clock-panel .time-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)!important;gap:7px!important;}
.dashboard-page .clock-panel .time-buttons button{width:100%!important;min-width:0!important;}

/* Kampur: minutknapper til venstre, selve uret i midten, sekundknapper til højre. */
.dashboard-page .clock-panel .clock-controls-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,1.55fr) minmax(0,1fr)!important;align-items:center!important;gap:9px!important;width:100%!important;margin:7px 0 10px!important;}
.dashboard-page .clock-panel .clock-controls-layout .clock{font-size:clamp(45px,4.5vw,75px)!important;line-height:1.05!important;margin:0!important;white-space:nowrap!important;text-align:center!important;min-width:0!important;}
.dashboard-page .clock-panel .clock-adjust-column{display:grid!important;grid-template-rows:27px 22px 27px!important;align-items:center!important;gap:5px!important;min-width:0!important;}
.dashboard-page .clock-panel .clock-adjust-column button{width:100%!important;height:27px!important;min-width:0!important;padding:2px 2px!important;background:#19324b!important;border:1px solid #446783!important;border-radius:9px!important;color:#f0f6ff!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;touch-action:manipulation;}
.dashboard-page .clock-panel .clock-adjust-label{font-size:13px!important;font-weight:700!important;text-align:center!important;color:#b6cce4!important;}

/* Fire kampurknapper: 15px smallere, centreret i deres kolonner. */
.dashboard-page .clock-panel .clock-adjust-column button { width: calc(80% - 15px) !important; justify-self: center !important; }

/* Udvisninger over timeout og maal for begge hold */
.dashboard-page .team-card .penalty-panel{flex:0 0 auto!important;margin:6px 10px!important;}
.dashboard-page .team-card .penalty-buttons{display:flex!important;flex-wrap:nowrap!important;}
.dashboard-page .team-card .penalty-buttons button{min-width:0!important;}
.setup-dashboard-link {
    display: none !important;
}

/* Skjul knappen Åbn kampdashboard */
.setup-page .setup-dashboard-link {
    display: none !important;
}

/* Centrer Kampopsætning og underteksten øverst */
.setup-page .dash-header {
    position: relative !important;
}

.setup-page .dash-heading {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    width: max-content !important;
    max-width: 60% !important;
}

.setup-page .dash-heading b,
.setup-page .dash-heading span {
    text-align: center !important;
}

/* Afkrydsning af kampens deltagere */
.setup-page .player-selection{margin:10px 0 16px;padding:12px;border:1px solid #47647e;border-radius:9px;background:#10243a}
.setup-page .player-selection-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:7px;margin-top:10px}
.setup-page .player-attendance-row{display:flex!important;align-items:center;gap:9px;padding:8px;border:1px solid #31506e;border-radius:7px;cursor:pointer}
.setup-page .player-attendance-row input{width:18px;height:18px;flex:none;accent-color:#079b47}
.setup-page .player-attendance-row span{overflow-wrap:anywhere}

/* Vis hele deltagerlisten tydeligt under importfelterne. */
.setup-page .player-selection{display:block!important;visibility:visible!important}
.setup-page .player-selection-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;max-height:340px;overflow-y:auto;align-content:start}
.setup-page .player-import-hint{grid-column:1/-1;color:#ffd18a;font-size:12px;margin:5px 0}

/* Responsive layouts: desktop, iPad/tablet and phone. Overrides legacy fixed 1600x900 canvas. */
@media (max-width:1199px) {
 html:has(body.dashboard-page){height:auto!important;overflow:auto!important}
 body.dashboard-page{width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;zoom:1!important}
 .dashboard-page .dash-header{height:auto!important;min-height:64px!important;flex:0 0 auto!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important}
 .dashboard-page .dash-layout{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:10px!important;overflow:visible!important;flex:none!important}
 .dashboard-page .dash-layout>.dash-center{grid-column:1/-1!important;grid-row:1!important;height:auto!important;overflow:visible!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
 .dashboard-page .dash-layout>.team-card{height:auto!important;min-height:400px!important;overflow:hidden!important}
 .dashboard-page .dash-layout>.home-panel{grid-column:1!important;grid-row:2!important}
 .dashboard-page .dash-layout>.away-panel{grid-column:2!important;grid-row:2!important}
 .dashboard-page .clock-panel,.dashboard-page .controls-panel,.dashboard-page .export-panel{flex:auto!important;height:auto!important}
 .dashboard-page .report-panel{min-height:230px!important;height:260px!important}
 .dashboard-page .dash-center>.dash-card{min-width:0!important}
 .dashboard-page .clock-panel .clock{font-size:clamp(42px,7vw,75px)!important}
 .dashboard-page .roster-wrap{max-height:380px!important;overflow:auto!important}
 .dashboard-page .controls-panel .action-grid{min-height:215px!important}
 .dashboard-page .dash-header nav,.dashboard-page .top-tabs{flex-wrap:wrap!important}
 .dashboard-page .modal-overlay{padding:12px!important}
 .dashboard-page .modal-overlay>div{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important}
 .setup-page .setup-layout{height:auto!important;flex:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;overflow:visible!important;align-items:start!important}
 .setup-page .setup-card{height:auto!important;max-height:none!important;overflow:visible!important;min-width:0!important}
 .setup-page .setup-center{grid-column:1/-1!important;grid-row:1!important}
 .setup-page .setup-card input:not([type=checkbox]),.setup-page .setup-card select,.setup-page .setup-card textarea{font-size:16px!important;max-width:100%!important}
}
@media (max-width:700px) {
 .dashboard-page .dash-layout{display:flex!important;flex-direction:column!important;gap:10px!important}
 .dashboard-page .dash-layout>.dash-center{display:flex!important;flex-direction:column!important;width:100%!important;order:0!important}
 .dashboard-page .dash-layout>.home-panel{width:100%!important;order:1!important}
 .dashboard-page .dash-layout>.away-panel{width:100%!important;order:2!important}
 .dashboard-page .dash-center>.dash-card{width:100%!important}
 .dashboard-page .dash-header .brand img{width:38px!important;height:38px!important}
 .dashboard-page .dash-header .brand b{font-size:15px!important}
 .dashboard-page .dash-header nav a,.dashboard-page .dash-header nav button,.dashboard-page .top-tabs a{padding:9px 10px!important;font-size:13px!important}
 .dashboard-page .clock-panel .clock{font-size:clamp(42px,12vw,70px)!important}
 .dashboard-page .clock-panel .clock-controls-layout{grid-template-columns:minmax(0,1fr) minmax(105px,1.4fr) minmax(0,1fr)!important;gap:4px!important}
 .dashboard-page .clock-panel .time-buttons{gap:4px!important}
 .dashboard-page .clock-panel .time-buttons button{font-size:12px!important;padding:8px 2px!important;min-width:0!important}
 .dashboard-page .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dashboard-page .quick-actions button{min-height:64px!important}
 .dashboard-page .controls-panel .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dashboard-page .team-score{min-height:75px!important}
 .dashboard-page .roster-wrap{max-height:330px!important}
 .setup-page .setup-layout{display:flex!important;flex-direction:column!important;gap:10px!important}
 .setup-page .setup-layout>.setup-card{width:100%!important;max-width:100%!important}
 .setup-page .setup-center{order:-1!important}
 .setup-page .setup-card div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
 .setup-page .player-selection-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}
}
@media (max-width:390px) {
 .dashboard-page .clock-panel .clock-controls-layout{grid-template-columns:minmax(0,1fr) minmax(90px,1.3fr) minmax(0,1fr)!important}
 .dashboard-page .clock-panel .clock{font-size:39px!important;letter-spacing:0!important}
 .dashboard-page .dash-layout{padding:6px!important}
 .dashboard-page .dash-card{padding:9px!important}
}