@media (min-width:1000px){
 #appRoot > .wrap{max-width:1180px;margin-left:268px;margin-right:auto}
 #navCategories{position:fixed!important;left:0;top:0;bottom:0;width:244px;display:flex!important;flex-direction:column;flex-wrap:nowrap;gap:2px;overflow-y:auto;background:#fff!important;border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;padding:18px 10px 24px!important;margin:0!important;z-index:30;box-shadow:none}
 #navCategories::before{content:"Planzuis";order:-1;font-family:Georgia,serif;font-size:21px;font-weight:700;color:#1c4fa8;padding:4px 12px 14px}
 #navCategories button[data-cat]{order:499;display:flex;align-items:center;width:100%;text-align:left;font-size:13px!important;font-weight:600;padding:8px 12px!important;border-radius:9px!important;border-bottom:0!important;white-space:normal;color:#3d556e}
 #navCategories button[data-cat]:hover{background:#eef4fc!important}
 #navCategories button[data-cat].active{background:#e6efff!important;color:#2a52b8!important;box-shadow:none!important}
 #navCategories .nav-badge{margin-left:auto}
 #navCategories .nav-more-wrap{display:contents!important}
 #navCategories #navMoreToggle{display:none!important}
 #navCategories #navMoreMenu{display:contents!important}
 #navCategories .pz-g{font-size:10px;letter-spacing:.1em;color:#8aa0b6;font-weight:700;padding:14px 12px 4px}
 #navCategories .pz-g.pz-hide{display:none}
 #navCategories button[data-cat="dashboard"]{order:101}
#navCategories button[data-cat="hulp"]{order:102}
#navCategories button[data-cat="berichten"]{order:103}
#navCategories button[data-cat="afspraak"]{order:104}
#navCategories button[data-cat="noshow"]{order:105}
#navCategories button[data-cat="planning"]{order:106}
#navCategories button[data-cat="mijnmeldingen"]{order:107}
#navCategories button[data-cat="attesten"]{order:201}
#navCategories button[data-cat="billing"]{order:202}
#navCategories button[data-cat="complaints"]{order:203}
#navCategories button[data-cat="nieuwepatienten"]{order:204}
#navCategories button[data-cat="overdracht"]{order:205}
#navCategories button[data-cat="anamnesis"]{order:206}
#navCategories button[data-cat="kasstaat"]{order:301}
#navCategories button[data-cat="facturen"]{order:302}
#navCategories button[data-cat="mijnfacturen"]{order:303}
#navCategories button[data-cat="mijnoveruren"]{order:304}
#navCategories button[data-cat="voorraad"]{order:401}
#navCategories button[data-cat="labo"]{order:402}
#navCategories button[data-cat="email"]{order:403}
#navCategories button[data-cat="behandeltijden"]{order:404}
#navCategories button[data-cat="accounts"]{order:405}
#navCategories button[data-cat="team"]{order:406}
#navCategories button[data-cat="links"]{order:407}
#navCategories button[data-cat="documenten"]{order:408}
#navCategories button[data-cat="verlof"]{order:409}
#navCategories button[data-cat="opleiding"]{order:410}
#navCategories button[data-cat="personeelsrapporten"]{order:411}
#navCategories button[data-cat="info"]{order:412}
}

/* SMAL199: bij een kleiner venster mag de inhoud niet zijwaarts onder het vaste zijmenu schuiven */
@media (min-width:1000px){
 html,body{overflow-x:hidden}
 #appRoot > .wrap{min-width:0;overflow-x:clip;box-sizing:border-box} /* SMAL200 */
 #appRoot .ks-root,#appRoot .ks-root .wrap{overflow:clip!important;max-width:100%;min-width:0}
 #appRoot > .wrap > section.view,#appRoot section.view{min-width:0;max-width:100%}
}

/* SMAL201: pagina's die direct onder #appRoot staan (Kasstaat, Facturen, Labo, Voorraad, Klachten, ...) krijgen dezelfde linkermarge als de rest naast het vaste zijmenu */
@media (min-width:1000px){
 #appRoot > section.view{margin-left:268px;box-sizing:border-box;min-width:0}
}

/* NAAM222: in de Kasstaat blijft de kolom 'Patiënt naam' links staan als je de tabel opzij schuift */
.ks-root table.rows th:first-child{position:sticky;left:0;z-index:4;width:190px;min-width:190px;max-width:190px;box-sizing:border-box}
.ks-root table.rows td.naam{position:sticky;left:0;z-index:3;background:#fff;box-shadow:2px 0 4px rgba(0,0,0,.08);width:190px;min-width:190px;max-width:190px;box-sizing:border-box}
.ks-root table.rows td.naam input,.ks-root table.rows td.naam select{min-width:0 !important;width:100% !important;box-sizing:border-box}
/* NAAM224: vaste breedte voor 'Patiënt naam' zodat de andere kolommen niet opzij geduwd worden */

/* PLEK223: de Kasstaat staat links uitgelijnd onder de begroeting, even breed als de andere pagina's */
@media (min-width:1000px){
 #view-kasstaat > div{max-width:1180px !important;margin:0 !important}
}