/* CAS-Jartpoint V148 — sitebrede compactheids- en navigatie-audit.
   Alleen presentatie; bestaande businesslogica blijft ongemoeid. */
:root{--cj148-tab:#ece4d4;--cj148-tab-active:#105b3d;--cj148-line:#d9d0c1;--cj148-soft:#f8f4ec;--cj148-shadow:0 8px 22px rgba(17,48,34,.07)}

/* Oude dubbele kop/navigatie verdwijnt zodra de centrale shell actief is. */
body.cj-has-admin-shell>.header,
body.cj-has-admin-shell>.cj-top-brand-banner,
body.cj-has-admin-shell>.topbar.cj-legacy-nav,
body.cj-has-public-shell>.cj-top-brand-banner{display:none!important}

/* Compacte beheerpagina's: minder leegte en minder visuele ruis. */
body.cj-has-admin-shell .card,
body.cj-has-admin-shell .panel,
body.cj-has-admin-shell .section,
body.cj-has-admin-shell .section-card{margin-bottom:12px!important}
body.cj-has-admin-shell .card h2:first-child,
body.cj-has-admin-shell .panel h2:first-child{margin-top:0!important}
body.cj-has-admin-shell .actions,
body.cj-has-admin-shell .row-actions,
body.cj-has-admin-shell .topactions{gap:8px!important}
body.cj-has-admin-shell button,
body.cj-has-admin-shell .button,
body.cj-has-admin-shell .btn{min-height:40px!important}

/* Sitebrede tabcomponent. */
.cj148-tabs{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:10px 0 14px;padding:6px;border:1px solid var(--cj148-line);border-radius:14px;background:rgba(255,253,248,.88);box-shadow:var(--cj148-shadow);position:sticky;top:8px;z-index:25;backdrop-filter:blur(9px)}
.cj148-tab{appearance:none;border:1px solid transparent;border-radius:10px;background:var(--cj148-tab);color:#27392f;font:inherit;font-size:13px;font-weight:950;line-height:1.1;min-height:40px;padding:8px 13px;cursor:pointer;box-shadow:none!important}
.cj148-tab:hover{border-color:#cdbd9a}.cj148-tab.is-active{background:var(--cj148-tab-active)!important;color:#fff!important;border-color:var(--cj148-tab-active)!important}
.cj148-tabpanel[hidden],.cj148-tab-node[hidden]{display:none!important}
.cj148-tab-note{margin-left:auto;color:#6b716c;font-size:11px;font-weight:800;padding:0 7px}

/* Lange formulieren en beheertabellen blijven rustig. */
.cj148-compact .formgrid,.cj148-compact .form-grid{gap:10px!important}
.cj148-compact .setup-section{margin-bottom:10px!important;padding:15px!important}
.cj148-compact .setup-title{margin-bottom:10px!important}
.cj148-compact .command-grid{gap:9px!important}
.cj148-compact .command-card{min-height:76px!important;padding:12px!important}
.cj148-compact .menu-grid{gap:9px!important}
.cj148-compact .menu-card{padding:13px!important;min-height:0!important}
.cj148-compact details>summary{min-height:44px;display:flex;align-items:center}

/* Beheerstart: voorkom dat alle categorieën tegelijk open staan. */
body.cj-page-competitie-beheren details.beheer-section:not([open]) .menu-grid,
body.cj-page-competitie-beheren details.beheer-fold:not([open]) .beheer-fold-body{display:none!important}
body.cj-page-competitie-beheren .beheer-safety-zone{margin-top:0!important}

/* Module-shells krijgen dezelfde compacte afwerking. */
.module-page.has-admin-shell .module-content{padding-top:16px!important}
.module-page.has-admin-shell .card,.module-page.has-admin-shell .setup-section{box-shadow:var(--cj148-shadow)!important}
.module-page.has-admin-shell .module-shell__mobilebar{gap:8px}
.module-shell__mobilehome{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08)}
.module-shell__mobilehome svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}

/* Petra Games: één categorie tegelijk. */
.cj148-games-pane[hidden]{display:none!important}
.cj148-games-tabs{margin:14px 0 8px}

/* Scorebord- en apparaatbeheer. */
body.cj-page-muur-scorebord-beheer .grid,
body.cj-page-scorebord-beheer .pi-grid{gap:10px!important}
body.cj-page-muur-scorebord-beheer .device,
body.cj-page-scorebord-beheer .pi-device{box-shadow:var(--cj148-shadow)!important}

@media(max-width:980px){
  .cj148-tabs{top:74px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:5px;margin:8px 0 12px}
  .cj148-tabs::-webkit-scrollbar{display:none}.cj148-tab{flex:0 0 auto;min-height:38px;padding:8px 11px;font-size:12px}.cj148-tab-note{display:none}
  .module-shell__mobilehome{display:inline-flex;flex:0 0 42px}
  body.cj-has-admin-shell .card,body.cj-has-admin-shell .panel{border-radius:13px!important}
}
@media(max-width:640px){
  .cj148-tabs{top:67px;border-radius:12px}
  body.cj-has-admin-shell button,body.cj-has-admin-shell .button,body.cj-has-admin-shell .btn{min-height:44px!important}
  body.cj-page-spelers .row>div,body.cj-page-teams .row>div{min-width:0!important;width:100%!important}
}