/* Mijn XLV (klanten.xlv.nl): zelfde opmaak als de admin (admin.css), met een paar aanvullingen. */
main{max-width:1000px}
.p-smal{max-width:480px;margin:40px auto}
.p-smal h1{font-size:28px;margin-bottom:12px}
.p-inlog{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.p-inlog .knop{align-self:flex-start}
.p-beheer{background:rgba(255,207,74,.12);border-color:rgba(255,207,74,.45);color:#ffe9a8}
.p-fout{background:rgba(255,138,138,.12);border-color:rgba(255,138,138,.45);color:#ffd0d0}
.p-teller{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--geel);color:#16112a;font-size:12px;text-align:center;margin-left:4px}
.kop form{margin:0}
.nowrap{white-space:nowrap}
.tabel .actie .knop{padding:6px 14px;font-size:13px;white-space:nowrap}
.blok form .knop{margin-right:12px}
input[disabled]{opacity:.6}
@media (max-width:640px){.velden{grid-template-columns:1fr}.kop{gap:12px;padding:12px 16px}}
/* Telefoon: admin.css verbergt kolom 3; in het portaal juist het bedrag tonen en de datum/status verbergen. */
@media (max-width:760px){
  .portaal .tabel th:nth-child(3),.portaal .tabel td:nth-child(3){display:table-cell}
  .portaal .p-facturen th:nth-child(2),.portaal .p-facturen td:nth-child(2),
  .portaal .p-facturen th:nth-child(4),.portaal .p-facturen td:nth-child(4){display:none}
  .portaal .p-facturen td:first-child{white-space:nowrap}
  .portaal .tabel .actie .knop{white-space:normal;padding:6px 10px;text-align:center}
}
.domeinzoek{width:100%;max-width:360px;margin-bottom:14px}
.verzoek summary{cursor:pointer;color:var(--zacht);font-size:13px}
.verzoek form{display:grid;gap:8px;margin-top:10px;min-width:260px}
.verzoek .klein{margin:0 0 4px 24px}
tr[hidden],p[hidden],input[hidden]{display:none}
.verzoek button{justify-self:start}