/* Mijn workspace (B-082): zijmenu op desktop, een lijst op telefoon. Alleen tokens. */
.werk{flex:1;display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;padding:16px var(--pagina-pad);width:100%}
.werk-menu{position:sticky;top:calc(var(--balk-hoogte) + 16px);background:var(--bg-panel);border:1px solid var(--line)}
.werk-menu ul{list-style:none;margin:0;padding:0}
.werk-kop{margin:0;padding:10px 14px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;border-bottom:1px solid var(--line);border-left:3px solid var(--merk)}
.werk-kop a{color:var(--txt-dim);text-decoration:none}
.werk-menu li a{display:flex;align-items:center;min-height:40px;padding:0 14px;text-decoration:none;color:var(--txt-dim);border-bottom:1px solid var(--line-soft)}
.werk-menu li:last-child a{border-bottom:0}
.werk-menu li a:hover{color:var(--txt);background:var(--bg-hover)}
.werk-menu li a[aria-current]{color:var(--txt);font-weight:700;background:var(--bg-hover);box-shadow:inset 3px 0 0 var(--merk)}
.werk-hoofd{min-width:0;display:flex;flex-direction:column;gap:12px}
.werk-terug{display:none}
.werk-inhoud{display:flex;flex-direction:column;gap:12px;min-width:0}
.werk-inhoud .scherm{padding:0;width:auto;max-width:none;overflow:visible}
.werk-inhoud .kop a.knop[href="#/"]{display:none}
.werk-overzicht{display:flex;flex-direction:column;gap:12px}
.werk-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.werk-kaart-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.werk-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.werk-acties{display:flex;flex-wrap:wrap;gap:8px}
.werk-acties .knop{min-height:40px;display:inline-flex;align-items:center}
.werk-voorkeuren .voorkeuren{padding:12px 14px}
@media (max-width:900px){
  .werk{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:12px}
  .werk-menu{position:static}
  .werk:not(.overzicht) .werk-menu{display:none}
  .werk:not(.overzicht) .werk-terug{display:inline-flex;align-items:center;min-height:44px;color:var(--txt);text-decoration:none;font-weight:600}
  .werk-menu li a{min-height:52px;font-size:15px}
}
/* voertuig-editor (Mijn voertuigen) */
.ve{margin-top:10px;border:1px solid var(--line);background:var(--bg-panel)}
.ve>summary{cursor:pointer;padding:10px 14px;min-height:44px;display:flex;align-items:center;font-weight:600}
.ve-binnen{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;padding:12px 14px;border-top:1px solid var(--line)}
.ve-formulier{border:0;padding:0;background:none}
.ve-formulier fieldset{border:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ve-formulier legend{padding:0 6px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt-dim)}
.ve-fout{color:var(--warn);min-height:0}
.ve-fout:empty{display:none}
.ve-onderdelen{display:flex;flex-direction:column;gap:8px}
.ve-rij{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--line-soft);background:var(--bg-panel-2)}
.ve-rij-velden{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,2fr);gap:6px}
.ve-rij-velden input,.ve-formulier input[type=text],.ve-formulier textarea{font:inherit;font-size:16px;color:var(--txt);background:var(--bg-panel);border:1px solid var(--line);padding:8px;min-height:40px;min-width:0;width:100%}
.ve-rij-acties,.ve-rij-balk{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ve-rij-acties button,.ve-rij-balk button{min-height:36px;min-width:36px}
.ve-voorbeeld{display:flex;flex-direction:column;gap:10px;min-width:0;align-self:start}
.ve-voorbeeld-kop{margin:0;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--txt-dim)}
.ve-voorbeeld h3{margin:0;font-style:italic}
@media (max-width:900px){.ve-binnen{grid-template-columns:minmax(0,1fr)}.ve-rij-velden{grid-template-columns:minmax(0,1fr)}.ve>summary{min-height:48px}}
/* één kop per onderdeel: de schil zet h1, de eigen kop van het scherm blijft weg (behalve op het overzicht) */
.werk-titel{margin:0;font-size:16px;font-weight:700}
.werk-inhoud .kop>h1{display:none}
.werk[data-sectie=overzicht] .werk-inhoud .kop>h1{display:block}
.werk-subkop{margin:0;font-size:14px;font-weight:700}
/* secties in profiel, voertuigen, apparaten en account: dezelfde kaartkop als .steen */
.profiel-bewerk h3{margin:10px 0 0;padding:7px 11px;font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--txt-dim);background:var(--bg-panel-2);border:1px solid var(--line);border-left:3px solid var(--merk)}
.profiel-bewerk h3.gevaar{color:var(--warn);border-left-color:var(--warn)}
.ve-formulier fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-content:start}
.ve-breed,.ve-onderdelen,.ve-rij-balk,.ve-formulier .vink,.ve-formulier fieldset>small{grid-column:1/-1}
/* events plannen (B-085) */
.werk-inhoud .event-form-scherm .kop>h1{display:block}
.event-form fieldset{border:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.event-form legend{padding:0 6px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt-dim)}
.event-form input[type=text],.event-form input[type=search],.event-form input[type=date],.event-form input[type=time],.event-form textarea,.event-form select{font:inherit;font-size:16px;color:var(--txt);background:var(--bg-panel-2);border:1px solid var(--line);padding:8px;min-height:44px;min-width:0;width:100%}
.ev-circuits{display:flex;flex-direction:column;gap:6px}
.ev-circuit{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--line);background:var(--bg-panel-2);cursor:pointer;min-height:56px}
.ev-circuit.gekozen{border-color:var(--merk);box-shadow:inset 3px 0 0 var(--merk)}
.ev-circuit input{width:20px;height:20px;flex:none}
.ev-circuit-tekst{display:flex;flex-direction:column;min-width:0}
.event-www-in{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:20px;padding:14px;align-items:start}
.event-www-tekst{display:flex;flex-direction:column;gap:10px;min-width:0}
.event-www-tekst h2{margin:0;font-size:22px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ev-dl{display:grid;gap:8px;margin:0}
.ev-rij{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:baseline}
.ev-rij dt{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt-dim)}
.ev-rij dd{margin:0}
.ev-omschrijving{max-width:72ch;white-space:pre-line}
.ev-deelnemers{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column}
.ev-deelnemers li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line-soft)}
.event-verwacht,.event-maker{padding:0 0 12px}
.event-verwacht>h3,.event-maker>h3{margin:0 0 10px}
.event-verwacht>*:not(h3),.event-maker>*:not(h3){margin-left:14px;margin-right:14px}
.ev-aanmeld{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.deelcode code{font-size:15px}
.event-kaarten li.geannuleerd{opacity:.65}
@media (max-width:900px){.event-www-in{grid-template-columns:minmax(0,1fr)}.ev-rij{grid-template-columns:minmax(0,1fr);gap:2px}}