:root{--nd-navy:#102a43;--nd-blue:#1368ce;--nd-bg:#f3f6f9;--nd-border:#dce4eb;--nd-muted:#627d98}html,body{min-height:100%}body{background:var(--nd-bg);color:#243b53;display:flex;flex-direction:column}.app-navbar{background:var(--nd-navy);box-shadow:0 2px 10px rgba(16,42,67,.2)}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;color:var(--nd-blue);margin-right:.35rem}.nav-link{font-weight:600}.content-shell{padding:2rem 1.5rem}.page-eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--nd-blue);font-weight:700;font-size:.75rem}.card{border:1px solid var(--nd-border);border-radius:14px;box-shadow:0 5px 18px rgba(36,59,83,.05)}.metric-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem}.table>tbody>tr:hover{background:#f8fbff}.ticket-link{color:#243b53;text-decoration:none;font-weight:700}.ticket-link:hover{color:var(--nd-blue)}.btn-primary{background:var(--nd-blue);border-color:var(--nd-blue)}.form-control,.form-select{border-color:#bcccdc;padding:.7rem .85rem}.form-control:focus,.form-select:focus{border-color:var(--nd-blue);box-shadow:0 0 0 .2rem rgba(19,104,206,.14)}.login-page{min-height:100vh;background:linear-gradient(130deg,#102a43 0%,#1368ce 100%);display:grid;place-items:center;padding:1rem}.login-card{width:min(100%,430px);border:0}.login-logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#e8f1fc;color:var(--nd-blue);font-size:1.5rem}.timeline{border-left:2px solid var(--nd-border);padding-left:1.25rem}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--nd-blue);left:-1.62rem;top:.4rem}.app-footer{color:var(--nd-muted);font-size:.82rem}.footer-credit{color:var(--nd-muted);text-decoration:none}.footer-credit:hover{color:var(--nd-blue)}@media(max-width:767px){.content-shell{padding:1.25rem .75rem}.table-responsive{border-radius:12px}.navbar-collapse{padding-top:1rem}.navbar form{margin-bottom:.5rem}}
.asset-label-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.asset-label{display:grid;grid-template-columns:112px 1fr;gap:16px;position:relative;border:2px solid #dbe7ee;border-radius:14px;background:#fff;padding:18px;min-height:170px;break-inside:avoid}.asset-label-logo{position:absolute;right:14px;top:12px;width:92px;max-height:24px}.asset-label-content{display:flex;flex-direction:column;justify-content:center;padding-top:22px}.asset-label-content strong{color:#075985;font-size:1.2rem}.asset-label-content span{font-weight:600}.asset-label-content small{color:#64748b}@media print{.app-navbar,.app-footer,.print-hide,.impersonation-bar{display:none!important}.content-shell{padding:0!important}.asset-label-grid{grid-template-columns:repeat(2,1fr);gap:8mm}.asset-label{border:1px solid #94a3b8;page-break-inside:avoid}.asset-qr img{display:block}}
/* Linkernavigatie */
.app-mobile-nav{background:#12384a}.app-sidebar{--bs-offcanvas-width:270px;background:#fff;border-right:1px solid #dce5e9}.sidebar-brand{display:block;padding:.35rem .5rem}.sidebar-brand img{display:block;width:155px;height:auto}.app-sidebar .nav-link{display:flex;align-items:center;gap:.75rem;color:#39515c;padding:.6rem .75rem;font-weight:600}.app-sidebar .nav-link i{width:1.25rem;text-align:center;color:var(--bs-primary)}.app-sidebar .nav-link:hover,.app-sidebar .nav-link:focus{color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.08)}.sidebar-label{padding:.45rem .75rem;color:#82939b;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.sidebar-user{border-top:1px solid #e6edef}
@media (min-width:992px){body:has(.app-sidebar){padding-left:270px}.app-sidebar{position:fixed;inset:0 auto 0 0;width:270px;z-index:1030}.app-sidebar .offcanvas-body{height:100vh;overflow-y:auto}.impersonation-bar{position:relative}}@media print{body:has(.app-sidebar){padding-left:0}.app-sidebar,.app-mobile-nav{display:none!important}}
.notification-unread{background:rgba(var(--bs-primary-rgb),.055);border-left:4px solid var(--bs-primary)!important}
.auth-language-switch{position:fixed;top:1rem;right:1rem;z-index:1050;padding:.4rem .65rem;border:1px solid rgba(11,128,154,.18);border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(13,53,65,.08);font-size:.8rem}.auth-language-switch a{text-decoration:none;color:#6c757d;font-weight:700}.auth-language-switch a.active{color:var(--bs-primary)}.auth-language-switch span{margin:0:.35rem;color:#adb5bd}