.accountwelkom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin-bottom:30px;padding:clamp(24px,4vw,38px);border:1px solid var(--rand);border-radius:20px;background:linear-gradient(135deg,#f2f6e7,#fff);box-shadow:0 15px 40px rgba(22,79,59,.08)}
.accountwelkomicoon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--groen);color:#fff}.accountwelkomicoon .lijnicoon{width:32px;height:32px}.accountwelkom h1{margin:4px 0 7px;font-size:clamp(34px,5vw,52px);line-height:1.04}.accountwelkom p{margin:0;color:#607168}.accountmeta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:13px}.accountmeta span{display:inline-flex;align-items:center;gap:6px;font-size:13px}.accountmeta .lijnicoon{width:17px;height:17px;color:var(--groen)}.accountuitloggen{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #cfd9d2;border-radius:8px;background:#fff;font-weight:750}.accountuitloggen .lijnicoon{width:19px;height:19px}
.accountkeuzes{grid-template-columns:repeat(2,minmax(0,1fr))}.accountkeuzes>a{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:23px}.accountkeuzeicoon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#edf4e6;color:var(--groen)}.accountkeuzeicoon .lijnicoon{width:25px;height:25px}.accountkeuzetekst{display:grid;gap:3px;min-width:0}.accountkeuzes .accountkeuzetekst strong{font-size:20px}.accountkeuzes .accountkeuzetekst small{color:#66756d}.accountpijl{color:#789084}.accountpijl .lijnicoon{width:21px;height:21px}.accountkeuzes>a:hover .accountkeuzeicoon,.accountkeuzes>a:focus .accountkeuzeicoon{background:var(--groen);color:#fff}.accountkeuzes>a:hover .accountpijl,.accountkeuzes>a:focus .accountpijl{transform:translateX(3px)}
.gegevensscherm{max-width:920px;margin:0 auto}.gegevenskop{display:flex;align-items:center;gap:17px;margin-bottom:25px}.gegevenskop h1{margin:4px 0 5px;font-size:clamp(34px,5vw,50px);line-height:1.05}.gegevenskop p{margin:0;color:#66766e}.gegevensformulier{display:grid;gap:18px}.gegevenskaart{padding:clamp(21px,3vw,30px);border:1px solid var(--rand);border-radius:16px;background:var(--wit);box-shadow:0 10px 28px rgba(22,79,59,.05)}.gegevenskaartkop{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.gegevenskaartkop>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:#edf4e6;color:var(--groen)}.gegevenskaartkop .lijnicoon{width:22px;height:22px}.gegevenskaart h2{margin:0;font-size:22px}.gegevenskaart p{margin:2px 0 0;color:#697970;font-size:14px}.gegevensrooster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gegevenskaart label{display:grid;gap:7px;font-weight:750}.gegevenskaart label>span:first-child{font-size:14px}.gegevenskaart label small{font-weight:500;color:#6b7a72}.gegevensacties{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gegevensacties .tabelknop{padding:12px 16px}
body[data-thema="donker"] .accountwelkom{background:linear-gradient(135deg,#1c3027,#17241f)}body[data-thema="donker"] .accountwelkom p,body[data-thema="donker"] .gegevenskop p,body[data-thema="donker"] .gegevenskaart p{color:#c4d1ca}body[data-thema="donker"] .accountuitloggen{background:#263a31;color:#fff;border-color:#587064}body[data-thema="donker"] .accountkeuzeicoon,body[data-thema="donker"] .gegevenskaartkop>span{background:#2e493b;color:#dff18b}body[data-thema="donker"] .gegevenskaart{background:#17241f}body[data-thema="contrast"] .accountwelkom,body[data-thema="contrast"] .gegevenskaart{border:3px solid #000;box-shadow:none}
@media(max-width:720px){.accountwelkom{grid-template-columns:auto 1fr}.accountuitloggen{grid-column:1/-1;justify-content:center}.accountkeuzes,.gegevensrooster{grid-template-columns:1fr}.accountkeuzes>a{padding:19px}.gegevensacties{display:grid}.gegevensacties>*{width:100%;text-align:center}}
@media(max-width:440px){.accountwelkom{grid-template-columns:1fr;text-align:center}.accountwelkomicoon{margin:auto}.accountmeta{justify-content:center}.gegevenskop{align-items:flex-start}.gegevenskop .inlogpictogram{display:none}.accountkeuzeicoon{width:44px;height:44px}.accountkeuzes>a{gap:11px}}
.vragenkop,.vraagdetailkop{display:flex;align-items:center;gap:17px;margin-bottom:27px}.vragenkop>div,.vraagdetailkop>div{min-width:0;flex:1}.vragenkop h1,.vraagdetailkop h1{margin:4px 0 5px;font-size:clamp(34px,5vw,50px);line-height:1.06}.vragenkop p,.vraagdetailkop p{margin:0;color:#66766e}.vragenkop>.tabelknop{padding:11px 14px}.vragenindeling{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:start}.vraagformulierkaart,.vragenhistorie,.vraagreactie{padding:clamp(21px,3vw,29px);border:1px solid var(--rand);border-radius:16px;background:var(--wit)}.vraagkaartkop{display:flex;align-items:flex-start;gap:12px;margin-bottom:19px}.vraagkaartkop>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:#edf4e6;color:var(--groen)}.vraagkaartkop .lijnicoon{width:22px;height:22px}.vraagkaartkop h2{margin:0;font-size:22px}.vraagkaartkop p{margin:2px 0 0;color:#697970;font-size:14px}.vraagformulier{display:grid;gap:16px}.vraagformulier label{display:grid;gap:7px;font-weight:750}.vraagformulier label>span:first-child{font-size:14px}.vraagformulier textarea,.vraagformulier>label>input{width:100%;padding:13px;border:1px solid #aebdb4;border-radius:9px;background:var(--wit);color:var(--inkt);font:inherit;resize:vertical}.vraagformulier textarea:focus,.vraagformulier>label>input:focus{border-color:var(--groen);outline:3px solid rgba(200,219,103,.42)}.vraagformulier>small{color:#67776f}.vragenlijst{display:grid;gap:10px}.vragenlijst>a{position:relative;display:grid;gap:3px;padding:16px;border:1px solid var(--rand);border-radius:11px;background:#fbfcf9}.vragenlijst>a:hover,.vragenlijst>a:focus{border-color:var(--groen);box-shadow:0 6px 18px rgba(22,79,59,.09)}.vragenlijst>a>strong{padding-right:92px;font-size:17px}.vragenlijst small{color:#697970}.vragenlijst p{margin:6px 0 0;color:#41564c}.vraagstatus{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:20px;background:#e9eeeb;color:#475c52;font-size:11px;font-weight:850}.vragenlijst .vraagstatus{position:absolute;top:13px;right:13px}.vraagstatus.nieuw{background:#fff0bd;color:#6c5311}.vraagstatus.beantwoord{background:#dff3e7;color:#17603c}.vraagstatus.gesloten{background:#e8ecea;color:#59675f}.vraagstatus.groot{padding:8px 13px;font-size:13px}.vraagleeg{padding:25px;border:1px dashed #b7c4bc;border-radius:11px;text-align:center;color:#65766d}.vraagdetailkop{align-items:flex-end}.vraagdetailkop .inloghulplink{display:block;width:max-content;margin-bottom:13px}.gesprek{display:grid;gap:16px;max-width:900px;margin:0 auto 25px}.gesprekbericht{width:min(82%,720px);padding:18px 20px;border:1px solid var(--rand);border-radius:15px;background:#fff}.gesprekbericht.klant{justify-self:end;background:#edf6ef;border-bottom-right-radius:4px}.gesprekbericht.beheer{justify-self:start;border-left:5px solid var(--groen);border-bottom-left-radius:4px}.gesprekbericht header{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:13px}.gesprekbericht time{color:#687970}.gesprekbericht>div{white-space:normal;overflow-wrap:anywhere}.vraagreactie{max-width:900px;margin:0 auto}
body[data-thema="donker"] .vraagformulierkaart,body[data-thema="donker"] .vragenhistorie,body[data-thema="donker"] .vraagreactie,body[data-thema="donker"] .gesprekbericht,body[data-thema="donker"] .vragenlijst>a{background:#17241f}body[data-thema="donker"] .gesprekbericht.klant{background:#22372d}body[data-thema="donker"] .vragenkop p,body[data-thema="donker"] .vraagdetailkop p,body[data-thema="donker"] .vraagkaartkop p,body[data-thema="donker"] .vragenlijst p{color:#c4d1ca}body[data-thema="donker"] .vraagkaartkop>span{background:#2e493b;color:#dff18b}body[data-thema="donker"] .vraagstatus.nieuw{background:#594716;color:#fff0b5}body[data-thema="donker"] .vraagstatus.beantwoord{background:#194d37;color:#d8ffea}body[data-thema="contrast"] .vraagformulierkaart,body[data-thema="contrast"] .vragenhistorie,body[data-thema="contrast"] .vraagreactie,body[data-thema="contrast"] .gesprekbericht{border:3px solid #000}
@media(max-width:820px){.vragenindeling{grid-template-columns:1fr}.vragenkop{align-items:flex-start;flex-wrap:wrap}.vragenkop>.tabelknop{width:100%;text-align:center}.vraagdetailkop{align-items:flex-start}.gesprekbericht{width:92%}}
@media(max-width:500px){.vragenkop>.inlogpictogram{display:none}.vraagdetailkop{display:grid}.gesprekbericht{width:100%}.gesprekbericht header{display:grid;gap:2px}.vragenlijst>a>strong{padding-right:0;padding-top:26px}}
.accountkeuzes .accountkeuzeicoon{color:var(--groen)}
.accountkeuzes>a:hover .accountkeuzeicoon,.accountkeuzes>a:focus .accountkeuzeicoon{color:#fff}
body[data-thema="donker"] .accountkeuzes .accountkeuzeicoon{color:#dff18b}
.vraagbijlageveld{padding:15px;border:1px dashed #9fb0a5;border-radius:11px;background:#f7faf6}.vraagbijlageveld input[type="file"]{width:100%;padding:10px;border:1px solid var(--rand);border-radius:8px;background:var(--wit);color:var(--inkt);font-weight:500}.vraagbijlageveld small{color:#65766d;font-weight:500;line-height:1.45}.vraagbijlagen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.vraagbijlage{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid var(--rand);border-radius:9px;background:var(--wit);color:var(--inkt);text-decoration:none;min-width:0}.vraagbijlage:hover,.vraagbijlage:focus{border-color:var(--groen)}.vraagbijlage img,.pdficoon{display:grid;place-items:center;width:58px;height:50px;border-radius:6px;object-fit:cover;background:#edf3ee}.pdficoon{color:#9d2929;font-size:13px;font-weight:900}.vraagbijlage span:last-child{display:grid;min-width:0}.vraagbijlage strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.vraagbijlage small{color:#697970;font-size:11px}body[data-thema="donker"] .vraagbijlageveld,body[data-thema="donker"] .vraagbijlage{background:#22342b}body[data-thema="donker"] .vraagbijlageveld small,body[data-thema="donker"] .vraagbijlage small{color:#c4d1ca}
@media(max-width:540px){.vraagbijlagen{grid-template-columns:1fr}}