:root { --mk-admin-accent: #206bc4; }
html { font-size: 14px; }
body { min-height: 100vh; }
.admin-brand-mark { display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.12);font-weight:800;letter-spacing:-.04em; }
.admin-topbar { min-height: 64px; border-bottom: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); }
.page-header { margin-bottom: 1rem; }
.kpi-card { min-height: 132px; }
.kpi-value { font-size: 1.75rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.kpi-icon { width: 42px; height: 42px; display:flex; align-items:center; justify-content:center; border-radius: 10px; }
.kpi-icon .icon { width: 24px; height: 24px; }
.table-responsive { min-height: 0; }
.table td, .table th { vertical-align: middle; }
.text-truncate-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.admin-filter-card .form-label { font-size:.72rem; text-transform:uppercase; color:var(--tblr-secondary); letter-spacing:.04em; }
.storage-bar { height: 8px; border-radius: 999px; background: var(--tblr-bg-surface-secondary); overflow:hidden; }
.storage-bar > span { display:block; height:100%; background:var(--mk-admin-accent); border-radius:inherit; }
.revenue-chart { display:flex; align-items:flex-end; gap:.45rem; height:190px; padding-top:1rem; }
.revenue-chart-column { flex:1; min-width:18px; display:flex; flex-direction:column; height:100%; justify-content:flex-end; align-items:center; gap:.45rem; }
.revenue-chart-bar { width:100%; max-width:38px; min-height:3px; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,#4299e1,#206bc4); }
.revenue-chart-label { font-size:.68rem; color:var(--tblr-secondary); white-space:nowrap; }
.code-panel { white-space:pre-wrap; word-break:break-word; max-height:560px; overflow:auto; font-family:var(--tblr-font-monospace); font-size:.78rem; background:var(--tblr-bg-surface-secondary); border-radius:.5rem; padding:1rem; }
.metric-strip { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:1px; background:var(--tblr-border-color); border:1px solid var(--tblr-border-color); border-radius:.5rem; overflow:hidden; }
.metric-strip > div { background:var(--tblr-bg-surface); padding:1rem; }
.status-pill { white-space:nowrap; }
.btn-action { min-width: 96px; }
@media print { .navbar, .admin-topbar, .d-print-none, footer { display:none!important; } .page-wrapper { margin:0!important; } .card { break-inside:avoid; box-shadow:none!important; } }
@media (max-width: 991.98px) { .revenue-chart-label { transform:rotate(-45deg); margin-bottom:.6rem; } }
.admin-login-page { min-height:100vh; display:flex; align-items:stretch; width:100%; padding:clamp(1rem,3vw,2.5rem); }
.admin-login-panel { width:min(1180px,100%); min-height:calc(100vh - clamp(2rem,6vw,5rem)); margin:auto; display:grid; grid-template-columns:minmax(360px,480px) 1fr; overflow:hidden; border:1px solid var(--tblr-border-color); border-radius:1rem; background:var(--tblr-bg-surface); box-shadow:0 1.5rem 4rem rgba(15,23,42,.12); }
.admin-login-form-wrap { padding:clamp(2rem,5vw,4.5rem); align-self:center; }
.admin-login-brand { display:flex; align-items:center; gap:.75rem; }
.admin-login-brand .admin-brand-mark { background:var(--tblr-primary); }
.admin-login-visual { align-items:flex-end; padding:clamp(2.5rem,6vw,5rem); color:#fff; background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#182433,#206bc4); }
.admin-login-visual > div { max-width:620px; }
.admin-login-visual h2 { max-width:560px; margin:.75rem 0 1rem; font-size:clamp(2.2rem,4vw,4.25rem); line-height:1.05; letter-spacing:-.04em; }
.admin-login-visual p { max-width:560px; margin:0; font-size:1.08rem; color:rgba(255,255,255,.78); }
.admin-login-visual-kicker { font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.72); }
@media (max-width:991.98px) { .admin-login-panel { grid-template-columns:1fr; max-width:560px; } }
@media (max-width:575.98px) { .admin-login-page { padding:0; } .admin-login-panel { min-height:100vh; border:0; border-radius:0; } .admin-login-form-wrap { padding:2rem 1.25rem; } }

.support-message { white-space:pre-wrap; overflow-wrap:anywhere; font-size:1rem; line-height:1.65; }

/* AdminHost V2.2: inklapbaar AI-submenu in de verticale navigatie. */
.admin-submenu-chevron { display:inline-flex; transition:transform .2s ease; }
.admin-submenu-toggle[aria-expanded="true"] .admin-submenu-chevron { transform:rotate(90deg); }
.admin-sidebar-submenu { margin:.15rem 0 .35rem 1.45rem; padding-left:.55rem; border-left:1px solid rgba(255,255,255,.14); }
.admin-sidebar-submenu .nav-link { min-height:2.15rem; padding:.4rem .75rem; border-radius:.35rem; font-size:.875rem; }
.admin-sidebar-submenu .nav-link.active { background:rgba(255,255,255,.09); color:#fff; }