/* Tevreden Hosting - huisstijl klantenpaneel. Staat in /custom/ en wordt door HostFact-updates niet overschreven. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--th-ink:#19202D;--th-ink2:#2A3242;--th-mute:#3F4651;--th-line:#DDE2E8;--th-soft:#EEF1F4;--th-yellow:#F4E474;--th-yellow-h:#FFE94F;--th-orange:#F2643A;--th-cream:#FFFCEF}
html,body{background:var(--th-cream)!important;color:var(--th-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4{font-family:Inter,sans-serif!important;font-weight:800;letter-spacing:-.02em;color:var(--th-ink)}
a{color:var(--th-ink)}
a:hover{color:var(--th-orange)}
.text-primary{color:var(--th-ink)!important}
/* Kopbalk en menu */
header.bg-white{background:#fff!important;border-bottom:1px solid var(--th-line)}
header img{max-height:46px;width:auto}
.nav-container.bg-primary,.bg-primary{background:var(--th-ink)!important}
.nav-container .nav-link{font-weight:600;border-radius:10px;padding:.55rem .9rem!important;color:#fff!important}
.nav-container .nav-link:hover,.nav-container .nav-link.active,.nav-container .active > .nav-link{background:var(--th-ink2)}
.dropdown-menu{border:1px solid var(--th-line);border-radius:12px;box-shadow:0 12px 30px rgba(25,32,45,.12);padding:.4rem}
.dropdown-item{border-radius:8px;font-weight:500}
.dropdown-item:hover,.dropdown-item.active{background:var(--th-yellow)!important;color:var(--th-ink)!important}
/* Knoppen */
.btn{border-radius:12px!important;font-weight:700;font-family:Inter,sans-serif}
.btn-primary,.btn-primary:focus{background:var(--th-yellow)!important;border-color:var(--th-yellow)!important;color:var(--th-ink)!important}
.btn-primary:hover,.btn-primary:active{background:var(--th-yellow-h)!important;border-color:var(--th-yellow-h)!important;color:var(--th-ink)!important}
.btn-secondary,.btn-default{background:#fff!important;border:1px solid var(--th-line)!important;color:var(--th-ink)!important}
.btn-secondary:hover,.btn-default:hover{border-color:var(--th-ink)!important}
/* Velden */
.form-control{border:1px solid var(--th-line);border-radius:12px;min-height:44px;font-family:Inter,sans-serif}
.form-control:focus{border-color:var(--th-ink);box-shadow:0 0 0 3px rgba(244,228,116,.7)}
/* Kaarten en tabellen */
.card,.panel,.box{border:1px solid var(--th-line)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(25,32,45,.05),0 12px 30px rgba(25,32,45,.06);overflow:hidden}
.card-header,.panel-heading{background:#fff!important;border-bottom:1px solid var(--th-line)!important;font-weight:700}
.table thead th{background:var(--th-soft);border-bottom:0!important;font-weight:700}
.table td,.table th{border-top:1px solid var(--th-soft)!important}
.badge,.label,.tag{border-radius:8px}
.alert{border-radius:12px}
.alert-success{background:#E9F9EF;border-color:#7BE0A3;color:#14532D}
.alert-danger{background:#FFF1EC;border-color:var(--th-orange);color:#8A2B10}
/* Inlogscherm */
.login-table{background:var(--th-cream)}
.login-box{background:#fff!important;border:1px solid var(--th-line);border-radius:22px!important;padding:32px 28px!important;box-shadow:0 1px 2px rgba(25,32,45,.05),0 18px 40px rgba(25,32,45,.08);max-width:400px}
.login-box h1{font-size:24px!important;border-bottom:0!important}
.login-box img{max-height:48px;width:auto;margin-bottom:8px}
.to-forgot-password{text-decoration:underline;text-underline-offset:3px}
/* Voettekst */
footer{max-width:1140px;margin:24px auto 0;padding:16px 15px 32px;color:var(--th-mute);font-size:13px}