.hbsdm-app{--dark:#15191f;--yellow:#ffd400;--line:#dce0e4;max-width:1250px;margin:10px auto 32px;font:inherit;color:var(--dark)}.hbsdm-app *{box-sizing:border-box}.hbsdm-app [hidden]{display:none!important}.hbsdm-header{background:var(--dark);color:#fff;padding:22px 24px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:14px}.hbsdm-header small{color:var(--yellow);font-weight:800;letter-spacing:.08em}.hbsdm-header h1{color:#fff!important;margin:4px 0 0!important;font-size:clamp(25px,4vw,36px)!important}.hbsdm-app button{cursor:pointer;font:inherit;border-radius:7px;padding:11px 15px;font-weight:700;border:1px solid var(--dark);background:var(--yellow);color:#111}.hbsdm-app button:disabled{opacity:.45;cursor:not-allowed}.hbsdm-app input,.hbsdm-app select{font:inherit;min-height:42px;border:1px solid #c9ced3;border-radius:6px;padding:7px 10px;background:#fff;color:#111;max-width:100%}.hbsdm-app label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:14px}.hbsdm-logout{background:transparent!important;color:#fff!important;border-color:#fff!important}.hbsdm-alert{padding:12px 15px;background:#e9f8eb;color:#165c2a;border-radius:8px;margin:15px 0}.hbsdm-alert.error{background:#ffe8e6;color:#9b2119}.hbsdm-login{margin:25px auto;max-width:520px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#f4f5f7}.hbsdm-login h2{margin-top:0}.hbsdm-login form{display:grid;gap:14px}.hbsdm-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}.hbsdm-toolbar label{flex:1;min-width:200px}.hbsdm-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.hbsdm-counts>div{background:#f4f5f7;border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center}.hbsdm-counts strong{display:block;font-size:clamp(25px,4vw,38px);line-height:1.2}.hbsdm-counts span{font-size:13px;color:#525b65}.hbsdm-tabs{display:flex;gap:6px;border-bottom:2px solid var(--line);margin-bottom:18px;overflow-x:auto}.hbsdm-tabs button{background:#f4f5f7;border:0;border-radius:8px 8px 0 0;white-space:nowrap}.hbsdm-tabs button.active{background:var(--dark);color:var(--yellow)}.hbsdm-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.hbsdm-filters label{min-width:190px;flex:1}.hbsdm-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #15191f09}.hbsdm-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4a515a;font-size:13px;font-weight:700}.hbsdm-state{background:#e9edf1;padding:5px 9px;border-radius:6px;white-space:nowrap}.hbsdm-state.bezig{background:#fff0ad;color:#6b5200}.hbsdm-state.afgelopen{background:#dff2e2;color:#21652d}.hbsdm-players{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0}.hbsdm-players>div{display:grid;gap:8px}.hbsdm-players strong{font-size:17px}.hbsdm-players>b{font-size:24px;white-space:nowrap}.hbsdm-meta{font-size:13px;color:#535b65;margin-bottom:13px}.hbsdm-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.hbsdm-controls label{width:85px}.hbsdm-controls button{flex:1;min-width:125px}.hbsdm-controls .hbsdm-set-status{background:#fff}.hbsdm-score-form{margin-top:14px;background:#f4f5f7;padding:13px;border-radius:9px;display:flex;gap:10px;flex-wrap:wrap;align-items:end}.hbsdm-score-form label{flex:1;min-width:110px}.hbsdm-score-form input{width:100%}.hbsdm-score-form button{flex:1;min-width:145px}.hbsdm-notice{background:#fff2b7;padding:14px;border-radius:8px}.hbsdm-note{color:#7b5c00;font-size:13px}.hbsdm-table-card{border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}.hbsdm-table-card h2{margin:0 0 12px;font-size:20px}.hbsdm-scroll{overflow-x:auto}.hbsdm-table-card table{border-collapse:collapse;width:100%;min-width:590px}.hbsdm-table-card th{background:var(--dark);color:var(--yellow)}.hbsdm-table-card th,.hbsdm-table-card td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}.hbsdm-bracket-row{display:flex;gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}.hbsdm-bracket-row span{flex:1}.hbsdm-bracket-row strong{white-space:nowrap}.hbsdm-bracket-row small{color:#6d747b}.hbsdm-footer{text-align:center;color:#777;font-size:12px;margin:24px 0}@media(max-width:620px){.hbsdm-header{padding:16px}.hbsdm-counts{gap:6px}.hbsdm-counts>div{padding:11px 4px}.hbsdm-counts span{font-size:11px}.hbsdm-card{padding:12px}.hbsdm-controls button{min-width:115px}.hbsdm-tabs button{padding:10px}.hbsdm-players strong{font-size:15px}}
.hbsdm-check{width:24px;height:24px;accent-color:#15191f;cursor:pointer}.hbsdm-draw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0}.hbsdm-draw-group{background:#f4f5f7;padding:14px;border-radius:9px;display:grid;gap:10px}.hbsdm-draw-group h3{margin:0;font-size:17px}.hbsdm-table-card small{color:#8a5700}

/* Baanoverzicht v1.4.2 */
.hbsdm-board-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hbsdm-board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:16px}
.hbsdm-board-tile{border:2px solid #d9dde2;border-radius:14px;padding:18px;background:#fff;min-width:0}
.hbsdm-board-tile.is-playing{border-color:#e6bc00}
.hbsdm-board-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.hbsdm-board-head h3{margin:0;font-size:1.3rem}
.hbsdm-board-status{font-size:.82rem;font-weight:700;color:#356a44}
.hbsdm-board-tile.is-playing .hbsdm-board-status{color:#916c00}
.hbsdm-board-round{font-size:.9rem;color:#626a74;margin:10px 0}
.hbsdm-board-players{display:flex;flex-direction:column;gap:3px;font-size:1.12rem}
.hbsdm-board-players span{font-size:.8rem;color:#69717b}
.hbsdm-board-score{font-size:1.7rem;font-weight:800;margin:10px 0}
.hbsdm-board-writer{font-size:.93rem;margin:12px 0}
.hbsdm-board-open{width:100%;margin:5px 0}
.hbsdm-board-footer{border-top:1px solid #e1e4e8;padding-top:10px;margin:12px 0 0;font-size:.78rem;color:#68717a}
#hbsdm-board-overview:fullscreen{background:#f4f5f7;padding:20px;overflow:auto}
@media(min-width:900px){#hbsdm-board-overview:fullscreen .hbsdm-board-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Compact baanoverzicht v1.4.4: alleen lezen */
.hbsdm-board-compact{border:1px solid #dce0e4;border-radius:10px;padding:12px;min-width:0;background:#fff}
.hbsdm-board-compact-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.hbsdm-board-compact-head h2{margin:0;font-size:20px}.hbsdm-board-compact-head p{margin:2px 0 0;color:#646b73;font-size:13px}
.hbsdm-board-compact-head button{padding:7px 11px;font-size:13px}
.hbsdm-board-lines{display:grid;gap:5px}
.hbsdm-board-line{display:grid;grid-template-columns:85px minmax(0,1fr) minmax(115px,.5fr) 58px;gap:10px;align-items:center;padding:9px 11px;border-radius:7px;background:#f4f5f7;border-left:4px solid #cbd1d7;font-size:14px;min-width:0}
.hbsdm-board-line.is-playing{border-left-color:#e0b800;background:#fff9dc}
.hbsdm-board-number{font-weight:800;white-space:nowrap}
.hbsdm-board-match,.hbsdm-board-writing{min-width:0;overflow-wrap:anywhere}
.hbsdm-board-match strong{display:block;line-height:1.3}.hbsdm-board-match small{display:block;color:#646b73;font-size:11px;margin-top:2px}
.hbsdm-board-vs{color:#767676;font-weight:400}.hbsdm-board-writing{font-size:12px;color:#666}.hbsdm-board-writing strong{display:block;font-size:14px;color:#15191f}
.hbsdm-board-chip{font-size:11px;text-align:center;font-weight:800;color:#705600}.is-free .hbsdm-board-chip{color:#49745a}
.hbsdm-board-hint{font-size:12px;color:#6b7178;margin:12px 0 0}.hbsdm-board-warning{background:#fff0ad;padding:10px;border-radius:6px;font-size:13px}
#hbsdm-board-overview:fullscreen{background:#fff;padding:18px;overflow:auto}
@media(max-width:650px){.hbsdm-board-compact{padding:8px}.hbsdm-board-line{grid-template-columns:62px minmax(0,1fr) minmax(80px,.65fr);gap:6px;padding:9px 6px;font-size:12px}.hbsdm-board-number{font-size:12px}.hbsdm-board-writing{font-size:10px}.hbsdm-board-writing strong{font-size:12px}.hbsdm-board-chip{display:none}.hbsdm-board-compact-head button{font-size:12px;padding:6px 8px}}

/* v1.4.5: standalone baanoverzicht, ook voor iOS Safari zonder Fullscreen API */
body.hbsdm-board-standalone-open{overflow:hidden!important}
#hbsdm-board-overview.hbsdm-board-standalone{display:block!important;position:fixed!important;inset:0!important;z-index:2147483647!important;overflow:auto!important;overscroll-behavior:contain;background:#f4f5f7!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important}
#hbsdm-board-overview.hbsdm-board-standalone .hbsdm-board-compact{max-width:1500px;margin:0 auto;box-shadow:0 3px 20px #15191f18}
#hbsdm-board-overview.hbsdm-board-standalone .hbsdm-board-compact-head{position:sticky;top:0;background:#fff;z-index:2;padding:8px 0}
#hbsdm-board-overview.hbsdm-board-standalone .hbsdm-board-compact-head button{white-space:nowrap}

.hbsdm-share-qr{margin:10px 0;padding:10px;border:1px solid #ddd;border-radius:8px}.hbsdm-share-qr img{display:block;margin:12px 0;max-width:100%}.hbsdm-criteria{margin:8px 0 14px}

.hbsdm-prize-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:15px 0}.hbsdm-prize-fields label{display:flex;flex-direction:column;gap:5px}.hbsdm-prize-fields input,.hbsdm-prize-fields select{width:100%;max-width:100%}.hbsdm-prize-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0}.hbsdm-prize-summary>div{padding:15px;background:#fff8d9;border-radius:8px;color:#171717}.hbsdm-prize-summary small{display:block}.hbsdm-prize-summary strong{display:block;font-size:23px}@media print{body *{visibility:hidden!important}#hbsdm-prizes,#hbsdm-prizes *{visibility:visible!important}#hbsdm-prizes{position:absolute;left:0;top:0;width:100%}#hbsdm-prize-print,.hbsdm-prize-fields{display:none!important}}

.hbsdm-stats{margin-top:12px;padding:10px;border:1px solid #e0e0e0;border-radius:8px}.hbsdm-stats summary{cursor:pointer;font-weight:700}.hbsdm-stat-row{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.hbsdm-stat-row select{flex:1 1 125px;min-width:0}.hbsdm-stat-row input{width:75px}.hbsdm-remove-stat{min-width:34px}

/* v1.9.1: uitslag en statistieken samen in een duidelijk invoerscherm */
.hbsdm-score-form:not([hidden]){position:fixed;inset:5vh max(12px,calc((100vw - 680px)/2));z-index:999999;display:flex;align-content:start;align-items:stretch;overflow:auto;max-height:90vh;flex-wrap:wrap;gap:12px;background:#fff;border:2px solid #15191f;box-shadow:0 0 0 100vmax #0009,0 12px 45px #0004;padding:22px;border-radius:14px;margin:0}
.hbsdm-score-form>.hbsdm-stats{flex:1 1 100%;margin:5px 0;padding:13px;background:#fffbea;border:1px solid #f2da80}
.hbsdm-score-form>.hbsdm-stats h3{margin:0 0 6px;font-size:19px}
.hbsdm-stat-help{font-size:13px;margin:0 0 10px;color:#4a515a}
.hbsdm-score-actions{display:flex;gap:8px;flex-wrap:wrap;width:100%}
.hbsdm-score-actions button{flex:1 1 155px}
.hbsdm-score-actions .hbsdm-close-score{background:#fff}
.hbsdm-score-form .hbsdm-stat-row select:first-child{flex:1 1 150px}
@media(max-width:620px){.hbsdm-score-form:not([hidden]){inset:2vh 8px;max-height:96vh;padding:13px}.hbsdm-stat-row{gap:5px}}

/* v1.9.2: ondubbelzinnige statistieken per speler */
.hbsdm-score-form>.hbsdm-stats{width:100%;flex-basis:100%}
.hbsdm-stats-rows{display:grid;gap:10px}
.hbsdm-score-form .hbsdm-stat-row{display:grid;grid-template-columns:minmax(110px,1.4fr) minmax(120px,1.2fr) minmax(75px,.65fr) 42px;align-items:end;gap:8px;background:#fff;border:1px solid #e2dcae;border-radius:9px;padding:10px;margin:0}
.hbsdm-score-form .hbsdm-stat-row .hbsdm-stat-field{min-width:0;width:auto;display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}
.hbsdm-score-form .hbsdm-stat-row .hbsdm-stat-field select,.hbsdm-score-form .hbsdm-stat-row .hbsdm-stat-field input{width:100%;min-width:0;flex:none}
.hbsdm-score-form .hbsdm-stat-row .hbsdm-remove-stat{min-width:0;width:42px;height:42px;padding:5px}
.hbsdm-stat-preview{grid-column:1/-1;font-size:13px;font-weight:700;color:#5d4800;background:#fff4bf;padding:6px 9px;border-radius:5px}
@media(max-width:620px){.hbsdm-score-form .hbsdm-stat-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px}.hbsdm-score-form .hbsdm-stat-player-field{grid-column:1/-1}.hbsdm-score-form .hbsdm-stat-number{grid-column:2}.hbsdm-score-form .hbsdm-stat-row .hbsdm-remove-stat{grid-column:3;grid-row:2}}

/* v1.9.3: beslissingsvolgorde zonder tekstinvoer */
.hbsdm-rank-editor{margin-top:12px;padding:14px;border:1px solid #d8dee8;border-radius:10px;background:#f8fafc;color:#17212e}
.hbsdm-rank-editor[hidden]{display:none}
.hbsdm-rank-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #e1e6ed}
.hbsdm-rank-row button{margin-left:5px;min-width:38px;min-height:36px}

.hbsdm-ko-writer-box{margin:10px 0;padding:12px;border:1px solid #d8b77b;border-radius:8px;background:#fff8eb;color:#252525}.hbsdm-ko-writer-box .hbsdm-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-top:8px}.hbsdm-ko-writer-box label{display:flex;flex-direction:column;gap:3px}.hbsdm-ko-writer-box input,.hbsdm-ko-writer-box select{max-width:220px}.hbsdm-ko-writer-box small{display:block;margin-top:7px}

/* v1.9.5: knock-outbaanverdeling */
.hbsdm-ko-lane-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:14px 0}.hbsdm-ko-lane-grid label{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid #d9dee7;border-radius:8px}.hbsdm-ko-lane-grid select{width:100%;max-width:100%}

/* Systeemkeuze v2.4 */
.hbsdm-system-home{padding:22px 0}.hbsdm-system-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:22px 0}.hbsdm-system-cards button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:24px;border:1px solid #ccd4dd;border-radius:12px;background:#fff;color:#173149;cursor:pointer;min-height:175px}.hbsdm-system-cards button:hover{border-color:#d99e16;box-shadow:0 5px 15px #00000012}.hbsdm-system-cards strong{font-size:25px}.hbsdm-system-cards span{font-size:14px}.hbsdm-system-cards em{margin-top:auto;font-style:normal;font-weight:700}.hbsdm-system-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;flex-wrap:wrap}.hbsdm-system-nav button{cursor:pointer}

.hbsdm-shared-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0}.hbsdm-shared-category{padding:14px;border:1px solid #d5dce5;border-radius:10px}.hbsdm-shared-category h3{margin:0 0 8px}.hbsdm-shared-category button{margin-top:8px}

/* Gezamenlijke DSWN wedstrijdleiding */
.hbsdm-shared-score{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin:10px 0;padding:10px;border:1px solid #ddd;border-radius:8px}
.hbsdm-shared-score label{display:flex;flex-direction:column;gap:4px;font-size:12px;max-width:130px}
.hbsdm-shared-score input{width:76px;max-width:100%;padding:7px}
.hbsdm-shared-score button{padding:8px 12px;cursor:pointer}
