/* Aanvullingen voor het Python-intranet. De basis (kleuren, letter, kaarten,
   donkere weergave) komt ongewijzigd uit portaal-stijl.css en menu.css. */
body{margin:0;font-family:'Helvetica Neue LT','Helvetica Neue',Helvetica,Arial,'Liberation Sans',sans-serif;font-size:14.5px;line-height:1.5}
*{box-sizing:border-box}
main.wrap{padding-top:38px;padding-bottom:60px}
a{color:var(--groen-donker)}

/* Zijmenu */
.pm-merk{text-decoration:none}
.pm-logo-mob svg{width:28px;height:28px;color:var(--pm-groen);display:block}
.pm-nav a .pm-oud{margin-left:auto;font-style:normal;font-size:11px;color:var(--grijs-licht);opacity:.8}
.pm-uitform{margin:0;flex:none}
.pm-uit{border:0;background:none;padding:0;cursor:pointer;font-family:inherit}

/* Startpagina */
.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;align-items:start}
.kaart-kop{display:flex;justify-content:space-between;align-items:baseline}
.kaart-kop h2{margin:0}
.med{border-top:1px solid var(--lijn-zacht);padding:11px 0}
.med:first-child{border-top:0;padding-top:4px}
.med p{margin:0 0 3px}
.med span,.leeg{font-size:11.5px;color:var(--grijs-licht)}
.uitleg{margin:0 0 10px;color:var(--grijs)}

/* Inlogpagina (zelfde opmaak als login) */
body.inlog{display:flex;min-height:100vh;align-items:center;justify-content:center;background:var(--bg);color:var(--zwart)}
.inlogkaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:36px;width:380px;max-width:92vw}
.inloglogo{display:flex;align-items:center;gap:11px;margin-bottom:26px}
.inloglogo svg{width:38px;height:38px;color:var(--groen);flex:none}
.inloglogo .naam{font-size:17px;font-weight:500;letter-spacing:-.2px}
.inlogkaart h1{font-size:11.5px;margin:0 0 6px;color:var(--grijs);font-weight:500;letter-spacing:1.35px;text-transform:uppercase}
.inlogkaart label{display:block;font-size:10.5px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--grijs);margin:16px 0 5px}
.inlogkaart input{width:100%;padding:11px 12px;font-size:15px;font-family:inherit;border:1px solid var(--lijn);border-radius:var(--radius);background:var(--wit);color:var(--zwart)}
.inlogkaart input:focus{outline:0;border-color:var(--groen)}
.inlogkaart button{width:100%;margin-top:24px;padding:12px;border:1px solid var(--groen);background:var(--groen);color:#fff;font-family:inherit;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;cursor:pointer;border-radius:var(--radius)}
.inlogkaart button:hover{background:var(--groen-donker);border-color:var(--groen-donker)}
.inlogkaart .fout{border:1px solid var(--rood,#c0504d);color:var(--rood,#c0504d);font-size:13px;padding:10px 12px;margin:2px 0 4px}
.inlogkaart .hint{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--grijs-licht);margin-top:18px;text-align:center}