@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif}#root{min-height:100vh}h1,h2,h3{font-family:Playfair Display,serif;margin:0}p{margin:0}:root{--brand-primary: #C1272D;--brand-button: #3A4F66;--brand-button-hover: #2F4053;--bg-primary: #ffffff;--container-tint-rgb: 223, 227, 234;--bg-secondary-base: #ffffff;--bg-tertiary-base: #f5f6f8;--bg-secondary: color-mix(in srgb, rgb(var(--container-tint-rgb)) 20%, var(--bg-secondary-base));--bg-tertiary: color-mix(in srgb, rgb(var(--container-tint-rgb)) 28%, var(--bg-tertiary-base));--text-primary: #181c22;--text-secondary: #3d4852;--text-muted: #6c757d;--border-color: #d1d5db;--border-color-light: #e5e7eb;--accent-color: #C1272D;--accent-color-rgb: 193, 39, 45;--accent-hover: #9F1F25;--accent-text-color: #ffffff;--button-color: var(--brand-button);--button-hover: var(--brand-button-hover);--button-text-color: #ffffff;--table-tint-rgb: 223, 227, 234;--container-bg: color-mix(in srgb, rgb(var(--container-tint-rgb)) 22%, var(--bg-secondary));--container-bg-hover: color-mix(in srgb, rgb(var(--container-tint-rgb)) 34%, var(--bg-secondary));--container-border-color: color-mix(in srgb, rgb(var(--container-tint-rgb)) 52%, var(--border-color));--success-color: #198754;--warning-color: #fd7e14;--danger-color: #dc3545;--info-color: #0dcaf0;--sidebar-bg: linear-gradient(135deg, #C1272D 0%, #9F1F25 100%);--sidebar-text: #ffffff;--sidebar-text-muted: rgba(255, 255, 255, .85);--sidebar-hover: rgba(255, 255, 255, .1);--sidebar-active: rgba(255, 255, 255, .2);--sidebar-accent-start: var(--accent-color);--sidebar-accent-end: var(--sidebar-accent-second, var(--accent-color));--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 3px 6px rgba(0,0,0,.15), 0 2px 4px rgba(0,0,0,.12);--shadow-lg: 0 10px 20px rgba(0,0,0,.15), 0 3px 6px rgba(0,0,0,.1);--header-bg: var(--bg-secondary);--header-border: var(--border-color)}[data-theme=dark],.theme-dark{--bg-primary: color-mix(in srgb, #0e1112 90%, var(--accent-color));--bg-secondary-base: color-mix(in srgb, #1a1f22 88%, var(--accent-color));--bg-tertiary-base: color-mix(in srgb, #262c31 86%, var(--accent-color));--bg-secondary: color-mix(in srgb, rgb(var(--container-tint-rgb)) 14%, var(--bg-secondary-base));--bg-tertiary: color-mix(in srgb, rgb(var(--container-tint-rgb)) 22%, var(--bg-tertiary-base));--text-primary: #f8f9fa;--text-secondary: #ced4da;--text-muted: #7b8791;--border-color: color-mix(in srgb, #3a4249 85%, var(--accent-color));--border-color-light: color-mix(in srgb, #2f363c 88%, var(--accent-color));--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #06b6d4;--sidebar-bg: linear-gradient(135deg, color-mix(in srgb, #0b1114 86%, var(--accent-color)) 0%, color-mix(in srgb, #0d1417 90%, var(--accent-color)) 100%);--sidebar-accent-start: color-mix(in srgb, #0b1114 68%, var(--accent-color));--sidebar-accent-end: color-mix(in srgb, #07090b 78%, var(--accent-color));--sidebar-text: #f8fafc;--sidebar-text-muted: rgba(248, 250, 252, .85);--sidebar-hover: rgba(241, 245, 249, .1);--sidebar-active: rgba(241, 245, 249, .2);--header-bg: color-mix(in srgb, #14181c 85%, var(--accent-color));--header-border: color-mix(in srgb, #283038 80%, var(--accent-color));--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 3px 6px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.4);--shadow-lg: 0 10px 20px rgba(0,0,0,.6), 0 3px 6px rgba(0,0,0,.5)}@media(prefers-color-scheme:dark){[data-theme=auto]{--bg-primary: color-mix(in srgb, #0e1112 90%, var(--accent-color));--bg-secondary-base: color-mix(in srgb, #1a1f22 88%, var(--accent-color));--bg-tertiary-base: color-mix(in srgb, #262c31 86%, var(--accent-color));--bg-secondary: color-mix(in srgb, rgb(var(--container-tint-rgb)) 14%, var(--bg-secondary-base));--bg-tertiary: color-mix(in srgb, rgb(var(--container-tint-rgb)) 22%, var(--bg-tertiary-base));--text-primary: #f8f9fa;--text-secondary: #ced4da;--text-muted: #7b8791;--border-color: color-mix(in srgb, #3a4249 85%, var(--accent-color));--border-color-light: color-mix(in srgb, #2f363c 88%, var(--accent-color));--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #06b6d4;--sidebar-bg: linear-gradient(135deg, color-mix(in srgb, #0b1114 86%, var(--accent-color)) 0%, color-mix(in srgb, #0d1417 90%, var(--accent-color)) 100%);--sidebar-accent-start: color-mix(in srgb, #0b1114 68%, var(--accent-color));--sidebar-accent-end: color-mix(in srgb, #07090b 78%, var(--accent-color));--sidebar-text: #f8fafc;--sidebar-text-muted: rgba(248, 250, 252, .85);--sidebar-hover: rgba(241, 245, 249, .1);--sidebar-active: rgba(241, 245, 249, .2);--header-bg: color-mix(in srgb, #14181c 85%, var(--accent-color));--header-border: color-mix(in srgb, #283038 80%, var(--accent-color));--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 3px 6px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.4);--shadow-lg: 0 10px 20px rgba(0,0,0,.6), 0 3px 6px rgba(0,0,0,.5)}}:root{--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--padding-sm: .5rem;--padding-md: .75rem;--padding-lg: 1rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem;--line-height: 1.6;--border-radius: 6px;--element-height: 40px;--button-height: 40px;--input-height: 40px}body{background-color:var(--bg-primary)!important;color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{color:var(--accent-color);margin-bottom:var(--margin-md)}a{color:var(--accent-color);transition:color .2s ease}.card,.settings-card,.content-card{background-color:var(--container-bg);border:1px solid var(--container-border-color);box-shadow:var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.card:hover,.settings-card:hover{background-color:var(--container-bg-hover);box-shadow:var(--shadow-md)}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.btn-primary{background-color:var(--button-color);border-color:var(--button-color);color:var(--button-text-color);height:var(--button-height);padding:0 var(--padding-lg);font-size:var(--font-size-base);border-radius:var(--border-radius)}.btn-primary:hover{background-color:var(--button-hover);border-color:var(--button-hover)}.form-control,.form-select{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);height:var(--input-height);font-size:var(--font-size-base);border-radius:var(--border-radius);padding:0 var(--padding-md);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.form-control:focus,.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 .2rem #c1272d38;background-color:var(--bg-secondary);color:var(--text-primary)}.table{color:var(--text-primary);background-color:var(--bg-secondary)}.table th{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--padding-sm) var(--padding-md)}.table td{border-color:var(--border-color);font-size:var(--font-size-base);padding:var(--padding-sm) var(--padding-md)}.table-striped tbody tr:nth-of-type(odd){background-color:var(--bg-tertiary)}.modal-content{background-color:var(--container-bg);border-color:var(--container-border-color);color:var(--text-primary)}.modal-header{border-bottom-color:var(--border-color)}.modal-footer{border-top-color:var(--border-color)}.alert{border-radius:var(--border-radius);padding:var(--padding-md);font-size:var(--font-size-base)}.alert-success{background-color:color-mix(in srgb,var(--success-color) 15%,var(--bg-secondary));border-color:var(--success-color);color:var(--success-color)}.alert-warning{background-color:color-mix(in srgb,var(--warning-color) 15%,var(--bg-secondary));border-color:var(--warning-color);color:var(--warning-color)}.alert-danger{background-color:color-mix(in srgb,var(--danger-color) 15%,var(--bg-secondary));border-color:var(--danger-color);color:var(--danger-color)}.alert-info{background-color:color-mix(in srgb,var(--info-color) 15%,var(--bg-secondary));border-color:var(--info-color);color:var(--info-color)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.theme-light{color-scheme:light}.theme-dark{color-scheme:dark}.theme-auto{color-scheme:light dark}.top-header{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.main-content,.content-area{background-color:var(--bg-primary)!important;min-width:0}.page-container{background-color:transparent!important;min-width:0}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-tertiary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Segoe UI,Roboto,Apple-system,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height, 1.6);font-size:var(--font-size-base, 1rem);-webkit-font-smoothing:antialiased}html,body{background-color:var(--bg-primary)!important;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{color:var(--accent-color);margin-bottom:var(--margin-md, 1rem);font-family:inherit;font-weight:700;letter-spacing:-.01em;line-height:1.2}h1{font-size:2.2rem;font-weight:700}h2{font-size:1.7rem;font-weight:600}h3{font-size:1.35rem;font-weight:600}h4{font-size:1.1rem;font-weight:500}h5{font-size:1rem;font-weight:500}h6{font-size:.95rem;font-weight:500}a{color:#1a3c28;color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.app-container{min-height:100vh;display:flex;flex-direction:row;background-color:var(--bg-primary)!important}.main-content{flex:1;margin-left:210px;min-width:0;height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden;transition:margin-left .25s ease-out;background-color:var(--bg-primary);will-change:margin-left}.main-content.expanded{margin-left:70px!important}.top-header{background:var(--header-bg, var(--bg-secondary));color:var(--text-primary);height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);z-index:100;border-bottom:1px solid var(--header-border, var(--border-color));margin-left:0;position:sticky;top:0;flex:0 0 70px}.mobile-menu-btn{display:none;background:none;border:none;font-size:20px;color:var(--accent-color);padding:8px;border-radius:4px}.mobile-menu-btn:hover{background-color:var(--bg-tertiary)}.page-title{font-size:24px;font-weight:600;color:var(--accent-color);margin:0;font-family:Aptos Display,Inter,Segoe UI,Arial,sans-serif}.page-subtitle{font-size:13px;color:var(--text-secondary);margin:2px 0 0;font-weight:400}.header-left{display:flex;align-items:center;gap:15px}.header-left-content{display:flex;flex-direction:column;gap:0}.header-right{display:flex;align-items:center;gap:20px}.header-info{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;color:var(--text-secondary)}.current-date{font-weight:600;color:var(--accent-color)}.current-time{font-weight:600;color:var(--accent-color);letter-spacing:.5px}.settings-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--accent-color);background:none;font-size:22px;margin-left:10px;transition:background .2s,color .2s;text-decoration:none}.settings-icon:hover{background:var(--bg-tertiary);color:var(--accent-hover)}.content-area{flex:1;padding:0;background-color:var(--bg-primary);overflow-y:auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column}.page-container{padding:30px;flex:1;min-width:0;background-color:var(--bg-primary)}.app-footer{background:var(--bg-secondary);padding:0 15px;border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:14px;margin-top:auto;flex:0 0 24px;height:24px}@media(max-width:768px){.main-content,.main-content.expanded{margin-left:0!important}.mobile-menu-btn{display:block}.page-title{font-size:20px}.header-info{display:none}.page-container{padding:20px 15px}}.sidebar{width:210px;background:var(--sidebar-bg);--sidebar-header-bg: transparent;--sidebar-header-ink: var(--sidebar-text);--sidebar-header-border: var(--sidebar-hover);--sidebar-header-hover: var(--sidebar-hover);color:var(--sidebar-text);position:fixed;inset:0 auto 0 0;height:100vh;overflow:visible;transition:width .2s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:var(--shadow-md);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(12px,.85vw,13px);letter-spacing:.01em;will-change:width}.sidebar.collapsed{width:70px;overflow:visible}.sidebar.text-hidden .menu-text,.sidebar.text-hidden .logo h3,.sidebar.text-hidden .user-name,.sidebar.text-hidden .user-role,.sidebar.text-hidden .logout-text,.sidebar.text-hidden .version-info,.sidebar.collapsed .menu-text,.sidebar.collapsed .logo h3,.sidebar.collapsed .user-name,.sidebar.collapsed .user-role,.sidebar.collapsed .logout-text,.sidebar.collapsed .version-info{visibility:hidden;opacity:0;transition:opacity .12s linear;pointer-events:none;width:0;overflow:hidden;white-space:nowrap}.sidebar.collapsed .logo-img{display:block}.sidebar.collapsed .logo{margin:0 auto}.sidebar.collapsed .sidebar-header{min-height:56px}.sidebar-header{position:relative;min-height:56px;padding:10px;background:var(--sidebar-header-bg);border-bottom:1px solid var(--sidebar-header-border);display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.logo{display:flex;align-items:center;gap:8px;padding-left:4px;font-family:inherit;min-width:0}.logo-img{width:min(132px,100%);height:40px;border-radius:0;object-fit:contain;object-position:left center}.logo h3{color:var(--sidebar-header-ink);margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;text-align:left}.sidebar-toggle{background:none;border:none;color:var(--sidebar-header-ink);font-size:18px;cursor:pointer;padding:6px;border-radius:8px;transition:background .2s}.sidebar-toggle:hover{background:var(--sidebar-header-hover)}.sidebar-toggle i{transition:transform .2s}.sidebar.collapsed .sidebar-toggle i{transform:rotate(180deg)}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar.collapsed .logo{display:none}.sidebar.header-white{--sidebar-header-bg: #ffffff;--sidebar-header-ink: var(--accent-color);--sidebar-header-border: color-mix(in srgb, var(--accent-color) 28%, #ffffff);--sidebar-header-hover: color-mix(in srgb, var(--accent-color) 14%, transparent)}.sidebar-nub{position:absolute;top:56px;right:-14px;width:28px;height:56px;border:none;border-radius:0 10px 10px 0;background:var(--sidebar-hover);color:var(--sidebar-text);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .2s}.sidebar-nub:hover{background:var(--sidebar-active)}.sidebar-nub:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sidebar-nub:before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-135deg);transition:transform .2s}.sidebar.collapsed .sidebar-nub:before{transform:rotate(45deg)}.sidebar-menu{flex:1;padding:10px 0 0;overflow:visible}.menu-list{list-style:none;padding:0;margin:0}.menu-item{margin:3px 0;padding:0}.menu-link{display:grid;grid-template-columns:22px 1fr;column-gap:12px;align-items:center;padding:10px;min-height:40px;color:var(--sidebar-text-muted)!important;text-decoration:none;border-radius:10px;transition:background .2s,color .2s,box-shadow .2s;position:relative;font-size:13px;font-family:inherit;font-weight:400;justify-content:start;cursor:pointer}.menu-link:hover{background:linear-gradient(0deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent)),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 24%,transparent);color:var(--sidebar-text)!important}.menu-link.active{background:var(--sidebar-active)!important;color:var(--sidebar-text)!important;box-shadow:var(--shadow-sm);font-weight:600}.menu-link.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:currentColor}.menu-link i{font-size:17px;width:22px;height:22px;display:grid;place-items:center;color:inherit!important}.menu-text{font-weight:400;font-size:13px;color:inherit!important;font-family:inherit;text-align:left}.menu-item-group{position:relative;z-index:2}.menu-group-trigger{width:100%;border:0;background:transparent;appearance:none;-webkit-appearance:none;color:inherit;font:inherit;text-align:left}.menu-group-text{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.menu-group-text>span:first-child{color:inherit!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-group-chevron{font-size:11px;opacity:.65;transition:transform .2s ease,opacity .2s ease}.menu-item-group.menu-item-group-open .menu-group-chevron{transform:rotate(90deg);opacity:1}.menu-group-flyout{position:absolute;top:0;left:100%;width:230px;padding:8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--sidebar-hover) 55%,#00000014);background:var(--sidebar-surface, var(--sidebar-bg));box-shadow:0 10px 24px #00000047;z-index:1400;opacity:0;visibility:hidden;transform:translate(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none}.menu-item-group.menu-item-group-open .menu-group-flyout{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.menu-group-link{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--sidebar-text-muted)!important;text-decoration:none;font-size:13px;transition:background .2s,color .2s,box-shadow .2s}.menu-group-link i{font-size:14px;color:inherit!important}.menu-group-link span{color:inherit!important}.menu-group-link:hover{background:linear-gradient(0deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent)),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 24%,transparent);color:var(--sidebar-text)!important}.menu-group-link-active{background:var(--sidebar-active)!important;color:var(--sidebar-text)!important;box-shadow:var(--shadow-sm);font-weight:600}.sidebar.collapsed .menu-item{padding:0}.sidebar.collapsed .menu-link{display:flex;justify-content:center;align-items:center;padding:10px 0;width:100%;border-radius:12px}.sidebar.collapsed .menu-link i{margin:0}.sidebar.collapsed .menu-group-chevron{display:none}@media(max-width:768px){.menu-item-group .menu-group-flyout{position:static;width:auto;margin:6px 8px 4px 34px;transform:none;transition:none;border-radius:10px;box-shadow:none;border:1px solid var(--sidebar-hover);display:none;opacity:1;visibility:visible;pointer-events:auto}.menu-item-group.menu-item-group-open .menu-group-flyout{display:block}.menu-item-group.menu-item-group-open .menu-group-chevron{transform:rotate(90deg)}}.sidebar-footer{padding:10px 8px 12px;border-top:1px solid var(--sidebar-hover);display:grid;gap:6px}.user-profile-container{position:relative}.sidebar .user-info{display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center;padding:8px 10px;min-height:40px;border-radius:10px;color:var(--sidebar-text-muted)!important;text-decoration:none;background:none;border:none;cursor:pointer;font-size:13px;transition:background .2s,color .2s,box-shadow .2s;width:100%;text-align:left}.sidebar .user-details{display:flex;flex-direction:column;gap:2px}.sidebar .user-info:hover,.sidebar .user-info:focus{background:linear-gradient(0deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent)),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 24%,transparent);color:var(--sidebar-text)!important}.sidebar .user-info .fa-user-circle{font-size:1.5em;color:inherit!important}.profile-dropdown{position:absolute;bottom:calc(100% + 8px);left:8px;right:8px;background:var(--sidebar-surface, var(--sidebar-bg, #fff));border:1px solid var(--sidebar-hover);border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:1100;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-item{display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center;padding:10px 12px;color:var(--sidebar-text-muted)!important;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:13px}.profile-dropdown-item:hover{background:linear-gradient(0deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 14%,transparent)),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 24%,transparent);color:var(--sidebar-text)!important}.profile-dropdown-item i{font-size:16px;color:inherit!important}.profile-dropdown-item span{color:inherit!important;font-weight:400}.profile-dropdown-item.logout-item{border-top:1px solid var(--sidebar-hover)}.sidebar.collapsed .profile-dropdown{right:auto;min-width:180px}.sidebar.collapsed .user-details{display:none}.sidebar .user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;color:var(--sidebar-text, #111)!important}.sidebar .user-role{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;line-height:1.2;color:var(--sidebar-role, #bfc8d2)!important;font-weight:500}.sidebar.collapsed .sidebar-footer{padding:10px 0 12px;justify-items:center;gap:6px}.sidebar.collapsed .user-info{display:flex;justify-content:center;align-items:center;width:52px;padding:10px 0;border-radius:12px}.sidebar.collapsed .user-name,.sidebar.collapsed .user-role{display:none!important}.sidebar.collapsed [data-tooltip]{position:relative}.sidebar.collapsed [data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#14191ef2;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.2;white-space:nowrap;box-shadow:0 4px 12px #00000040;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;transform-origin:left center;scale:.98;z-index:1200}.sidebar.collapsed [data-tooltip]:hover:after,.sidebar.collapsed [data-tooltip]:focus-visible:after{opacity:1;scale:1}.sidebar.collapsed [data-tooltip]:before{content:"";position:absolute;left:100%;top:50%;width:0;height:0;transform:translate(2px,-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid rgba(20,25,30,.95);opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:1199}.sidebar.collapsed [data-tooltip]:hover:before,.sidebar.collapsed [data-tooltip]:focus-visible:before{opacity:1}.sidebar.sidebar-style-rounded{border-radius:0 18px 18px 0;overflow:visible;box-shadow:0 10px 28px #0000003d}.sidebar.sidebar-style-rounded .sidebar-header{border-bottom:0;padding-top:12px;padding-bottom:12px}.sidebar.sidebar-style-rounded .sidebar-menu{padding-top:8px}.sidebar.sidebar-style-rounded .menu-link,.sidebar.sidebar-style-rounded .user-info,.sidebar.sidebar-style-rounded .profile-dropdown-item{border-radius:14px}.sidebar.sidebar-style-rounded .menu-link.active:before{left:4px;top:9px;bottom:9px;border-radius:6px}.sidebar.sidebar-style-rounded .menu-group-flyout,.sidebar.sidebar-style-rounded .profile-dropdown{border-radius:14px;border:1px solid color-mix(in srgb,var(--sidebar-hover) 58%,#00000020)}.sidebar.sidebar-style-rounded .sidebar-footer{border-top:0;padding-top:6px;padding-bottom:14px}.sidebar.sidebar-style-rounded.collapsed{border-radius:0 16px 16px 0}.sidebar.sidebar-style-contrast{--sidebar-text-muted: color-mix(in srgb, var(--sidebar-text) 76%, transparent);box-shadow:none;border-right:1px solid color-mix(in srgb,var(--sidebar-text) 14%,transparent)}.sidebar.sidebar-style-contrast .sidebar-header{border-bottom:1px solid color-mix(in srgb,var(--sidebar-text) 16%,transparent)}.sidebar.sidebar-style-contrast .menu-link,.sidebar.sidebar-style-contrast .user-info,.sidebar.sidebar-style-contrast .profile-dropdown-item{border-radius:8px;min-height:36px;padding-top:8px;padding-bottom:8px}.sidebar.sidebar-style-contrast .menu-link,.sidebar.sidebar-style-contrast .menu-group-link{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sidebar-text) 10%,transparent)}.sidebar.sidebar-style-contrast .menu-link.active,.sidebar.sidebar-style-contrast .menu-group-link-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sidebar-text) 26%,transparent)}.sidebar.sidebar-style-contrast .menu-link.active:before{width:2px;left:3px;top:8px;bottom:8px}.sidebar.sidebar-style-contrast .menu-group-flyout,.sidebar.sidebar-style-contrast .profile-dropdown{border-radius:8px;border:1px solid color-mix(in srgb,var(--sidebar-text) 14%,transparent);box-shadow:0 8px 20px #0003}.sidebar.sidebar-style-contrast .sidebar-toggle{border:1px solid color-mix(in srgb,var(--sidebar-text) 15%,transparent)}@media(max-width:768px){.sidebar.sidebar-style-rounded,.sidebar.sidebar-style-rounded.collapsed{border-radius:0}}.menu-link:focus-visible,.user-info:focus-visible,.logout-btn:focus-visible,.sidebar-toggle:focus-visible,.sidebar-nub:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}@media(min-width:769px){.sidebar-overlay{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.app-toast-viewport{position:fixed;top:20px;right:20px;z-index:10000;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}.app-toast{--toast-accent: #2563eb;position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:10px;overflow:hidden;padding:14px 12px 16px 14px;color:#172033;background:color-mix(in srgb,var(--surface, #fff) 96%,transparent);border:1px solid color-mix(in srgb,var(--toast-accent) 22%,#d9e0e8);border-radius:14px;box-shadow:0 16px 40px #0f172a2e,0 3px 10px #0f172a14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;animation:app-toast-enter .28s cubic-bezier(.2,.8,.2,1)}.app-toast--success{--toast-accent: #16a34a}.app-toast--error{--toast-accent: #dc2626}.app-toast--warning{--toast-accent: #d97706}.app-toast__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--toast-accent);background:color-mix(in srgb,var(--toast-accent) 12%,transparent)}.app-toast__message{font-size:.9rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.app-toast__close{display:grid;place-items:center;width:30px;height:30px;padding:0;color:#667085;background:transparent;border:0;border-radius:9px;cursor:pointer}.app-toast__close:hover,.app-toast__close:focus-visible{color:#172033;background:#64748b1f;outline:none}@keyframes app-toast-enter{0%{opacity:0;transform:translate3d(24px,-6px,0) scale(.98)}}@media(max-width:600px){.app-toast-viewport{top:12px;right:16px;left:16px;width:auto}}@media(prefers-reduced-motion:reduce){.app-toast{animation:none}}.last-login-toast{position:fixed;right:18px;bottom:18px;background:#fff;color:#222;border:1px solid #e2e6ea;border-radius:10px;padding:10px 14px;box-shadow:0 6px 18px -4px #00000026,0 2px 4px #00000014;font-size:13px;font-family:Inter,Segoe UI,Arial,sans-serif;z-index:3000;display:flex;align-items:center;max-width:320px;animation:toast-slide-in .35s cubic-bezier(.4,0,.2,1)}.last-login-toast .toast-content{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.last-login-toast .close-btn{margin-left:auto;background:none;border:none;font-size:18px;line-height:1;cursor:pointer;padding:0 4px;color:#666;transition:color .15s}.last-login-toast .close-btn:hover{color:#000}.last-login-toast.fade-out{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;padding:var(--padding-md) var(--padding-lg);border:none;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;font-weight:500;font-size:var(--font-size-base);transition:all .3s ease;box-shadow:var(--shadow-sm);line-height:var(--line-height);height:var(--button-height);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.btn:active{transform:translateY(0)}.btn-primary{background:var(--button-color);color:#fff;border:1px solid var(--button-color);font-weight:600}.btn-primary:hover{background:var(--button-hover);border-color:var(--button-hover);color:#fff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);font-weight:500}.btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.btn-success{background:var(--success-color);color:#fff;border:1px solid var(--success-color)}.btn-info{background:var(--info-color);color:#fff;border:1px solid var(--info-color)}.btn-warning{background:var(--warning-color);color:var(--text-primary);border:1px solid var(--warning-color)}.btn-danger{background:var(--danger-color);color:#fff;border:1px solid var(--danger-color)}.btn-sm{padding:calc(var(--padding-sm) * .75) var(--padding-md);font-size:var(--font-size-sm);height:calc(var(--button-height) * .8)}.btn-lg{padding:calc(var(--padding-lg) * 1.2) calc(var(--padding-lg) * 1.5);font-size:var(--font-size-lg);height:calc(var(--button-height) * 1.2)}.form-control{width:100%;padding:var(--padding-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s,background-color .3s;height:var(--input-height)}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent);outline:none;background-color:var(--bg-secondary)}.form-control::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:var(--padding-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .3s;height:var(--input-height)}.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent);outline:none}.form-select-sm{padding:var(--padding-sm);font-size:var(--font-size-sm);height:calc(var(--input-height) * .8)}.form-label{display:block;margin-bottom:var(--margin-sm);font-weight:500;color:var(--text-primary);font-size:var(--font-size-base)}.table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);color:var(--text-primary);margin-bottom:var(--margin-lg)}.table th{background-color:var(--bg-tertiary);padding:var(--padding-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);font-size:var(--font-size-sm)}.table td{padding:var(--padding-md);border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:var(--font-size-base);color:var(--text-primary)}.table-striped tbody tr:nth-child(2n){background-color:var(--bg-tertiary)}.table-hover tbody tr:hover{background-color:color-mix(in srgb,var(--accent-color) 5%,var(--bg-secondary))}.table-sm th,.table-sm td{padding:var(--padding-sm);font-size:var(--font-size-sm)}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--border-color)}.table-responsive{overflow-x:auto;margin-bottom:var(--margin-lg)}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--margin-lg);border:1px solid var(--border-color);transition:box-shadow .3s ease,background-color .3s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--padding-md) var(--padding-lg);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--accent-color);font-size:var(--font-size-base)}.card-body{padding:var(--padding-lg);color:var(--text-primary)}.card-footer{padding:var(--padding-md) var(--padding-lg);background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm)}.pagination{display:flex;list-style:none;padding:0;margin:var(--margin-lg) 0;justify-content:center;gap:var(--margin-sm)}.page-item{margin:0}.page-link{display:block;padding:var(--padding-sm) var(--padding-md);color:var(--accent-color);text-decoration:none;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s;background-color:var(--bg-secondary);font-size:var(--font-size-sm)}.page-link:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color);color:var(--accent-hover)}.page-item.active .page-link{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--sidebar-text)}.page-item.disabled .page-link{color:var(--text-muted);pointer-events:none;background-color:var(--bg-tertiary);border-color:var(--border-color-light)}.alert{padding:var(--padding-md);margin-bottom:var(--margin-lg);border-radius:var(--border-radius);border-left:4px solid;font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--margin-sm)}.alert-success{background-color:color-mix(in srgb,var(--success-color) 15%,var(--bg-secondary));border-color:var(--success-color);color:color-mix(in srgb,var(--success-color) 80%,black)}.alert-info{background-color:color-mix(in srgb,var(--info-color) 15%,var(--bg-secondary));border-color:var(--info-color);color:color-mix(in srgb,var(--info-color) 80%,black)}.alert-warning{background-color:color-mix(in srgb,var(--warning-color) 15%,var(--bg-secondary));border-color:var(--warning-color);color:color-mix(in srgb,var(--warning-color) 80%,black)}.alert-danger{background-color:color-mix(in srgb,var(--danger-color) 15%,var(--bg-secondary));border-color:var(--danger-color);color:color-mix(in srgb,var(--danger-color) 80%,black)}.badge{display:inline-block;padding:calc(var(--padding-sm) * .5) var(--padding-sm);font-size:calc(var(--font-size-sm) * .85);font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:calc(var(--border-radius) * 2)}.badge-primary{background-color:var(--accent-color);color:var(--sidebar-text)}.badge-secondary{background-color:var(--text-muted);color:var(--bg-secondary)}.badge-success{background-color:var(--success-color);color:#fff}.badge-danger{background-color:var(--danger-color);color:#fff}.badge-warning{background-color:var(--warning-color);color:var(--text-primary)}.badge-info{background-color:var(--info-color);color:#fff}.profile-container{max-width:400px;margin:var(--margin-lg) auto;padding:calc(var(--padding-lg) * 1.5) var(--padding-lg);background-color:var(--bg-secondary);border-radius:calc(var(--border-radius) * 2);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border-color)}.profile-avatar{font-size:4rem;color:var(--accent-color);margin-bottom:var(--margin-md);display:inline-block}.profile-username{margin-bottom:var(--margin-sm);font-size:2rem;font-weight:600;color:var(--accent-color)}.profile-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.profile-divider{margin:24px 0;border:none;border-top:1px solid #e9ecef}.profile-placeholder{font-size:14px;color:#888}.form-group{margin-bottom:var(--margin-md)}.form-group .form-label{margin-bottom:var(--margin-sm)}.loading-text{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:var(--font-size-base);padding:var(--padding-lg) 0}.detail-table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);font-size:var(--font-size-sm)}.detail-table th{text-align:left;padding:var(--padding-md);font-weight:600;color:var(--text-primary);background-color:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.detail-table td{padding:var(--padding-md);border-bottom:1px solid var(--border-color-light);color:var(--text-primary);vertical-align:middle}.detail-table tbody tr:hover{background-color:color-mix(in srgb,var(--accent-color) 5%,var(--bg-secondary))}.settings-menu{position:relative}.settings-menu-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:50%;color:var(--accent-color);background:none;font-size:22px;margin-left:10px;transition:background .2s,color .2s}.settings-menu-trigger:hover,.settings-menu-trigger.open{background:var(--bg-tertiary);color:var(--accent-hover)}.settings-menu-indicator{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:50%;background:#c26a2d;border:2px solid var(--bg-secondary)}.settings-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,85vw);max-height:min(70vh,640px);overflow-y:auto;padding:12px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-secondary);box-shadow:var(--shadow-lg);z-index:1200;display:grid;gap:12px}.settings-menu-section{display:grid;gap:8px;padding-top:4px}.settings-menu-section+.settings-menu-section{border-top:1px solid var(--border-color);padding-top:12px}.settings-menu-section-title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.settings-menu-item,.settings-menu-user-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:var(--bg-primary);color:var(--text-primary);text-decoration:none;text-align:left}.settings-menu-item:hover,.settings-menu-user-item:hover,.settings-menu-item.active,.settings-menu-user-item.active{border-color:color-mix(in srgb,var(--accent-color) 30%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-primary))}.settings-menu-item:disabled,.settings-menu-user-item:disabled{opacity:.6;cursor:not-allowed}.settings-menu-reset{margin-top:4px}.settings-menu-users-toggle{justify-content:space-between}.settings-menu-users-toggle span{flex:1}.settings-menu-users-panel{display:grid;gap:8px;max-height:240px;overflow-y:auto;padding-right:2px}.settings-menu-user-item{display:grid;gap:2px}.settings-menu-user-name{font-weight:600}.settings-menu-user-meta{font-size:12px;color:var(--text-secondary)}.settings-menu-status-line{display:flex;justify-content:space-between;gap:10px;font-size:13px}.settings-menu-status-label{color:var(--text-secondary)}.settings-menu-status-value{text-align:right;font-weight:600;color:var(--accent-color)}.settings-menu-loading,.settings-menu-error{padding:8px 0;font-size:13px}.settings-menu-error{color:#b85042}.accounts-page .table td{vertical-align:middle;padding:var(--padding-md)}.accounts-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.accounts-page .role-form{display:flex;align-items:center;gap:var(--margin-sm);margin:0}.accounts-page .role-form .form-select{min-width:120px;font-size:var(--font-size-sm)}.accountbeheer-module-banner{margin-bottom:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent-color) 16%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent-color) 7%,#ffffff);color:var(--text-primary)}.account-role-modal{max-width:760px}.account-create-modal{max-width:680px}.account-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-create-role-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.account-role-spaced-label{margin-top:12px}.account-role-status,.account-role-error{margin-top:14px;padding:12px 14px;border-radius:12px}.account-role-status{background:color-mix(in srgb,var(--accent-color) 8%,#ffffff);color:var(--text-primary)}.account-role-error{background:#b91c1c1a;color:#991b1b}.account-role-section{margin-top:18px}.account-role-section-title{font-weight:600;margin-bottom:6px}.account-role-section-text{margin:0;color:var(--text-secondary)}.account-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}.account-role-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-color);border-radius:12px;background:rgba(var(--container-tint-rgb, 255, 255, 255),.38);cursor:pointer}.account-role-option-inline{margin-top:8px}.account-role-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.account-role-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 12%,#ffffff);color:var(--text-primary);font-size:12px;line-height:1.2}.account-role-summary-list{display:grid;gap:12px;margin-top:10px}.account-role-summary-card{border:1px solid var(--border-color);border-radius:14px;padding:12px;background:rgba(var(--container-tint-rgb, 255, 255, 255),.3)}.account-role-summary-heading{font-weight:600;margin-bottom:8px}.account-role-field-summary{display:grid;gap:6px;margin-top:10px}.account-role-field-row{display:grid;grid-template-columns:minmax(90px,120px) minmax(120px,1fr) minmax(100px,auto);gap:10px;align-items:center;font-size:13px}.account-role-field-name{font-family:monospace;color:var(--text-secondary)}.account-role-field-label{color:var(--text-primary)}.account-role-field-actions{color:var(--text-secondary);text-align:right}@media(max-width:720px){.accounts-card-header,.account-create-grid{grid-template-columns:1fr}.accounts-card-header{align-items:flex-start;flex-direction:column}}.roles-matrix .matrix-table{font-size:var(--font-size-sm);min-width:960px}.roles-matrix .matrix-table th{text-align:center;padding:var(--padding-sm);font-size:calc(var(--font-size-sm) * .9)}.roles-matrix .matrix-table td{text-align:center;padding:calc(var(--padding-sm) * .75)}.roles-matrix .permission-checkbox{transform:scale(1.2);accent-color:var(--accent-color);cursor:pointer}.roles-header-icon{margin-right:8px}.role-page-size-label{margin-bottom:0}.roles-table-actions{justify-content:flex-end;display:flex;gap:10px}.roles-advanced-banner{margin-top:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent-color) 16%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent-color) 7%,#ffffff);color:var(--text-primary)}.role-matrix-controls{padding:16px;border-bottom:1px solid var(--border-color)}.role-matrix-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.role-matrix-toolbar-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.role-page-size-control{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.role-page-size-control .form-select{min-width:88px}.role-toolbar-actions{flex-wrap:wrap}.role-matrix-page-row td{vertical-align:middle}.role-matrix-label,.role-matrix-child-label{display:flex;align-items:center;gap:10px;text-align:left}.role-matrix-title{font-weight:600;color:var(--text-primary)}.role-matrix-pattern{font-size:12px;color:var(--text-secondary)}.role-matrix-expander{width:28px;height:28px;border:1px solid var(--border-color);border-radius:999px;background:transparent;color:var(--text-primary);font-weight:700;line-height:1}.role-matrix-expander-placeholder{opacity:0;pointer-events:none}.role-matrix-subsection-row td{background:color-mix(in srgb,var(--accent-color) 5%,#ffffff);border-top:1px solid color-mix(in srgb,var(--accent-color) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent-color) 8%,transparent)}.role-matrix-subsection-label{padding-left:38px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.role-matrix-child-row td:first-child{text-align:left}.role-matrix-child-label{padding-left:38px}.role-matrix-branch{color:var(--text-secondary);font-size:12px}.role-matrix-field-action{color:var(--text-secondary);font-size:12px;margin-left:4px}@media(max-width:900px){.role-matrix-toolbar{align-items:stretch}.role-matrix-toolbar-actions{margin-left:0;width:100%;justify-content:space-between}}@media(max-width:640px){.role-matrix-toolbar-actions,.role-toolbar-actions{flex-direction:column;align-items:stretch}.role-page-size-control{justify-content:space-between;width:100%}}.login-container{max-width:400px;margin:50px auto;padding:calc(var(--padding-lg) * 2);background-color:var(--bg-secondary);border-radius:calc(var(--border-radius) * 2);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:calc(var(--margin-lg) * 1.5)}.login-logo{width:80px;height:80px;margin-bottom:var(--margin-lg)}.employees-page .search-form{background-color:var(--bg-secondary);padding:var(--padding-lg);border-radius:var(--border-radius);margin-bottom:var(--margin-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.employees-page .employee-card{transition:transform .2s,box-shadow .2s;background-color:var(--bg-secondary);border:1px solid var(--border-color)}.employees-page .employee-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stamgegevens-page .category-tabs{background-color:var(--bg-secondary);border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:2px solid color-mix(in srgb,var(--accent-color) 35%,var(--border-color))}.stamgegevens-page .tab-content{background-color:var(--bg-secondary);border-radius:0 0 var(--border-radius) var(--border-radius);padding:var(--padding-lg);border:1px solid color-mix(in srgb,var(--accent-color) 25%,var(--border-color));border-top:none}.stamgegevens-page .category-tabs .tab-btn,.stamgegevens-page .category-tabs button,.category-tabs .tab-btn{background:transparent;border:none;padding:var(--padding-sm) var(--padding-md);font-size:var(--font-size-sm);font-weight:500;color:color-mix(in srgb,var(--accent-color) 60%,var(--text-secondary));cursor:pointer;border-bottom:3px solid transparent;transition:color .25s,border-color .25s,background .25s}.stamgegevens-page .category-tabs .tab-btn:hover,.stamgegevens-page .category-tabs button:hover,.category-tabs .tab-btn:hover{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 8%,transparent)}.stamgegevens-page .category-tabs .tab-btn.active,.stamgegevens-page .category-tabs button.active,.category-tabs .tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,transparent)}.dashboard-page{display:flex;flex-direction:column;gap:22px;max-width:1680px}.dashboard-monitor{display:flex;flex-direction:column;gap:16px;min-width:0;transition:opacity .16s ease}.dashboard-monitor.is-loading{opacity:.68}.dashboard-panel{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;min-width:0}.dashboard-panel-heading{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;padding:17px 19px 14px}.dashboard-panel-heading h2{color:var(--text-primary, #14213d);font-size:1rem;line-height:1.3;margin:0}.dashboard-panel-heading p{color:var(--text-secondary, #667085);font-size:.78rem;line-height:1.4;margin:3px 0 0}.dashboard-panel-note{color:var(--text-secondary, #667085);font-size:.76rem;line-height:1.35;text-align:right}.dashboard-loading,.dashboard-error{align-items:center;background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:var(--text-secondary, #667085);display:flex;gap:12px;justify-content:center;min-height:180px;padding:24px}.dashboard-error{color:var(--danger-color, #b42318);justify-content:flex-start}.dashboard-error p{color:var(--text-secondary, #667085);margin:4px 0 0}.dashboard-inline-error{background:#fff4f2;border:1px solid #fecdca;border-radius:6px;color:#b42318;font-size:.85rem;padding:10px 12px}.dashboard-toolbar{align-items:stretch;background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.dashboard-week-select{align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr)}.dashboard-daypart-toggle button{background:transparent;border:1px solid var(--border-color, #d8dee7);color:var(--text-primary, #14213d);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;min-height:40px}.dashboard-daypart-toggle button:hover:not(:disabled),.dashboard-daypart-toggle button:focus-visible{border-color:var(--accent-color, #c1272d);outline:2px solid color-mix(in srgb,var(--accent-color, #c1272d) 24%,transparent);outline-offset:1px}.dashboard-daypart-toggle button:disabled{cursor:wait;opacity:.55}.dashboard-week-select>label{color:var(--text-secondary, #667085);font-size:.76rem;font-weight:700}.dashboard-week-select .multi-filter-combobox-trigger{background:transparent;min-height:40px;width:100%}.dashboard-source-status{align-items:center;color:var(--text-secondary, #667085);display:flex;font-size:.82rem;gap:9px;line-height:1.35;padding:0 4px}.dashboard-source-status i{color:#b54708;font-size:1rem}.dashboard-source-status.status-complete i{color:#027a48}.dashboard-daypart-toggle{display:grid;grid-template-columns:repeat(3,auto)}.dashboard-daypart-toggle button{min-width:92px;padding:0 14px}.dashboard-daypart-toggle button:first-child{border-radius:6px 0 0 6px}.dashboard-daypart-toggle button:last-child{border-radius:0 6px 6px 0}.dashboard-daypart-toggle button+button{border-left:0}.dashboard-daypart-toggle button.active{background:var(--accent-color, #c1272d);border-color:var(--accent-color, #c1272d);color:var(--accent-text-color, #fff)}.dashboard-kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-kpi{cursor:pointer;font:inherit;text-align:left;align-items:flex-start;background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;display:flex;gap:12px;justify-content:space-between;min-height:150px;padding:18px}.dashboard-kpi[aria-pressed=true]{border-color:var(--accent-color, #c1272d);box-shadow:inset 0 0 0 1px var(--accent-color, #c1272d)}.dashboard-kpi:hover{background:var(--accent-tint, #f4e8e9)}.dashboard-kpi:focus-visible{outline:2px solid var(--accent-color, #c1272d);outline-offset:3px}.dashboard-kpi h2{color:var(--text-primary, #14213d);font-size:.88rem;margin:0 0 12px}.dashboard-kpi strong{color:var(--text-primary, #14213d);display:block;font-size:clamp(1.8rem,2.3vw,2.45rem);letter-spacing:-.04em;line-height:1}.dashboard-kpi p{color:var(--text-secondary, #667085);font-size:.76rem;line-height:1.4;margin:12px 0 0}.dashboard-kpi-icon{align-items:center;background:var(--accent-tint, #f4e8e9);border-radius:7px;color:var(--accent-color, #c1272d);display:inline-flex;flex:0 0 44px;font-size:1.15rem;height:44px;justify-content:center}.dashboard-kpi.tone-positive .dashboard-kpi-icon{background:#ecfdf3;color:#027a48}.dashboard-kpi.tone-critical>div>strong{color:var(--accent-color, #c1272d)}.dashboard-kpi.tone-neutral .dashboard-kpi-icon{background:#f2f4f7;color:#344054}.dashboard-distance-kpi{gap:8px}.dashboard-distance-kpi strong{font-size:clamp(1.4rem,1.8vw,2rem);overflow-wrap:anywhere}.dashboard-category-panel{overflow:hidden}.dashboard-category-heading{padding:0}.dashboard-category-heading h2{width:100%}.dashboard-category-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:18px 20px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.dashboard-category-toggle:hover{background:var(--bg-hover, #f5f5f5)}.dashboard-category-toggle:focus-visible{outline:2px solid var(--accent-color, #c1272d);outline-offset:-3px}.dashboard-category-toggle>i{font-size:12px}.dashboard-category-grid{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(190px,1.35fr) minmax(150px,1fr) minmax(135px,.9fr) minmax(70px,.45fr) minmax(110px,.65fr);min-width:820px}.dashboard-category-header{background:color-mix(in srgb,var(--bg-secondary, #fff) 88%,#eef2f6);border-bottom:1px solid var(--border-color, #d8dee7);border-top:1px solid var(--border-color, #d8dee7);color:var(--text-secondary, #667085);font-size:.72rem;font-weight:700;padding:9px 18px;text-transform:uppercase}.dashboard-category-list{overflow-x:auto}.dashboard-category-row{background:transparent;border-bottom:1px solid var(--border-color, #e4e7ec);border-left:0;border-right:0;border-top:0;color:inherit;cursor:pointer;font:inherit;min-height:72px;padding:10px 18px;text-align:left;width:100%}.dashboard-category-item:last-child>.dashboard-category-row{border-bottom:0}.dashboard-category-item.is-expanded>.dashboard-category-row{background:color-mix(in srgb,var(--accent-tint, #f4e8e9) 35%,transparent)}.dashboard-category-row:hover,.dashboard-category-row:focus-visible{background:color-mix(in srgb,var(--accent-tint, #f4e8e9) 48%,transparent);outline:2px solid color-mix(in srgb,var(--accent-color, #c1272d) 25%,transparent);outline-offset:-2px}.dashboard-category-name{align-items:center;display:flex;gap:12px;min-width:0}.dashboard-category-name>i{align-items:center;background:var(--accent-tint, #f4e8e9);border-radius:6px;color:var(--accent-color, #c1272d);display:inline-flex;flex:0 0 36px;height:36px;justify-content:center}.dashboard-category-name>.dashboard-category-chevron{background:transparent;color:var(--text-secondary, #667085);flex-basis:18px;height:18px;margin-left:auto}.dashboard-category-name span,.dashboard-category-metric,.dashboard-category-compact,.dashboard-category-rented{display:flex;flex-direction:column;min-width:0}.dashboard-category-name strong,.dashboard-category-metric strong,.dashboard-category-compact strong,.dashboard-category-rented strong{color:var(--text-primary, #14213d);font-size:.84rem}.dashboard-category-name small,.dashboard-category-metric span,.dashboard-category-compact span,.dashboard-category-rented span{color:var(--text-secondary, #667085);font-size:.7rem;line-height:1.35;margin-top:3px}.dashboard-category-progress{background:#e4e7ec;border-radius:99px;display:block;height:5px;margin-top:7px;overflow:hidden;width:100%}.dashboard-category-progress>span{background:#027a48;border-radius:inherit;display:block;height:100%;margin:0}.dashboard-category-progress.tone-idle>span{background:#98a2b3}.dashboard-category-rented strong{color:var(--accent-color, #c1272d)}.dashboard-vehicle-detail{background:color-mix(in srgb,var(--bg-secondary, #fff) 80%,#eef2f6);border-bottom:1px solid var(--border-color, #d8dee7);padding:8px 18px 12px 66px;min-width:980px}.dashboard-vehicle-row{align-items:center;border-top:1px solid var(--border-color, #e4e7ec);color:var(--text-secondary, #667085);display:grid;font-size:.72rem;gap:16px;grid-template-columns:minmax(130px,1fr) minmax(80px,.65fr) repeat(3,minmax(105px,.8fr)) minmax(145px,1fr);min-height:38px}.dashboard-vehicle-row>strong,.dashboard-vehicle-row span>strong{color:var(--text-primary, #14213d)}.dashboard-vehicle-distance{display:grid;gap:3px;padding:6px 0}.dashboard-vehicle-distance small{font-size:.65rem}.dashboard-vehicle-license-cell{align-items:center;display:flex;gap:7px}.dashboard-vehicle-license{color:var(--text-primary, #14213d)}.dashboard-vehicle-toggle{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--accent-color, #c1272d);cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;width:26px}.dashboard-vehicle-toggle:hover,.dashboard-vehicle-toggle:focus-visible{background:var(--accent-tint, #f4e8e9);outline:2px solid color-mix(in srgb,var(--accent-color, #c1272d) 28%,transparent);outline-offset:1px}.dashboard-vehicle-header{border-top:0;font-size:.66rem;font-weight:700;min-height:30px;text-transform:uppercase}.dashboard-vehicle-calculation{border-top:1px dashed var(--border-color, #d8dee7);padding:8px 0 10px}.dashboard-vehicle-formulas{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #d8dee7);border-radius:6px;display:grid;gap:5px;margin-top:0;padding:9px 11px}.dashboard-vehicle-formulas p{color:var(--text-secondary, #667085);font-size:.71rem;margin:0}.dashboard-vehicle-formulas strong{color:var(--text-primary, #14213d)}.dashboard-slot-lists{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:9px}.dashboard-slot-list>strong{color:var(--text-primary, #14213d);display:block;font-size:.69rem;margin-bottom:5px}.dashboard-slot-list>span{display:flex;flex-wrap:wrap;gap:5px}.dashboard-slot-list i,.dashboard-slot-list em{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #d8dee7);border-radius:99px;color:var(--text-secondary, #667085);font-size:.66rem;font-style:normal;padding:3px 7px}.dashboard-week-panel{overflow:hidden}.dashboard-chart-legend{align-items:center;display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:flex-end}.dashboard-chart-controls{align-items:flex-end;display:flex;flex-direction:column;gap:9px}.dashboard-chart-mode{display:inline-grid;grid-template-columns:repeat(3,auto)}.dashboard-chart-mode button{background:transparent;border:1px solid var(--border-color, #d8dee7);color:var(--text-primary, #14213d);cursor:pointer;font:inherit;font-size:.72rem;font-weight:700;min-height:32px;padding:0 12px}.dashboard-chart-mode button:first-child{border-radius:6px 0 0 6px}.dashboard-chart-mode button:last-child{border-radius:0 6px 6px 0}.dashboard-chart-mode button+button{border-left:0}.dashboard-chart-mode button:hover,.dashboard-chart-mode button:focus-visible{border-color:var(--accent-color, #c1272d);outline:2px solid color-mix(in srgb,var(--accent-color, #c1272d) 24%,transparent);outline-offset:1px;position:relative}.dashboard-chart-mode button.active{background:var(--accent-color, #c1272d);border-color:var(--accent-color, #c1272d);color:var(--accent-text-color, #fff)}.dashboard-chart-legend span{align-items:center;color:var(--text-secondary, #667085);display:inline-flex;font-size:.68rem;gap:6px}.dashboard-chart-legend i{background:#98a2b3;border-radius:2px;display:inline-block;height:8px;width:16px}.dashboard-chart-legend .legend-actual{background:#16834b}.dashboard-chart-legend .legend-rented{background:var(--accent-color, #c1272d)}.dashboard-chart-legend .legend-planned{background:transparent;border-radius:0;border-top:2px dashed #344054;height:0}.dashboard-chart{border-top:1px solid var(--border-color, #e4e7ec);height:300px;overflow-x:auto;position:relative}.dashboard-chart-content{height:100%;position:relative}.dashboard-chart-total{fill:var(--text-secondary, #667085);font-size:.68rem;font-weight:700}.dashboard-chart-axis-label{fill:var(--text-primary, #14213d);font-size:.7rem;font-weight:700}.dashboard-chart-axis-sublabel{fill:var(--text-secondary, #667085);font-size:.62rem}.dashboard-chart .recharts-cartesian-grid line{stroke:color-mix(in srgb,var(--border-color, #d8dee7) 75%,transparent)}.dashboard-chart .recharts-yAxis text{fill:var(--text-secondary, #667085);font-size:.64rem}.dashboard-chart-y-label{fill:var(--text-secondary, #667085);font-size:12px}.dashboard-chart .recharts-bar-rectangle path{transition:filter .14s ease,opacity .14s ease}.dashboard-chart .recharts-bar-rectangle:hover path{filter:brightness(.94)}.dashboard-chart-tooltip{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;box-shadow:0 8px 22px #10182824;min-width:184px;padding:10px 12px}.dashboard-chart-tooltip>strong{color:var(--text-primary, #14213d);display:block;font-size:.76rem}.dashboard-chart-tooltip>span{color:var(--text-secondary, #667085);display:block;font-size:.66rem;margin-top:2px}.dashboard-chart-tooltip dl{margin:9px 0 0}.dashboard-chart-tooltip dl>div{align-items:center;display:flex;font-size:.69rem;gap:16px;justify-content:space-between;margin-top:4px}.dashboard-chart-tooltip dt{color:var(--text-secondary, #667085)}.dashboard-chart-tooltip dd{color:var(--text-primary, #14213d);font-weight:700;margin:0}.dashboard-modules{display:flex;flex-direction:column;gap:12px}.dashboard-modules>h2{color:var(--text-primary, #14213d);font-size:1rem;margin:0}.dashboard-tile-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-tile{align-items:center;background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:inherit;display:flex;gap:12px;min-height:86px;padding:15px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.dashboard-tile:hover,.dashboard-tile:focus-visible{border-color:var(--accent-color, #c1272d);box-shadow:var(--shadow-md, 0 8px 20px rgba(15, 23, 42, .12));outline:none;transform:translateY(-1px)}.dashboard-tile-icon{align-items:center;background:var(--accent-tint, #f4e8e9);border-radius:7px;color:var(--accent-color, #c1272d);display:inline-flex;flex:0 0 42px;font-size:1.05rem;height:42px;justify-content:center}.dashboard-tile-content{display:flex;flex-direction:column;gap:4px;min-width:0}.dashboard-tile-content strong{font-size:.88rem}.dashboard-tile-content span{color:var(--text-secondary, #667085);font-size:.75rem;line-height:1.35}@media(max-width:1250px){.dashboard-toolbar,.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-page{gap:18px}.dashboard-toolbar{grid-template-columns:1fr}.dashboard-source-status,.dashboard-daypart-toggle{grid-column:1;grid-row:auto}.dashboard-daypart-toggle{grid-template-columns:1fr}.dashboard-daypart-toggle button{border:1px solid var(--border-color, #d8dee7);border-radius:0;min-width:0}.dashboard-daypart-toggle button:first-child{border-radius:6px 6px 0 0}.dashboard-daypart-toggle button:last-child{border-radius:0 0 6px 6px}.dashboard-daypart-toggle button+button{border-left:1px solid var(--border-color, #d8dee7);border-top:0}.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-kpi{min-height:126px}.dashboard-panel-heading{flex-direction:column;gap:8px}.dashboard-panel-note{text-align:left}.dashboard-chart{height:285px}.dashboard-chart-controls{align-items:flex-start;width:100%}.dashboard-chart-mode{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.dashboard-chart-mode button{padding:0 7px}.dashboard-chart-legend{justify-content:flex-start}.dashboard-tile-grid,.dashboard-slot-lists{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dashboard-monitor,.dashboard-tile{transition:none}}.klantoverzicht-page{display:flex;flex-direction:column;gap:16px}.klantoverzicht-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border-color)}.klantoverzicht-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-weight:600;padding:10px 12px}.klantoverzicht-tabs button.is-active{border-bottom-color:var(--accent-color);color:var(--text-primary)}.klantoverzicht-filters{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(260px,1fr) minmax(130px,170px) auto}.klantoverzicht-filters.is-week{grid-template-columns:minmax(260px,1fr) repeat(2,minmax(110px,150px)) auto auto}.klantoverzicht-filters label,.klantoverzicht-mail-form label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:6px}.klantoverzicht-share-button{min-height:38px;white-space:nowrap}.modal-card.klantoverzicht-modal{max-width:min(960px,calc(100vw - 32px));width:100%}.klantoverzicht-modal .modal-close-button{align-items:center;background:var(--bg-tertiary);border:1px solid transparent;border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.klantoverzicht-modal .modal-close-button:hover{border-color:var(--border-color)}.klantoverzicht-share-grid{display:grid;gap:18px;grid-template-columns:280px minmax(360px,1fr)}.klantoverzicht-share-warning{align-items:center;background:#fff8e6;border:1px solid #d97706;border-radius:8px;color:#9a3412;display:flex;font-size:.9rem;font-weight:700;gap:8px;padding:10px 12px}.klantoverzicht-period-warning{margin-bottom:12px}.klantoverzicht-pdf-download{align-items:center;background:#f2f4f7;border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:center;min-height:220px;padding:18px}.klantoverzicht-pdf-file{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px;max-width:240px;text-align:center}.klantoverzicht-pdf-file>i{color:var(--accent-color);font-size:2.5rem}.klantoverzicht-pdf-file strong{color:var(--text-primary);overflow-wrap:anywhere}.klantoverzicht-mail-form{display:flex;flex-direction:column;gap:12px}.klantoverzicht-mail-form textarea{min-height:220px;resize:vertical}.klantoverzicht-bulk-modal{max-height:calc(100vh - 48px);overflow-y:auto}.klantoverzicht-bulk-summary{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.klantoverzicht-bulk-stat{background:var(--bg-tertiary, #f1f3f6);border:1px solid var(--border-color, #d8dee7);border-radius:6px;display:grid;gap:4px;padding:10px}.klantoverzicht-bulk-stat span,.klantoverzicht-bulk-row small,.klantoverzicht-bulk-row span{color:var(--text-secondary, #617080)}.klantoverzicht-bulk-stat strong{color:var(--text-primary, #1d2733);font-size:1.1rem}.klantoverzicht-bulk-list{display:grid;gap:8px;margin-top:16px}.klantoverzicht-bulk-list h4{margin:0}.klantoverzicht-bulk-list.is-muted{border-top:1px solid var(--border-color, #d8dee7);padding-top:14px}.klantoverzicht-bulk-row{border:1px solid var(--border-color, #d8dee7);border-radius:6px;display:grid;gap:3px;padding:9px 10px}.klantoverzicht-bulk-row strong,.klantoverzicht-bulk-row span,.klantoverzicht-bulk-row small{overflow-wrap:anywhere}.klantoverzicht-modal .modal-actions{justify-content:flex-end;margin-top:0}@media(max-width:900px){.klantoverzicht-filters,.klantoverzicht-share-grid,.klantoverzicht-bulk-summary{grid-template-columns:1fr}.klantoverzicht-pdf-download{min-height:180px}}.public-ritinfo-page{align-items:center;background:#f3f6f8;display:flex;min-height:100vh;padding:24px}.public-ritinfo-card{background:#fff;border:1px solid #d8dee7;border-radius:8px;box-shadow:0 18px 40px #0f172a24;margin:0 auto;max-width:720px;padding:24px;width:100%}.public-planning-card{display:grid;gap:18px;padding:24px 24px 18px}.public-planning-header{align-items:center;border-bottom:2px solid #c9252d;display:grid;gap:24px;grid-template-columns:150px minmax(0,1fr);padding-bottom:16px}.public-ritinfo-logo{display:block;height:auto;margin:0 0 18px auto;max-height:70px;max-width:180px;object-fit:contain}.public-planning-logo{margin:0;max-height:58px;max-width:140px}.public-ritinfo-card h1{color:#111827;font-size:1.7rem;margin:0 0 16px}.public-planning-header h1{margin:0 0 6px}.public-planning-header strong,.public-planning-header span{color:#4b5563;display:block}.public-planning-header strong{font-size:1rem;margin-bottom:3px}.public-planning-content{display:grid;gap:16px}.public-planning-footer{background:#c9252d;border-radius:8px;color:#fff;display:grid;gap:16px;grid-template-columns:minmax(250px,1fr) repeat(3,minmax(90px,auto));padding:16px}.public-planning-footer strong,.public-planning-footer span,.public-planning-footer p{color:#fff;display:block}.public-planning-footer-copy p{font-size:.9rem;line-height:1.55;margin:10px 0 0}.public-planning-footer-block{font-size:.85rem;line-height:1.55}.public-planning-footer-block strong{margin-bottom:8px}.public-ritinfo-summary{background:#f5f7fa;border-left:4px solid #C1272D;border-radius:8px;display:grid;gap:4px;margin-bottom:18px;padding:14px}.public-ritinfo-summary strong{font-size:1.15rem}.public-ritinfo-summary span{color:#5e6a78}.public-ritinfo-list{border:1px solid #d8dee7;border-radius:8px;overflow:hidden}.public-ritinfo-row{align-items:start;border-top:1px solid #d8dee7;display:grid;gap:12px;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);padding:12px 14px}.public-ritinfo-row:first-child{border-top:0}.public-ritinfo-row span{color:#5e6a78;font-weight:700}.public-ritinfo-row strong{color:#111827;font-weight:600;min-width:0;overflow-wrap:anywhere}.public-weekinfo-card{max-width:860px}.public-weekinfo-days{display:grid;gap:16px}.public-weekinfo-day{border:1px solid #d8dee7;border-radius:8px;overflow:hidden}.public-weekinfo-day h2{background:#f5f7fa;border-bottom:1px solid #d8dee7;font-size:1rem;margin:0;padding:12px 14px}.public-weekinfo-assignment-list{display:grid;gap:0}.public-weekinfo-assignment{border-top:1px solid #d8dee7;display:grid;gap:10px;padding:14px}.public-weekinfo-assignment:first-child{border-top:0}.public-weekinfo-assignment>div:first-child{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between}.public-weekinfo-assignment>div:first-child span{color:#5e6a78;font-weight:700}.public-weekinfo-details{border:1px solid #d8dee7;border-radius:8px;overflow:hidden}@media(max-width:560px){.public-ritinfo-page{align-items:flex-start;padding:12px}.public-ritinfo-card{padding:18px}.public-planning-header{gap:12px;grid-template-columns:1fr}.public-planning-footer{grid-template-columns:1fr}.public-ritinfo-row{grid-template-columns:1fr;gap:4px}}.settings-page .settings-container{max-width:600px;margin:0 auto;padding:15px}.settings-page .settings-card{background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-sm);padding:20px;border:1px solid var(--border-color)}.settings-page .settings-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.settings-page .setting-group{background:var(--bg-tertiary);border-radius:6px;padding:15px;border:1px solid var(--border-color-light)}.settings-page .setting-group.full-width{grid-column:1 / -1}.settings-page .setting-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.settings-page .setting-header.compact{margin:0}.settings-page .setting-icon{font-size:1.2rem;color:var(--accent-color)}.settings-page .setting-title{font-weight:600;color:var(--text-primary);font-size:1rem;margin:0}.settings-page .setting-description{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px;line-height:1.4}.settings-page .setting-description.compact{margin-top:-4px}.settings-page .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.settings-page .option-card{border:1px solid var(--border-color);border-radius:6px;padding:10px;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.settings-page .option-card:hover{border-color:var(--accent-color);background:var(--bg-primary);transform:translateY(-1px)}.settings-page .option-card.active{border-color:var(--accent-color);background:var(--accent-color);color:#fff;box-shadow:var(--shadow-sm)}.settings-page .option-card.active .option-icon,.settings-page .option-card.active .option-title{color:#fff}.settings-page .option-icon{font-size:1.3rem;color:var(--accent-color)}.settings-page .option-title{font-weight:500;color:var(--text-primary);font-size:.8rem}.settings-page .table-tint-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}.settings-page .table-tint-option{align-items:flex-start;gap:8px}.settings-page .table-tint-swatch{width:100%;height:18px;border-radius:999px;border:1px solid rgba(0,0,0,.08)}.settings-page .option-card.table-tint-option.active .table-tint-swatch{border-color:#ffffffa6}.settings-page .table-tint-custom{margin-top:12px;padding:10px;border:1px dashed var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--bg-secondary) 88%,var(--bg-primary))}.settings-page .table-tint-custom.active{border-color:color-mix(in srgb,var(--accent-color) 45%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 8%,var(--bg-secondary))}.settings-page .table-tint-custom-label{font-size:.78rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.settings-page .table-tint-custom-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-page .table-tint-custom-picker{width:40px;height:34px;border:1px solid var(--border-color);border-radius:6px;padding:0;cursor:pointer;background:transparent}.settings-page .table-tint-custom-input{min-width:110px;padding:6px 8px;font-size:.8rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary)}.settings-page .theme-demo,.settings-page .display-demo{margin-top:8px;padding:4px 8px;border-radius:4px;font-size:.7rem;text-align:center;border:1px solid var(--border-color-light);background:var(--bg-primary)}.settings-page .theme-demo.light-demo{background:#fff;color:#333;border-color:#e9ecef}.settings-page .theme-demo.dark-demo{background:#2d2d2d;color:#e2e8f0;border-color:#4a5568}.settings-page .theme-demo.auto-demo{background:linear-gradient(45deg,#fff 50%,#2d2d2d 50%);color:#666;border-color:#999}.settings-page .display-demo.compact-demo{padding:2px 6px;font-size:.65rem}.settings-page .accent-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.settings-page .accent-color-picker{width:54px;height:54px;padding:0;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;background:#fff}.settings-page .accent-inputs{display:flex;flex-direction:column;gap:6px}.settings-page .accent-input-row{display:flex;gap:6px;align-items:center}.settings-page .accent-hex-input{width:110px;padding:6px 8px;font-size:.8rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary)}.settings-page .accent-help{font-size:11px;color:var(--text-secondary)}.settings-page .setting-divider{height:1px;background:var(--border-color-light);margin:18px 0;opacity:.4}.settings-page .gradient-container{margin-top:16px}.settings-page .gradient-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settings-page .gradient-label{font-size:13px;font-weight:600;color:var(--text-primary)}.settings-page .gradient-value{font-size:12px;font-weight:600;color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,white);padding:3px 10px;border-radius:6px}.settings-page .gradient-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--accent-color) 0%,#000000 100%)}.settings-page .gradient-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s,box-shadow .2s}.settings-page .gradient-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.settings-page .gradient-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:transform .2s,box-shadow .2s}.settings-page .gradient-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.settings-page .gradient-scale{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:var(--text-secondary)}.settings-page .save-section{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--border-color-light);margin-top:15px}.settings-page .status-text{color:var(--text-secondary);font-size:.85rem}.auth-layout{min-height:100vh}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 10%,#ffffff),#fff 42%),#fff;position:relative;overflow:hidden;font-family:Poppins,Segoe UI,sans-serif}.auth-page:before,.auth-page:after{content:none}.auth-card{background:#fff;border-radius:8px;padding:48px 44px;width:100%;max-width:460px;box-shadow:0 24px 70px #3a4f661f,0 0 0 1px color-mix(in srgb,var(--accent-color) 18%,transparent) inset;border:1px solid color-mix(in srgb,var(--accent-color) 18%,transparent);animation:auth-fade-in .8s cubic-bezier(.16,1,.3,1);position:relative;z-index:2}.auth-card-wide{max-width:500px}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{margin:0 auto 28px;display:flex;align-items:center;justify-content:center}.auth-logo-image{max-width:260px;height:auto;max-height:120px}.auth-logo-image img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.12))}.auth-logo-circle{width:90px;height:90px;border-radius:8px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;font-size:42px;box-shadow:0 15px 35px color-mix(in srgb,var(--accent-color) 40%,transparent);animation:auth-logo-float 3s ease-in-out infinite}@keyframes auth-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-title{font-size:30px;font-weight:700;color:var(--accent-color);margin-bottom:10px;letter-spacing:0}.auth-subtitle{color:#4a5568;font-size:15px;font-weight:400;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:22px}.auth-field label{display:block;margin-bottom:10px;color:var(--accent-color);font-weight:500;font-size:14px}.auth-input-wrapper{position:relative}.auth-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--accent-color) 70%,transparent);font-size:18px;z-index:1;transition:color .3s}.auth-input{width:100%;padding:16px 52px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .4s cubic-bezier(.16,1,.3,1);background:#f7fafc;color:#2d3748;font-weight:500;font-family:Poppins,sans-serif}.auth-input:focus{outline:none;border-color:var(--accent-color);background:#fff;box-shadow:0 8px 30px color-mix(in srgb,var(--accent-color) 25%,transparent),0 0 0 4px color-mix(in srgb,var(--accent-color) 15%,transparent);transform:translateY(-2px)}.auth-input:focus~.auth-input-icon{color:var(--accent-color)}.auth-input::placeholder{color:#a0aec0;font-weight:400}.auth-eye{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--accent-color) 70%,transparent);background:none;border:none;cursor:pointer;font-size:18px;z-index:2;transition:color .3s;padding:0}.auth-eye:hover{color:var(--accent-color)}.auth-note{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#718096;margin-top:10px;line-height:1.5}.auth-button{width:100%;padding:18px;background:var(--button-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);margin-top:12px;box-shadow:0 10px 26px color-mix(in srgb,var(--button-color) 34%,transparent),0 4px 12px #0000001f;position:relative;overflow:hidden;letter-spacing:.3px;font-family:Poppins,sans-serif}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.auth-button:hover:before{left:100%}.auth-button:hover{transform:translateY(-3px);background:var(--button-hover);box-shadow:0 15px 40px color-mix(in srgb,var(--button-color) 44%,transparent),0 8px 20px #0003}.auth-button:active{transform:translateY(-1px)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.auth-button-microsoft{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;text-decoration:none;background:#fff;color:var(--button-color);border:1px solid #d1d5db;box-shadow:0 6px 18px #0f172a1f}.auth-button-microsoft:before{display:none}.auth-button-microsoft i{margin:0;color:var(--button-color);transform:none}.auth-button-microsoft:hover{transform:translateY(-2px);color:#0f172a;box-shadow:0 10px 24px #0f172a29}.auth-button-microsoft:hover i{transform:none}.auth-button i{margin-left:10px;transition:transform .3s}.auth-button i:first-child{margin-left:0;margin-right:10px}.auth-button:hover i{transform:translate(5px)}.auth-alert{padding:16px 20px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:14px;animation:auth-alert-slide .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes auth-alert-slide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-alert-error{background:#fecacaf2;color:#991b1b;border-left:4px solid #dc2626;box-shadow:0 4px 15px #dc262633}.auth-alert-success{background:#a7f3d0f2;color:#065f46;border-left:4px solid #10b981;box-shadow:0 4px 15px #10b98133}.auth-footer{margin-top:36px;padding-top:28px;border-top:1px solid #e2e8f0;text-align:center;display:flex;flex-direction:column;gap:6px}.auth-footer a{color:var(--accent-color);text-decoration:none;font-weight:500;font-size:14px;transition:all .3s}.auth-footer a:hover{color:var(--accent-hover);transform:translate(3px)}.profile-page{display:flex;justify-content:center}.profile-card{width:100%;max-width:820px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-sm);padding:26px;display:flex;flex-direction:column;gap:20px}.profile-card hr{border:none;border-top:1px solid var(--border-color-light);margin:0}.profile-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.profile-info .info-group label{font-size:.85rem;color:var(--text-muted);margin-bottom:6px;display:block}.profile-info .info-group p{font-size:1.05rem;margin:0;font-weight:600}.profile-section{background:var(--bg-tertiary);padding:20px;border-radius:12px;border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:14px}.profile-section h5{margin:0;font-size:1rem;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.profile-section form{display:flex;flex-direction:column;gap:12px}.profile-section .btn{align-self:flex-start}.profile-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--warning-color) 15%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--warning-color) 40%,var(--border-color));color:var(--warning-color);font-size:.85rem}.profile-toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-md);z-index:1200;background:var(--bg-secondary);border:1px solid var(--border-color);font-size:.9rem;color:var(--text-primary)}.profile-toast.success{border-color:color-mix(in srgb,var(--success-color) 60%,var(--border-color));color:var(--success-color)}.profile-toast.error{border-color:color-mix(in srgb,var(--danger-color) 60%,var(--border-color));color:var(--danger-color)}.planning-page{display:flex;flex-direction:column;gap:16px}.planning-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.planning-toolbar-main{align-items:center;display:flex;flex:1;gap:16px;min-width:0}.planning-toolbar h2{margin:0}.planning-toolbar p{margin:4px 0 0}.planning-toolbar-actions,.planning-filterbar,.planning-form-actions{display:flex;gap:8px}.planning-filterbar{align-items:center;flex:1;flex-wrap:wrap;min-width:260px}.planning-filterbar .multi-filter-combobox{min-width:150px;width:170px}.planning-search-input{border:1px solid var(--border-color, #d8dee7);border-radius:8px;flex:0 1 230px;min-height:38px;min-width:150px;padding:8px 10px}.planning-toolbar-message{color:#166534;flex:0 0 170px;font-size:.9rem;font-weight:700;line-height:1.2;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .12s ease;white-space:nowrap}.planning-toolbar-message.is-visible{opacity:1}.planning-layout{align-items:flex-start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.planning-side-stack{display:grid;gap:16px}.planning-edit-drawer-backdrop{animation:planning-drawer-backdrop-in .18s ease-out;background:#0f172a3d;display:flex;justify-content:flex-end;inset:70px 0 0;position:fixed;z-index:150}.planning-edit-drawer{animation:planning-drawer-slide-in .22s cubic-bezier(.16,1,.3,1);background:var(--surface-color, #ffffff);box-shadow:-18px 0 36px #0f172a2e;height:calc(100vh - 70px);max-width:min(420px,100vw);overflow-y:auto;padding:18px;width:420px}@keyframes planning-drawer-backdrop-in{0%{background:#0f172a00}to{background:#0f172a3d}}@keyframes planning-drawer-slide-in{0%{opacity:.85;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.planning-edit-drawer-backdrop,.planning-edit-drawer{animation:none}}.planning-edit-drawer .planning-panel{border:0;padding:0}.planning-alert{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#9f1239;padding:18px}.planning-alert-success{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.planning-panel,.planning-check-panel{border:1px solid var(--border-color, #d8dee7);border-radius:8px;padding:16px}.planning-panel h3{font-size:1rem;margin:0 0 12px}.planning-panel-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.planning-panel-header h3{margin:0}.planning-panel-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.planning-ride-create-panel{padding:0}.planning-collapsible-header{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:10px 12px}.planning-collapsible-toggle{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex:1;font:inherit;gap:8px;justify-content:space-between;min-height:30px;min-width:0;padding:0;text-align:left}.planning-collapsible-toggle span{font-weight:700}.planning-collapsible-toggle strong{color:var(--text-muted, #5e6a78);font-size:.82rem}.planning-collapsible-toggle:hover strong,.planning-collapsible-toggle:focus strong{color:var(--accent-color, #C1272D)}.planning-collapsible-toggle:focus{outline:none}.planning-collapsible-body{border-top:1px solid var(--border-color, #d8dee7);padding:12px}.planning-check-panel{padding:0}.planning-check-toggle{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:space-between;padding:12px 14px;text-align:left;width:100%}.planning-check-toggle span{font-weight:700}.planning-check-toggle strong{background:var(--surface-muted, #f5f7fa);border-radius:999px;min-width:30px;padding:3px 8px;text-align:center}.planning-check-toggle:hover,.planning-check-toggle:focus{background:var(--surface-muted, #f5f7fa);outline:none}.planning-check-list{border-top:1px solid var(--border-color, #d8dee7);padding:0 14px 6px}.planning-check-row{align-items:center;border-top:1px solid var(--border-color, #d8dee7);display:flex;justify-content:space-between;padding:9px 0}.planning-check-row:first-of-type{border-top:0}.planning-visibility-section{border-top:1px solid var(--border-color, #d8dee7);display:grid;gap:8px;padding:12px 14px 14px}.planning-visibility-section h4{font-size:.9rem;margin:0}.planning-visibility-option{align-items:center;display:flex;gap:8px;font-weight:600}.planning-visibility-option input{accent-color:var(--accent-color, #C1272D)}.planning-danger-section{border-top:1px solid var(--border-color, #d8dee7);padding:12px 14px 14px}.planning-clear-week-button{justify-content:center;width:100%}.planning-board{border:1px solid var(--border-color, #d8dee7);border-radius:8px;max-height:max(360px,calc(100vh - 190px));overflow:auto}.planning-grid{display:grid;min-width:0;width:100%}.planning-grid-header{background:var(--surface-muted, #f5f7fa);border-bottom:1px solid var(--border-color, #d8dee7);color:var(--text-muted, #5e6a78);font-size:.82rem;font-weight:700;position:sticky;text-transform:uppercase;top:0;z-index:10}.planning-grid-header>div,.planning-grid-row>div,.planning-grid-row>button{border-right:1px solid var(--border-color, #d8dee7);min-width:0;padding:6px 8px}.planning-grid-header>div:last-child,.planning-grid-row>div:last-child,.planning-grid-row>button:last-child{border-right:0}.planning-grid-header>div.is-today{background:color-mix(in srgb,var(--accent-color, #c1272d) 10%,var(--surface-color, #ffffff));box-shadow:inset 0 0 0 2px var(--accent-color, #c1272d);color:var(--text-primary, #1d2733);display:flex;flex-direction:column;gap:3px}.planning-grid-header>div.is-today span{color:var(--accent-color, #c1272d);font-size:.7rem;font-weight:900;text-transform:uppercase}.planning-route-sort{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;padding:0;text-transform:inherit}.planning-route-sort:hover,.planning-route-sort:focus-visible{color:var(--accent-color, #c1272d);outline:none}.planning-grid-row{border-bottom:1px solid var(--border-color, #d8dee7)}.planning-grid-row:last-child{border-bottom:0}.planning-route-cell,.planning-daypart-cell,.planning-cell{display:flex;flex-direction:column;gap:2px;line-height:1.18}.planning-ride-edit-cell{background:var(--surface-color, #ffffff);border-bottom:0;border-left:0;border-top:0;cursor:pointer;font:inherit;text-align:left}.planning-ride-edit-cell:hover,.planning-ride-edit-cell:focus{background:var(--surface-muted, #f5f7fa);outline:none}.planning-ride-edit-cell.has-status-color{background:var(--planning-cell-status-bg)}.planning-ride-edit-cell.has-status-color:hover,.planning-ride-edit-cell.has-status-color:focus{background:color-mix(in srgb,var(--planning-cell-status-bg) 88%,#000000)}.planning-ride-edit-cell.has-status-color strong,.planning-ride-edit-cell.has-status-color span,.planning-ride-edit-cell.has-status-color small{color:var(--planning-cell-status-fg)}.planning-route-cell strong,.planning-cell-driver{color:var(--text-color, #1f2933);font-size:.9rem;font-weight:700}.planning-route-cell span,.planning-daypart-cell small,.planning-cell-vehicle{color:var(--text-muted, #5e6a78);font-size:.82rem}.planning-route-cell small,.planning-cell-status{color:var(--text-muted, #5e6a78);font-size:.72rem}.planning-warning-filter{align-items:center;display:inline-flex;height:38px;justify-content:center;padding:0;width:38px}.planning-warning-filter.is-active{background:#fff8e6;border-color:#d97706;color:#9a3412}.planning-warning-filter-icon{align-items:center;background:#fff8e6;border:1px solid #d97706;border-radius:999px;color:#9a3412;display:inline-flex;font-size:.75rem;font-weight:900;height:18px;justify-content:center;line-height:1;width:18px}.planning-cell{background:var(--surface-color, #ffffff);min-height:50px;position:relative}.planning-cell-button{border-bottom:0;border-left:0;border-top:0;cursor:pointer;font:inherit;text-align:left}.planning-cell-button:hover,.planning-cell-button:focus{background:var(--surface-muted, #f5f7fa);outline:none}.planning-cell-button.has-status-color{background:var(--planning-cell-status-bg)}.planning-cell-button.has-status-color:hover,.planning-cell-button.has-status-color:focus{background:color-mix(in srgb,var(--planning-cell-status-bg) 88%,#000000)}.planning-cell-button.has-status-color .planning-cell-driver,.planning-cell-button.has-status-color .planning-cell-vehicle,.planning-cell-button.has-status-color .planning-cell-status{color:var(--planning-cell-status-fg)}.planning-cell-button.is-today{background:color-mix(in srgb,var(--accent-color, #c1272d) 7%,var(--surface-color, #ffffff));box-shadow:inset 0 0 0 2px var(--accent-color, #c1272d)}.planning-cell-button.has-status-color.is-today{background:var(--planning-cell-status-bg);box-shadow:inset 0 0 0 2px var(--accent-color, #c1272d)}.planning-cell-button.has-status-color.is-today:hover,.planning-cell-button.has-status-color.is-today:focus{background:color-mix(in srgb,var(--planning-cell-status-bg) 88%,#000000)}.planning-cell-button.is-selected{box-shadow:inset 0 0 0 2px var(--accent-color, #C1272D)}.planning-cell.has-check{padding-right:50px}.planning-cell.has-note:not(.has-check){padding-right:54px}.planning-cell.has-check.has-note{padding-right:75px}.planning-cell.has-exception:not(.has-check):not(.has-note){padding-right:54px}.planning-cell.has-exception.has-check:not(.has-note),.planning-cell.has-exception.has-note:not(.has-check){padding-right:75px}.planning-cell.has-exception.has-check.has-note{padding-right:100px}.planning-cell.has-share:not(.has-check):not(.has-note){padding-right:30px}.planning-check-indicator{align-items:center;background:#fff8e6;border:1px solid #d97706;border-radius:999px;color:#9a3412;display:inline-flex;font-size:.68rem;font-weight:800;height:18px;justify-content:center;line-height:1;position:absolute;right:31px;top:5px;width:18px}.planning-cell-note-indicator{align-items:center;background:#eef2f7;border:1px solid #94a3b8;border-radius:999px;color:#475569;display:inline-flex;font-size:.62rem;height:18px;justify-content:center;line-height:1;position:absolute;right:31px;top:5px;width:18px}.planning-cell.has-check .planning-cell-note-indicator{right:56px}.planning-cell-exception-indicator{align-items:center;background:#f3e8ff;border:1px solid #a855f7;border-radius:999px;color:#7e22ce;display:inline-flex;font-size:.62rem;height:18px;justify-content:center;line-height:1;position:absolute;right:31px;top:5px;width:18px}.planning-cell.has-check .planning-cell-exception-indicator,.planning-cell.has-note .planning-cell-exception-indicator{right:56px}.planning-cell.has-check.has-note .planning-cell-exception-indicator{right:81px}.planning-cell-share-button{align-items:center;background:#2563eb;border:1px solid #2563eb;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.72rem;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:6px;top:5px;width:20px;z-index:3}.planning-cell-share-button:hover,.planning-cell-share-button:focus{background:#1d4ed8;border-color:#1d4ed8;outline:none}.planning-cell-share-button.share-state-shared-current{background:#128c3b;border-color:#128c3b}.planning-cell-share-button.share-state-shared-current:hover,.planning-cell-share-button.share-state-shared-current:focus{background:#0f7a33;border-color:#0f7a33}.planning-cell-share-button.share-state-changed-after-share{background:#d97706;border-color:#d97706}.planning-cell-share-button.share-state-changed-after-share:hover,.planning-cell-share-button.share-state-changed-after-share:focus{background:#b45309;border-color:#b45309}.planning-cell-share-button.share-state-no-phone,.planning-cell-share-button.share-state-no-phone:hover,.planning-cell-share-button.share-state-no-phone:focus{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.planning-check-tooltip{background:#1f2933;border-radius:6px;box-shadow:0 10px 24px #0f172a2e;color:#fff;font-size:.78rem;font-weight:600;line-height:1.35;max-width:min(260px,calc(100vw - 16px));min-width:min(180px,calc(100vw - 16px));opacity:0;overflow-wrap:anywhere;padding:8px 10px;pointer-events:none;text-align:left;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease;visibility:hidden;white-space:pre-line;width:max-content;z-index:1000}.planning-check-tooltip-portal{position:fixed}.planning-check-tooltip-portal.is-positioned{opacity:1;transform:translateY(0);visibility:visible}.planning-cell-empty,.planning-empty,.planning-loading{color:var(--text-muted, #5e6a78)}.planning-empty,.planning-loading{padding:18px}.planning-availability-toggle.is-active{background:var(--accent-color, #c1272d);border-color:var(--accent-color, #c1272d);color:#fff}.planning-availability-drawer-backdrop{animation:planning-availability-backdrop-in .18s ease-out;background:#0f172a38;display:flex;justify-content:flex-end;inset:70px 0 0;position:fixed;z-index:180}.planning-availability-panel{animation:planning-availability-slide-in .22s cubic-bezier(.16,1,.3,1);background:var(--surface-color, #ffffff);box-shadow:-18px 0 36px #0f172a2e;display:grid;gap:14px;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 70px);max-width:min(980px,calc(100vw - 56px));overflow:hidden;padding:14px;width:980px}.planning-availability-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.planning-availability-header h3,.planning-availability-detail h4,.planning-availability-day h4{margin:0}.planning-availability-header h3{font-size:1rem}.planning-availability-header span,.planning-availability-day small,.planning-availability-detail span{color:var(--text-muted, #5e6a78);font-size:.78rem;font-weight:700}.planning-availability-totals{align-items:center;display:grid;gap:2px 8px;grid-template-columns:auto auto auto auto}.planning-availability-totals strong{color:var(--accent-color, #c1272d);font-size:1.05rem;line-height:1}.planning-availability-totals span{font-size:.72rem;white-space:nowrap}.planning-availability-close{align-items:center;background:var(--surface-muted, #f5f7fa);border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:var(--text-color, #172033);cursor:pointer;display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;width:38px}.planning-availability-close:hover,.planning-availability-close:focus{border-color:var(--accent-color, #c1272d);color:var(--accent-color, #c1272d);outline:none}.planning-availability-layout{align-items:stretch;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(260px,320px);min-height:0;overflow:hidden}.planning-availability-matrix{align-self:start;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(112px,1fr));min-height:0;overflow:auto}.planning-availability-day{border:1px solid var(--border-color, #d8dee7);border-radius:8px;display:grid;gap:9px;min-width:0;padding:10px}.planning-availability-day header{display:grid;gap:1px}.planning-availability-day h4{font-size:.92rem}.planning-availability-dayparts{display:grid;gap:8px}.planning-availability-slot{background:var(--surface-muted, #f5f7fa);border:1px solid transparent;border-radius:8px;color:var(--text-color, #172033);cursor:pointer;display:grid;gap:5px;min-height:78px;padding:9px;text-align:left}.planning-availability-slot:hover,.planning-availability-slot:focus{border-color:var(--accent-color, #c1272d);outline:none}.planning-availability-slot.is-selected{background:color-mix(in srgb,var(--accent-color, #c1272d) 9%,#ffffff);border-color:var(--accent-color, #c1272d);box-shadow:inset 3px 0 0 var(--accent-color, #c1272d)}.planning-availability-slot span{color:var(--text-muted, #5e6a78);font-size:.72rem;font-weight:900;text-transform:uppercase}.planning-availability-slot strong{font-size:1.02rem;line-height:1;white-space:nowrap}.planning-availability-slot small{color:var(--text-muted, #5e6a78);font-size:.78rem;font-weight:700;min-width:0;white-space:nowrap}.planning-availability-detail{align-self:stretch;border:1px solid var(--border-color, #d8dee7);border-radius:8px;display:grid;gap:10px;grid-template-rows:auto minmax(0,1fr);height:100%;max-height:none;min-height:0;min-width:0;overflow:hidden;padding:12px}.planning-availability-detail>header{display:grid;gap:10px}.planning-availability-detail h4{font-size:.98rem}.planning-availability-tabs{background:var(--surface-muted, #f5f7fa);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;padding:3px}.planning-availability-tabs button{background:transparent;border:0;border-radius:6px;color:var(--text-muted, #5e6a78);cursor:pointer;font-weight:800;padding:7px 8px}.planning-availability-tabs button.is-active{background:var(--surface-color, #ffffff);color:var(--text-color, #172033);box-shadow:0 1px 2px #0f172a1f}.planning-availability-detail-list{display:grid;gap:0;list-style:none;margin:0;max-height:100%;min-height:0;overflow-y:auto;padding:0 6px 0 0;scrollbar-gutter:stable}.planning-availability-detail-list li{border-top:1px solid var(--border-color, #d8dee7);display:grid;gap:2px;padding:9px 2px}.planning-availability-detail-list li:first-child{border-top:0}.planning-availability-detail-list strong{font-size:.86rem}.planning-availability-person.is-unavailable strong,.planning-availability-person-status{color:var(--danger-color, #dc3545)}.planning-availability-person.is-unavailable{background:color-mix(in srgb,var(--danger-color, #dc3545) 5%,transparent)}.planning-availability-detail-list span,.planning-availability-empty{color:var(--text-muted, #5e6a78);font-size:.76rem}.planning-availability-empty{background:var(--surface-muted, #f5f7fa);border-radius:8px;margin:0;padding:12px}@keyframes planning-availability-backdrop-in{0%{background:#0f172a00}to{background:#0f172a38}}@keyframes planning-availability-slide-in{0%{opacity:.85;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.planning-availability-drawer-backdrop,.planning-availability-panel{animation:none}}@media(max-width:900px){.planning-availability-layout{grid-template-columns:1fr;overflow-y:auto}.planning-availability-detail{min-height:280px}}@media(max-width:720px){.planning-availability-drawer-backdrop{top:0}.planning-availability-panel{height:100vh;max-width:100vw;width:100vw}.planning-availability-header{align-items:stretch;flex-direction:column}.planning-availability-totals{grid-template-columns:auto 1fr}}.planning-date-input,.planning-day-search{border:1px solid var(--border-color, #d8dee7);border-radius:8px;min-height:38px;padding:8px 10px}.planning-day-title-row{align-items:baseline;display:flex;gap:12px;min-width:0}.planning-day-title-row .planning-toolbar-message{flex:0 0 190px}.planning-day-search{width:100%}.planning-day-tabs{display:flex;flex-wrap:wrap;gap:6px}.planning-day-toolbar{align-items:center}.planning-day-toolbar .planning-day-tabs{flex:0 1 auto}.planning-day-toolbar .planning-toolbar-message{flex:1 1 auto;min-width:80px;text-align:right}.planning-day-toolbar .planning-toolbar-actions{flex:0 0 auto}.planning-day-tabs button{background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;cursor:pointer;min-height:34px;padding:6px 14px}.planning-day-tabs button.is-active{background:var(--accent-color, #C1272D);border-color:var(--accent-color, #C1272D);color:#fff}.planning-day-table{min-width:0}.planning-day-table .table-container{margin:0}.planning-day-table .table-title{font-size:1rem}.planning-day-table .standard-table tbody tr.has-status-color td:not(.actions-column):not(.table-filler-cell){background:var(--planning-cell-status-bg);color:var(--planning-cell-status-fg)}.planning-day-table .standard-table tbody tr.has-status-color:hover td:not(.actions-column):not(.table-filler-cell){background:color-mix(in srgb,var(--planning-cell-status-bg) 88%,#000000)}.planning-day-table .standard-table tbody tr.is-selected td{box-shadow:inset 0 2px 0 var(--accent-color, #C1272D),inset 0 -2px 0 var(--accent-color, #C1272D)}.planning-day-table .standard-table tbody tr.is-selected td:first-child{box-shadow:inset 2px 0 0 var(--accent-color, #C1272D),inset 0 2px 0 var(--accent-color, #C1272D),inset 0 -2px 0 var(--accent-color, #C1272D)}.planning-day-table .standard-table tbody tr.is-selected td:last-child{box-shadow:inset -2px 0 0 var(--accent-color, #C1272D),inset 0 2px 0 var(--accent-color, #C1272D),inset 0 -2px 0 var(--accent-color, #C1272D)}.planning-day-table .planning-day-check-column{color:#d97706;font-weight:900;text-align:center}.planning-day-table .standard-table tbody tr.has-status-color .planning-day-check-column{color:var(--planning-cell-status-fg)}.planning-day-control-cell{align-items:center;display:inline-flex;gap:8px;justify-content:center;width:100%}.planning-day-control-marker{align-items:center;background:#fff8e6;border:1px solid #d97706;border-radius:999px;color:#9a3412;display:inline-flex;font-size:.75rem;font-weight:900;height:20px;justify-content:center;line-height:1;width:20px}.planning-day-share-button{align-items:center;background:#2563eb;border:1px solid #2563eb;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;height:22px;justify-content:center;line-height:1;padding:0;width:22px}.planning-day-share-button:hover,.planning-day-share-button:focus{background:#1d4ed8;border-color:#1d4ed8;outline:none}.planning-day-share-button.share-state-shared-current{background:#128c3b;border-color:#128c3b}.planning-day-share-button.share-state-shared-current:hover,.planning-day-share-button.share-state-shared-current:focus{background:#0f7a33;border-color:#0f7a33}.planning-day-share-button.share-state-changed-after-share{background:#d97706;border-color:#d97706}.planning-day-share-button.share-state-changed-after-share:hover,.planning-day-share-button.share-state-changed-after-share:focus{background:#b45309;border-color:#b45309}.planning-day-share-button.share-state-no-phone,.planning-day-share-button.share-state-no-phone:hover,.planning-day-share-button.share-state-no-phone:focus{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.planning-day-list{border:1px solid var(--border-color, #d8dee7);border-radius:8px;overflow:auto}.planning-day-list-head,.planning-day-row{display:grid;grid-template-columns:minmax(68px,.45fr) minmax(260px,2fr) minmax(92px,.7fr) minmax(230px,1.55fr) minmax(150px,1fr) minmax(92px,.65fr) 76px;min-width:1060px}.planning-day-list-head{align-items:center;background:var(--surface-muted, #f5f7fa);border-bottom:1px solid var(--border-color, #d8dee7);color:var(--text-muted, #5e6a78);font-size:.78rem;font-weight:800;position:sticky;text-transform:uppercase;top:0;z-index:2}.planning-day-list-head span,.planning-day-row span{min-width:0;padding:11px 10px}.planning-day-row{align-items:stretch;background:var(--surface-color, #ffffff);border:0;border-bottom:1px solid var(--border-color, #d8dee7);color:inherit;cursor:pointer;font:inherit;position:relative;text-align:left;width:100%}.planning-day-row>span{align-items:center;display:flex}.planning-day-row:hover,.planning-day-row:focus{background:var(--surface-muted, #f5f7fa);outline:none}.planning-day-row.is-selected{box-shadow:inset 0 0 0 2px var(--accent-color, #C1272D)}.planning-day-time,.planning-day-status{color:var(--text-muted, #5e6a78);font-size:.86rem;font-weight:700}.planning-day-route,.planning-day-row span:nth-child(4){align-items:flex-start;display:flex;flex-direction:column;gap:3px;justify-content:center}.planning-day-route small,.planning-day-row span:nth-child(4) small{color:var(--text-muted, #5e6a78);font-size:.8rem}.planning-day-check-cell{justify-content:center}.planning-day-check-indicator{position:relative;right:auto;top:auto}.planning-day-check-indicator:hover .planning-check-tooltip,.planning-day-row:focus .planning-check-tooltip{opacity:1;transform:translate(-50%);visibility:visible}.planning-day-create .btn{justify-content:center}.modal-card.personnel-week-share-modal.planning-day-share-modal{display:grid;gap:14px;max-width:min(1140px,calc(100vw - 24px));width:min(1140px,calc(100vw - 24px))}.planning-day-share-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.planning-day-share-date{display:grid;font-weight:700;gap:6px;max-width:220px}.planning-day-share-last-run{background:var(--surface-muted, #f5f7fa);border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:var(--text-muted, #5e6a78);font-size:.9rem;font-weight:700;padding:10px 12px}.planning-day-share-last-run.is-recent{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.planning-day-share-actions{display:flex;justify-content:flex-end}.planning-day-share-result{display:grid;gap:8px}.planning-day-share-groups{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.planning-day-share-group{align-items:center;background:var(--surface-muted, #f5f7fa);border:1px solid var(--border-color, #d8dee7);border-radius:8px;cursor:pointer;display:grid;gap:7px;grid-template-columns:auto minmax(0,1fr) auto;min-height:42px;padding:8px 10px}.planning-day-share-group input,.planning-day-share-assignment input{accent-color:var(--accent-color, #c1272d)}.planning-day-share-group span{font-size:.84rem;font-weight:800;min-width:0}.planning-day-share-group strong{border-radius:999px;font-size:.78rem;min-width:28px;padding:3px 7px;text-align:center}.planning-day-share-group.is-blue strong,.planning-day-share-state-pill.share-state-not-shared{background:#dbeafe;color:#1d4ed8}.planning-day-share-group.is-orange strong,.planning-day-share-state-pill.share-state-changed-after-share{background:#ffedd5;color:#b45309}.planning-day-share-group.is-green strong,.planning-day-share-state-pill.share-state-shared-current{background:#dcfce7;color:#166534}.planning-day-share-group.is-gray strong,.planning-day-share-state-pill.share-state-no-phone{background:#e5e7eb;color:#4b5563}.planning-day-share-group:has(input:disabled){cursor:not-allowed;opacity:.72}.planning-day-share-assignment-list{border:1px solid var(--border-color, #d8dee7);border-radius:8px;display:grid;max-height:min(330px,42vh);overflow-y:auto}.planning-day-share-assignment{align-items:center;border-bottom:1px solid var(--border-color, #d8dee7);display:grid;gap:10px;grid-template-columns:auto minmax(220px,1.2fr) minmax(220px,1fr) auto;min-height:54px;padding:9px 10px}.planning-day-share-assignment:last-child{border-bottom:0}.planning-day-share-assignment:has(input:not(:disabled)){cursor:pointer}.planning-day-share-assignment:has(input:checked){background:color-mix(in srgb,var(--accent-color, #c1272d) 6%,var(--surface-color, #ffffff))}.planning-day-share-assignment:has(input:disabled){color:var(--text-muted, #5e6a78)}.planning-day-share-assignment-main{display:grid;gap:2px;min-width:0}.planning-day-share-assignment-main strong,.planning-day-share-assignment-main small,.planning-day-share-assignment-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-day-share-assignment-main small,.planning-day-share-assignment-meta{color:var(--text-muted, #5e6a78);font-size:.8rem}.planning-day-share-state-pill{border-radius:999px;font-size:.76rem;font-weight:800;padding:4px 8px;white-space:nowrap}.planning-day-share-empty{color:var(--text-muted, #5e6a78);font-weight:700;padding:14px;text-align:center}.planning-template-list{display:grid;gap:8px}.planning-template-item{align-items:center;background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:left}.planning-template-item:hover,.planning-template-item:focus{border-color:var(--accent-color, #C1272D);outline:none}.planning-form{display:flex;flex-direction:column;gap:12px}.planning-form label{display:flex;flex-direction:column;font-weight:700;gap:6px}.planning-form input,.planning-form textarea{border:1px solid var(--border-color, #d8dee7);border-radius:8px;min-height:38px;padding:8px 10px}.planning-form textarea{min-height:74px;resize:vertical}.btn-icon{aspect-ratio:1;padding-left:0;padding-right:0;width:var(--button-height)}.btn-icon.btn-sm{width:calc(var(--button-height) * .8)}.btn-whatsapp{background:#2563eb;border:1px solid #2563eb;color:#fff;font-weight:700}.btn-whatsapp:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.btn-whatsapp.share-state-shared-current,.btn-whatsapp-open{background:#128c3b;border:1px solid #128c3b;color:#fff;font-weight:700}.btn-whatsapp.share-state-shared-current:hover,.btn-whatsapp-open:hover{background:#0f7a33;border-color:#0f7a33;color:#fff}.btn-whatsapp.share-state-changed-after-share{background:#d97706;border-color:#d97706}.btn-whatsapp.share-state-changed-after-share:hover{background:#b45309;border-color:#b45309}.btn-whatsapp.share-state-no-phone,.btn-whatsapp.share-state-no-phone:hover{background:#9ca3af;border-color:#9ca3af;color:#fff}.btn-whatsapp.disabled,.btn-whatsapp-open.disabled,.btn-whatsapp:disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.planning-checkbox-row{align-items:center;flex-direction:row;font-weight:500}.planning-checkbox-row input{min-height:auto}.planning-date-picker{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.planning-date-option{align-items:center;background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;cursor:pointer;flex-direction:row;font-weight:600;gap:8px;min-height:34px;padding:7px 9px}.planning-date-option input{min-height:auto}.planning-date-option:has(input:checked){border-color:var(--accent-color, #C1272D);box-shadow:inset 3px 0 0 var(--accent-color, #C1272D)}.planning-form-message{color:var(--text-muted, #5e6a78);margin:0}.planning-preview{background:var(--surface-muted, #f5f7fa);border-radius:8px;padding:12px}.planning-preview p{margin:8px 0}.planning-preview pre{margin:8px 0 0;overflow:auto;white-space:pre-wrap}.planning-selection-summary{background:var(--surface-muted, #f5f7fa);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px}.planning-selection-summary span{color:var(--text-muted, #5e6a78);font-size:.86rem}.planning-exception-summary{align-items:flex-start;background:#faf5ff;border:1px solid #d8b4fe;border-left:4px solid #9333ea;border-radius:8px;color:#581c87;display:flex;gap:9px;padding:10px 11px}.planning-exception-summary>i{margin-top:3px}.planning-exception-summary div{display:flex;flex-direction:column;gap:3px;min-width:0}.planning-exception-summary span{overflow-wrap:anywhere;white-space:pre-wrap}.planning-status-options{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.planning-status-options button{background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;cursor:pointer;min-height:34px}.planning-status-options button.is-active{background:var(--accent-color, #C1272D);border-color:var(--accent-color, #C1272D);color:#fff}.planning-inline-checks{display:grid;gap:6px}.planning-inline-checks span{background:#fff8e6;border-left:3px solid #d97706;border-radius:6px;padding:8px 10px}.planning-template-lines{display:grid;gap:6px;margin-top:10px;max-height:260px;overflow:auto}.planning-template-line{align-items:center;background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;display:flex;justify-content:space-between;padding:8px 10px}.planning-template-line small{color:var(--text-muted, #5e6a78)}.planning-share-modal-backdrop{align-items:center;background:#0f172a5c;display:flex;justify-content:center;inset:0;padding:18px;position:fixed;z-index:320}.planning-share-modal{background:var(--surface-color, #ffffff);border-radius:8px;box-shadow:0 20px 42px #0f172a38;display:grid;gap:14px;max-width:min(520px,100%);padding:18px;width:520px}.planning-share-modal-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.planning-share-modal-header h3{color:var(--accent-color, #C1272D);font-size:1.1rem;margin:0}.planning-share-link-field{display:grid;font-weight:700;gap:6px}.planning-share-link-field input{border:1px solid var(--border-color, #d8dee7);border-radius:8px;min-height:38px;padding:8px 10px}.planning-share-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.planning-share-note{color:var(--text-muted, #5e6a78);margin:0}.planning-check-list{display:grid;gap:10px;margin-top:4px}.planning-check-list h4{font-size:.95rem;margin:0}.planning-check-card{background:#fff8e6;border:1px solid #f2d08a;border-left:4px solid #d97706;border-radius:8px;display:grid;gap:10px;padding:10px 12px}.planning-check-card.is-resolved{background:var(--surface-muted, #f5f7f9);border-color:var(--border-color, #d8dee7);border-left-color:#6b7280;color:var(--text-muted, #5e6a78)}.planning-check-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.planning-check-card-header>div{display:grid;gap:2px}.planning-check-card-header span,.planning-check-related-item span,.planning-check-resolution-meta,.planning-check-detail-note{color:var(--text-muted, #5e6a78);font-size:.8rem}.planning-check-resolved-toggle{align-items:center;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.85rem;font-weight:600;gap:6px}.planning-check-resolved-toggle input{accent-color:var(--accent-color, #c1272d);height:17px;width:17px}.planning-check-required{background:#fee2e2;border-radius:999px;color:#991b1b;font-size:.72rem;font-weight:700;padding:3px 8px}.planning-check-related-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.planning-check-related-item{align-items:center;background:color-mix(in srgb,var(--surface-color, #ffffff) 82%,transparent);border:1px solid color-mix(in srgb,var(--border-color, #d8dee7) 75%,transparent);border-radius:7px;display:flex;gap:10px;justify-content:space-between;padding:8px}.planning-check-related-item>div{display:grid;gap:2px;min-width:0}.planning-check-related-item .btn{flex:0 0 auto;white-space:nowrap}.planning-check-change-list{display:grid;gap:6px;margin:0}.planning-check-change-list>div{display:grid;gap:3px}.planning-check-change-list dt{color:var(--text-muted, #5e6a78);font-size:.75rem;font-weight:700}.planning-check-change-list dd{align-items:baseline;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:0}.planning-check-change-list dd span,.planning-check-change-list dd strong{overflow-wrap:anywhere}.planning-check-change-list dd i{color:var(--text-muted, #5e6a78);font-style:normal}.planning-check-detail-note{margin:0}@media(max-width:640px){.planning-check-card-header,.planning-check-related-item{align-items:stretch;flex-direction:column}.planning-check-resolved-toggle,.planning-check-related-item .btn{align-self:flex-start}}.personnel-planning-board{max-height:max(360px,calc(100vh - 190px))}.personnel-planning-grid{min-width:1040px}.personnel-planning-driver-cell{background:var(--surface-color, #ffffff);display:flex;flex-direction:column;gap:3px;line-height:1.2;padding-right:34px!important;position:sticky;left:0;z-index:3}.planning-grid-header .personnel-planning-driver-cell,.personnel-planning-grid.planning-grid-header>div:first-child{background:var(--surface-muted, #f5f7fa);left:0;position:sticky;z-index:12}.personnel-planning-driver-cell strong{color:var(--text-color, #1f2933);font-size:.9rem}.personnel-planning-driver-cell span{color:var(--text-muted, #5e6a78);font-size:.78rem}.personnel-planning-driver-share-button{align-items:center;background:#2563eb;border:1px solid #2563eb;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.72rem;height:22px;justify-content:center;line-height:1;padding:0;position:absolute;right:7px;top:7px;width:22px;z-index:4}.personnel-planning-driver-share-button:hover,.personnel-planning-driver-share-button:focus{background:#1d4ed8;border-color:#1d4ed8;outline:none}.personnel-planning-driver-share-button.share-state-shared-current{background:#128c3b;border-color:#128c3b}.personnel-planning-driver-share-button.share-state-shared-current:hover,.personnel-planning-driver-share-button.share-state-shared-current:focus{background:#0f7a33;border-color:#0f7a33}.personnel-planning-driver-share-button.share-state-changed-after-share{background:#d97706;border-color:#d97706}.personnel-planning-driver-share-button.share-state-changed-after-share:hover,.personnel-planning-driver-share-button.share-state-changed-after-share:focus{background:#b45309;border-color:#b45309}.personnel-planning-driver-share-button.share-state-no-phone,.personnel-planning-driver-share-button.share-state-no-phone:hover,.personnel-planning-driver-share-button.share-state-no-phone:focus{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.personnel-planning-driver-share-button:disabled{cursor:wait;opacity:.7}.personnel-planning-driver-share-button.share-state-no-phone:disabled{cursor:not-allowed}.personnel-planning-day-cell{background:var(--surface-color, #ffffff);display:grid;gap:6px;min-height:58px}.personnel-planning-day-cell.is-today{background:color-mix(in srgb,var(--accent-color, #c1272d) 5%,var(--surface-color, #ffffff))}.personnel-planning-assignment{background:var(--surface-muted, #f5f7fa);border:1px solid var(--border-color, #d8dee7);border-radius:6px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:2px;line-height:1.15;min-height:46px;padding:7px 8px;position:relative;text-align:left}.personnel-planning-assignment:hover,.personnel-planning-assignment:focus{background:#eef2f7;border-color:var(--accent-color, #c1272d);outline:none}.personnel-planning-assignment.has-status-color{background:var(--planning-cell-status-bg);color:var(--planning-cell-status-fg)}.personnel-planning-assignment.has-status-color:hover,.personnel-planning-assignment.has-status-color:focus{background:color-mix(in srgb,var(--planning-cell-status-bg) 88%,#000000)}.personnel-planning-assignment.has-check{padding-right:32px}.personnel-planning-assignment.is-selected{box-shadow:inset 0 0 0 2px var(--accent-color, #c1272d)}.personnel-planning-assignment .planning-check-indicator{right:7px}.personnel-planning-assignment strong{font-size:.82rem}.personnel-planning-assignment span{font-size:.76rem}.personnel-planning-side-panel .planning-visibility-section{border-top:0}.personnel-planning-availability{align-self:start;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:6px;color:#166534;display:inline-flex;flex-direction:column;font-size:.78rem;font-weight:700;gap:2px;line-height:1.2;min-height:34px;padding:6px 8px}.personnel-planning-availability.is-unavailable{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.personnel-planning-availability small{color:inherit;font-size:.72rem;font-weight:500;opacity:.82}.personnel-planning-detail dl{display:grid;gap:10px;margin:0}.personnel-planning-detail dl>div{border-bottom:1px solid var(--border-color, #d8dee7);display:grid;gap:2px;padding-bottom:8px}.personnel-planning-detail dt{color:var(--text-muted, #5e6a78);font-size:.76rem;font-weight:700;text-transform:uppercase}.personnel-planning-detail dd{margin:0}.personnel-planning-note{margin-top:14px}.personnel-planning-note p{margin:4px 0 0;white-space:pre-wrap}.personnel-week-share-modal{max-height:min(720px,calc(100vh - 32px));max-width:min(760px,calc(100vw - 32px));overflow-y:auto;width:760px}.personnel-week-share-summary{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.personnel-week-share-summary span{background:var(--surface-muted, #f5f7fa);border:1px solid var(--border-color, #d8dee7);border-radius:8px;font-size:.86rem;font-weight:700;padding:10px;text-align:center}.personnel-week-share-list,.personnel-week-share-failed,.personnel-week-share-missing{display:grid;gap:8px}.personnel-week-share-failed,.personnel-week-share-missing{border-top:1px solid var(--border-color, #d8dee7);margin-top:14px;padding-top:12px}.personnel-week-share-failed h4,.personnel-week-share-missing h4{font-size:.95rem;margin:0}.personnel-week-share-row{align-items:center;border:1px solid var(--border-color, #d8dee7);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:9px 10px}.personnel-week-share-row div{display:grid;gap:2px}.personnel-week-share-row span{color:var(--text-muted, #5e6a78);font-size:.78rem}.personnel-week-share-status{border-radius:999px;font-weight:700;padding:4px 8px;white-space:nowrap}.personnel-week-share-status.is-sent{background:#dcfce7;color:#166534}.personnel-week-share-status.is-failed{background:#fee2e2;color:#991b1b}.planning-template-actions{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(220px,.7fr) minmax(680px,1.9fr) minmax(240px,.8fr);margin-bottom:16px}.planning-template-page .planning-panel h3{margin:0}.planning-panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:30px}.planning-panel-header .btn{flex:0 0 auto;font-size:.85rem;height:30px;line-height:1;padding:0 10px}.planning-form-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.planning-rollout-panel{display:grid;gap:10px}.planning-rollout-grid{border:1px solid var(--border-color, #d8dee7);display:grid;grid-template-columns:minmax(130px,.95fr) minmax(72px,1fr);overflow:hidden}.planning-rollout-grid>*{border-bottom:1px solid var(--border-color, #d8dee7);min-height:34px}.planning-rollout-grid>*:nth-child(odd){background:var(--surface-muted, #f5f7fa);border-right:1px solid var(--border-color, #d8dee7);padding:7px 8px}.planning-rollout-grid>*:nth-child(2n){background:#d6d600}.planning-rollout-grid>*:nth-child(8){background:var(--surface-color, #ffffff)}.planning-rollout-grid>*:nth-last-child(-n+2){border-bottom:0}.planning-rollout-grid input[type=number]{background:#d6d600;border:0;border-radius:0;font:inherit;font-weight:700;min-height:34px;padding:6px 8px;width:100%}.planning-rollout-button{align-items:center;background:#c1272d!important;background-color:#c1272d!important;border:0;border-radius:0;color:#fff;cursor:pointer;display:flex;font:inherit;font-weight:800;justify-content:center;min-height:34px;padding:0 12px;width:100%}.planning-rollout-button:hover,.planning-rollout-button:focus{background:#a81f25!important;background-color:#a81f25!important;color:#fff;outline:none}.planning-rollout-button:disabled{cursor:not-allowed;opacity:.55}.planning-rollout-checkbox-cell{align-items:center;display:flex;justify-content:center}.planning-rollout-checkbox-cell input{accent-color:var(--accent-color, #C1272D);height:16px;min-height:auto;width:16px}.planning-rollout-progress{display:grid;gap:5px}.planning-rollout-progress-bar{background:color-mix(in srgb,var(--accent-color, #C1272D) 12%,#ffffff);border-radius:999px;height:7px;overflow:hidden;position:relative}.planning-rollout-progress-bar:before{animation:planning-rollout-slide 1s ease-in-out infinite;background:var(--accent-color, #C1272D);border-radius:inherit;content:"";inset:0 auto 0 0;position:absolute;width:42%}.planning-rollout-progress-text{color:var(--muted-text-color, #5c6b7a);font-size:.78rem;font-weight:700}@keyframes planning-rollout-slide{0%{transform:translate(-100%)}to{transform:translate(240%)}}.planning-line-form-grid{align-items:end;grid-template-columns:minmax(120px,.75fr) minmax(210px,1.35fr) repeat(3,minmax(145px,1fr))}.planning-template-route-select~.partial-match-select-menu{max-height:440px;min-width:100%;right:auto;width:min(560px,calc(100vw - 48px))}.planning-form select{background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;min-height:38px;padding:8px 10px}.planning-readonly-value{align-items:center;background:var(--surface-muted, #f5f7fa);border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:var(--text-color, #1d2733);display:flex;font-weight:800;min-height:38px;padding:8px 10px}.planning-template-editor{overflow:hidden}.planning-template-editor-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.planning-template-grid-wrap{overflow:auto}.planning-template-grid{border-collapse:separate;border-spacing:0;min-width:1380px;width:100%}.planning-template-grid th,.planning-template-grid td{background:var(--surface-color, #ffffff);border-bottom:1px solid var(--border-color, #d8dee7);border-right:1px solid var(--border-color, #d8dee7);padding:8px;text-align:left;vertical-align:top}.planning-template-grid th{background:color-mix(in srgb,var(--accent-color, #C1272D) 10%,#ffffff);color:var(--text-color, #1d2733);font-size:.82rem;font-weight:800;position:sticky;top:0;z-index:1}.planning-template-grid th:first-child,.planning-template-grid td:first-child{border-left:1px solid var(--border-color, #d8dee7)}.planning-template-grid tbody tr:hover td{background:color-mix(in srgb,var(--accent-color, #C1272D) 4%,#ffffff)}.planning-day-cell{align-items:center;display:grid;gap:6px;grid-template-columns:18px minmax(130px,1fr);min-width:170px}.planning-day-cell input[type=checkbox]{min-height:auto}.planning-day-cell .partial-match-select{min-width:0}.planning-days-modal{max-width:min(1560px,calc(100vw - 32px));width:min(1560px,calc(100vw - 32px))!important}.planning-days-line-fields{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(150px,.8fr) minmax(130px,.65fr) minmax(360px,2fr);margin-top:12px}.planning-days-line-fields label{display:grid;font-size:.84rem;font-weight:800;gap:5px}.planning-days-grid{display:grid;gap:10px;grid-template-columns:repeat(7,minmax(190px,1fr));margin-top:14px;overflow-x:auto;padding:2px 2px 10px}.planning-day-editor{background:var(--surface-muted, #f5f7fa);border:1px solid var(--border-color, #d8dee7);border-radius:8px;display:grid;gap:8px;min-width:190px;padding:10px}.planning-day-editor-head{align-items:center;background:color-mix(in srgb,var(--accent-color, #C1272D) 8%,#ffffff);border:1px solid color-mix(in srgb,var(--accent-color, #C1272D) 18%,var(--border-color, #d8dee7));border-radius:6px;display:flex;font-weight:800;min-height:32px;padding:5px 8px}.planning-day-label{color:var(--text-color, #1d2733)}.planning-day-editor label{display:grid;font-size:.82rem;font-weight:700;gap:5px}.planning-day-editor .planning-checkbox-row{align-items:center;display:flex;font-size:.9rem;font-weight:800;gap:7px}.planning-day-editor input[type=time]{background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;min-height:38px;padding:8px 10px}.planning-driver-warning{border-radius:5px;font-size:.76rem;font-weight:800;padding:4px 6px}.planning-driver-warning.danger{background:color-mix(in srgb,#dc2626 13%,#ffffff);color:#b91c1c}.planning-driver-warning.warning{background:color-mix(in srgb,#f59e0b 18%,#ffffff);color:#92400e}@media(max-width:1100px){.planning-template-actions,.planning-days-line-fields{grid-template-columns:1fr}}@media(max-width:1100px){.planning-layout{grid-template-columns:1fr}.planning-side-stack,.planning-check-panel{order:-1}}@media(max-width:720px){.planning-edit-drawer-backdrop{top:70px}.planning-edit-drawer{height:calc(100vh - 70px);max-width:100vw;width:100vw}.planning-toolbar,.planning-toolbar-main{align-items:stretch;flex-direction:column}.planning-filterbar{min-width:0}.planning-filterbar .multi-filter-combobox,.planning-search-input{width:100%}.planning-toolbar-message{flex-basis:100%;min-height:18px}.planning-day-title-row{flex-wrap:wrap}.planning-day-title-row .planning-toolbar-message{flex-basis:100%}.planning-toolbar-actions,.planning-filterbar,.planning-form-actions{flex-wrap:wrap}.planning-status-options{grid-template-columns:1fr}}.transportklok-integration{display:grid;gap:14px;padding:16px 20px}.transportklok-integration h2{color:var(--text-color);margin:3px 0 7px}.transportklok-integration p{color:var(--text-secondary);margin:0}.transportklok-integration__summary,.transportklok-integration__actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.transportklok-integration__summary>div{min-width:0}.transportklok-integration__actions{justify-content:flex-start}.transportklok-integration__actions label{color:var(--text-secondary);display:grid;font-size:.78rem;font-weight:700;gap:4px}.transportklok-integration__actions input{background:var(--input-bg, #fff);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);min-height:38px;padding:6px 9px}.transportklok-integration__last-test{font-size:.84rem}.transportklok-test-result{background:var(--bg-tertiary, #f5f7fa);border:1px solid var(--border-color);border-radius:10px;display:grid;gap:8px;padding:12px 14px}.transportklok-test-result span{color:var(--text-secondary);overflow-wrap:anywhere}.transportklok-test-result summary{color:var(--primary-color);cursor:pointer;font-weight:700}.transportklok-test-result pre{background:#162032;border-radius:8px;color:#e6edf7;max-height:360px;overflow:auto;padding:12px;white-space:pre-wrap}@media(max-width:760px){.transportklok-integration__summary,.transportklok-integration__actions{align-items:stretch;flex-direction:column}.transportklok-integration__actions .btn,.transportklok-integration__actions label,.transportklok-integration__actions input{width:100%}}.transportklok-page{align-content:start;display:grid;gap:12px;max-width:1180px}.transportklok-page>.card{margin-bottom:0}.transportklok-hero{align-items:center;background:linear-gradient(135deg,var(--card-bg, #fff),color-mix(in srgb,var(--card-bg, #fff) 92%,var(--primary-color)));display:flex;gap:20px;justify-content:space-between;padding:16px 20px}.transportklok-hero h2,.transportklok-history h2{color:var(--text-color);margin:3px 0 8px}.transportklok-hero p:last-child{color:var(--text-secondary);line-height:1.55;margin:0;max-width:720px}.transportklok-eyebrow,.transportklok-history__header span{color:var(--primary-color);font-size:.76rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.transportklok-hero__actions{align-items:flex-end;display:grid;flex:0 0 auto;gap:7px}.transportklok-hero__actions small{color:var(--text-muted);text-align:center}.transportklok-file-input{height:1px;opacity:0;position:absolute;width:1px}.transportklok-history{display:grid;gap:10px;padding:14px 18px 16px}.transportklok-history__header,.transportklok-week-navigation,.transportklok-import-card__main,.transportklok-import-card footer{align-items:center;display:flex}.transportklok-history__header{gap:18px;justify-content:space-between}.transportklok-history__header h2{font-size:1.2rem;margin-bottom:0}.transportklok-week-navigation{gap:8px}.transportklok-import-list{display:grid;gap:8px}.transportklok-import-card{align-items:center;background:var(--container-bg, #fff);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.transportklok-import-card__main{gap:12px;min-width:0}.transportklok-import-card__main>i{color:#23814a;font-size:1.45rem}.transportklok-import-card__main>div{flex:1 1 auto;min-width:0}.transportklok-import-card h3{color:var(--text-color);font-size:1rem;margin:0;overflow-wrap:anywhere}.transportklok-import-card__main p{color:var(--text-secondary);font-size:.84rem;margin:4px 0 0}.transportklok-status{border:1px solid;border-radius:999px;flex:0 0 auto;font-size:.76rem;font-weight:700;padding:6px 10px}.transportklok-status.is-success{background:#edf9f1;border-color:#b9e3c7;color:#18713b}.transportklok-status.is-warning{background:#fff7e8;border-color:#f0d49a;color:#8a5a00}.transportklok-import-card footer{gap:8px;justify-content:flex-end}.transportklok-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:180px;text-align:center}.transportklok-empty>i{color:var(--text-muted);font-size:1.8rem}.transportklok-delete-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2300}.transportklok-delete-modal{display:grid;gap:18px;max-width:500px;padding:28px}.transportklok-delete-modal__icon{align-items:center;background:#fff1f2;border-radius:14px;color:#be123c;display:flex;height:48px;justify-content:center;width:48px}.transportklok-delete-modal h2{color:var(--text-color);margin:0 0 8px}.transportklok-delete-modal p{color:var(--text-secondary);line-height:1.55;margin:0}.transportklok-delete-modal__file{align-items:center;background:var(--bg-tertiary, #f5f7fa);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:10px;margin-top:16px;overflow-wrap:anywhere;padding:12px 14px}@media(max-width:760px){.transportklok-hero,.transportklok-history__header{align-items:stretch;flex-direction:column}.transportklok-hero__actions .btn{justify-content:center;width:100%}.transportklok-week-navigation{display:grid;grid-template-columns:auto 1fr auto}.transportklok-import-card{align-items:stretch;grid-template-columns:1fr}}@media(max-width:520px){.transportklok-import-card__main{align-items:flex-start;flex-wrap:wrap}.transportklok-status{margin-left:38px}.transportklok-import-card footer{align-items:stretch;flex-direction:column}}.maintenance-page{align-content:start;display:grid;gap:16px;min-width:0;overflow-x:clip}.maintenance-eyebrow{color:var(--accent-color, #c1272d);display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.maintenance-tabs{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e4e7ec);border-radius:14px;box-sizing:border-box;display:flex;gap:8px;min-height:54px;justify-content:space-between;max-width:100%;min-width:0;overflow:visible;padding:6px;position:relative;width:100%}.maintenance-toolbar{min-width:0}.maintenance-toolbar-summary{align-items:center;display:flex;flex:0 0 auto;min-width:0}.maintenance-toolbar-planning{align-items:center;border-left:1px solid var(--border-color, #d9dfe7);color:var(--text-secondary, #667085);display:flex;font-size:.68rem;font-weight:700;gap:7px;padding:2px 10px;white-space:nowrap}.maintenance-toolbar-planning .maintenance-switch{gap:5px}.maintenance-toolbar-planning .maintenance-switch>span{height:20px;width:36px}.maintenance-toolbar-planning .maintenance-switch>span:after{height:14px;width:14px}.maintenance-toolbar-planning .maintenance-switch input:checked+span:after{transform:translate(16px)}.maintenance-toolbar-planning .maintenance-switch b{font-size:.7rem;min-width:18px}.maintenance-tab-list{align-items:center;display:flex;flex:1 1 auto;gap:5px;min-width:0;overflow-x:auto}.maintenance-tab-list>button{align-items:center;background:transparent;border:0;border-radius:9px;box-sizing:border-box;color:var(--text-secondary, #667085);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:.86rem;font-weight:600;gap:8px;height:40px;padding:0 14px;white-space:nowrap}.maintenance-toolbar .maintenance-tab-list>button{font-size:.78rem;gap:6px;padding-inline:9px}.maintenance-tab-list>button:hover,.maintenance-tab-list>button:focus-visible{background:color-mix(in srgb,var(--accent-color, #c1272d) 7%,transparent);color:var(--text-primary, #1d2939)}.maintenance-tab-list>button.is-active{background:var(--accent-color, #c1272d);color:var(--accent-text-color, #fff)}.maintenance-help{flex:0 0 auto;position:relative}.maintenance-help-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--accent-color, #c1272d);cursor:pointer;display:inline-flex;font-size:1.1rem;height:40px;justify-content:center;padding:0;width:40px}.maintenance-help-button:hover,.maintenance-help-button:focus-visible,.maintenance-help-button.is-open{background:color-mix(in srgb,var(--accent-color, #c1272d) 9%,transparent);border-color:color-mix(in srgb,var(--accent-color, #c1272d) 24%,var(--border-color, #e4e7ec))}.maintenance-help-popover{background:var(--card-bg, #fff);border:1px solid color-mix(in srgb,var(--accent-color, #c1272d) 24%,var(--border-color, #e4e7ec));border-radius:12px;box-shadow:0 14px 32px #10182829;color:var(--text-secondary, #667085);font-size:.82rem;line-height:1.5;padding:12px 14px;position:absolute;right:0;top:calc(100% + 10px);width:min(410px,calc(100vw - 40px));z-index:20}.maintenance-content{max-width:100%;min-width:0}.maintenance-monitoring-controls{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e4e7ec);border-radius:12px;display:grid;gap:10px;margin-bottom:14px;padding:12px 14px}.maintenance-monitoring-global,.maintenance-monitoring-vehicle{align-items:center;display:flex;gap:16px;justify-content:space-between}.maintenance-monitoring-global>div,.maintenance-monitoring-vehicle>div:first-child{display:grid;gap:3px}.maintenance-monitoring-controls strong{color:var(--text-primary, #1d2939)}.maintenance-monitoring-controls span,.maintenance-monitoring-hint{color:var(--text-secondary, #667085);font-size:.8rem}.maintenance-monitoring-vehicle{padding-top:0}.maintenance-choice-buttons.maintenance-monitoring-status{flex:0 0 min(390px,45%);grid-template-columns:repeat(3,minmax(0,1fr))}.maintenance-switch{align-items:center;cursor:pointer;display:flex;gap:8px;position:relative}.maintenance-switch input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:1}.maintenance-switch>span{background:var(--border-color, #d0d5dd);border-radius:999px;height:24px;position:relative;transition:background .16s ease;width:44px}.maintenance-switch>span:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #10182840;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .16s ease;width:18px}.maintenance-switch input:checked+span{background:var(--accent-color, #c1272d)}.maintenance-switch input:checked+span:after{transform:translate(20px)}.maintenance-switch input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 28%,transparent)}.maintenance-switch input:disabled+span{cursor:not-allowed;opacity:.55}.maintenance-switch b{font-size:.82rem;min-width:24px}.maintenance-loading{color:var(--text-secondary, #667085);padding:28px;text-align:center}.maintenance-overview-grid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(430px,.9fr) minmax(620px,1.35fr);min-width:0}.maintenance-overview-grid>*{min-width:0}.maintenance-vehicle-selected td{background:color-mix(in srgb,var(--accent-color, #c1272d) 10%,var(--card-bg, #fff));font-weight:650}.maintenance-row--kritiek td{background:color-mix(in srgb,#c1272d 9%,var(--card-bg, #fff))}.maintenance-row--waarschuwing td{background:color-mix(in srgb,#d97706 8%,var(--card-bg, #fff))}.maintenance-row.is-cancelled td{color:var(--text-secondary, #667085);text-decoration:line-through}.modal-card.maintenance-modal{max-height:calc(100vh - 28px);max-width:1120px;overflow-y:auto;width:min(1120px,calc(100vw - 28px))}.maintenance-modal-history{border-top:1px solid var(--border-color, #e4e7ec);margin-top:18px;padding-top:18px}.maintenance-due-date-modal{max-width:520px}.maintenance-due-date-modal p{color:var(--text-secondary, #667085);line-height:1.5}.maintenance-due-date-modal label{display:grid;gap:6px}.maintenance-due-date-modal label>span{color:var(--text-primary, #1d2939);font-size:.82rem;font-weight:700}.maintenance-form-grid{display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 0}.maintenance-form-grid label{display:grid;gap:7px}.maintenance-form-grid label>span{color:var(--text-secondary, #667085);font-size:.78rem;font-weight:650}.maintenance-field-wide{grid-column:1 / -1}.maintenance-choice-buttons{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-choice-buttons button{background:var(--card-bg, #fff);border:1px solid var(--border-color, #d0d5dd);border-radius:9px;color:var(--text-primary, #1d2939);cursor:pointer;font:inherit;padding:10px 12px}.maintenance-choice-buttons button.is-active{background:color-mix(in srgb,var(--accent-color, #c1272d) 9%,var(--card-bg, #fff));border-color:var(--accent-color, #c1272d);color:var(--accent-color, #c1272d);font-weight:650}.maintenance-choice-buttons button:disabled{cursor:not-allowed;opacity:.65}@media(max-width:860px){.maintenance-tabs{align-items:stretch;flex-direction:column}.maintenance-toolbar-summary{justify-content:flex-end}.maintenance-overview-grid{grid-template-columns:1fr}}@media(max-width:620px){.maintenance-page{gap:12px}.maintenance-tabs{padding:6px}.maintenance-tab-list>button{padding:0 11px}.maintenance-toolbar-summary{justify-content:flex-start;overflow:visible;width:100%}.maintenance-toolbar-planning{gap:4px;padding-inline:5px}.maintenance-toolbar-planning>span:first-child{display:none}.maintenance-toolbar-summary .maintenance-help{margin-left:auto}.maintenance-form-grid{grid-template-columns:1fr}.maintenance-field-wide{grid-column:auto}.maintenance-choice-buttons{grid-template-columns:1fr}.maintenance-monitoring-global,.maintenance-monitoring-vehicle{align-items:stretch;flex-direction:column}.maintenance-monitoring-status{flex-basis:auto;grid-template-columns:repeat(3,minmax(0,1fr))}}.maintenance-kpi-group{align-items:center;display:flex;flex:0 0 auto}.maintenance-kpi{align-items:flex-end;border-left:1px solid var(--border-color, #d9dfe7);display:flex;flex-direction:column;justify-content:center;min-width:82px;padding:2px 8px}.maintenance-kpi span{color:var(--text-muted, #687386);font-size:.58rem;font-weight:700;white-space:nowrap}.maintenance-kpi strong{font-size:.88rem;line-height:1.2;white-space:nowrap}.maintenance-kpi--concept strong{color:#b45309}.maintenance-kpi--processed strong{color:#167346}.maintenance-kpi--alerts strong{color:var(--primary, #c1272d)}@media(max-width:700px){.maintenance-kpi-group{flex:1 1 auto;min-width:0}.maintenance-kpi{align-items:flex-start;min-width:75px;padding-inline:4px}.maintenance-kpi span{font-size:.5rem}.maintenance-kpi strong{font-size:.74rem}}.maintenance-alert-filters{display:flex;flex-wrap:wrap;gap:6px}.maintenance-alert-filters button{background:var(--card-bg, #fff);border:1px solid var(--border-color, #d0d5dd);border-radius:999px;color:var(--text-secondary, #667085);cursor:pointer;font:inherit;font-size:.78rem;font-weight:650;padding:7px 11px}.maintenance-alert-filters button:hover,.maintenance-alert-filters button:focus-visible{border-color:var(--accent-color, #c1272d);color:var(--accent-color, #c1272d)}.maintenance-alert-filters button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 22%,transparent);outline-offset:1px}.maintenance-alert-filters button.is-active{background:var(--accent-color, #c1272d);border-color:var(--accent-color, #c1272d);color:var(--accent-text-color, #fff)}@media(max-width:760px){.maintenance-alert-filters{justify-content:flex-start;width:100%}}.maintenance-file-input{display:none}.maintenance-invoice-message{background:color-mix(in srgb,var(--accent-color, #c1272d) 7%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--accent-color, #c1272d) 22%,var(--border-color, #e4e7ec));border-radius:10px;color:var(--text-primary, #1d2939);font-size:.84rem;margin-bottom:12px;padding:10px 12px}.maintenance-invoice-row.is-concept td{background:color-mix(in srgb,#d97706 5%,var(--card-bg, #fff))}.maintenance-invoice-row.is-verwerkt td{background:color-mix(in srgb,#15803d 4%,var(--card-bg, #fff))}.modal-card.maintenance-invoice-modal{max-width:1180px;width:min(1180px,calc(100vw - 28px))}.maintenance-invoice-header-actions{align-items:center;display:flex;gap:8px}.maintenance-invoice-summary{background:var(--bg-tertiary, #f7f8fa);border:1px solid var(--border-color, #e4e7ec);border-radius:10px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;padding:12px}.maintenance-invoice-summary>div{display:grid;gap:3px;min-width:0}.maintenance-invoice-summary span,.maintenance-invoice-form small{color:var(--text-secondary, #667085);font-size:.74rem}.maintenance-invoice-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maintenance-invoice-form{padding-bottom:12px}.maintenance-invoice-form label>small.maintenance-invoice-missing{color:#b45309;font-weight:650}.maintenance-invoice-odometer-context,.maintenance-invoice-review-warning{border-radius:9px;font-size:.8rem;margin-bottom:10px;padding:9px 11px}.maintenance-invoice-odometer-context{background:var(--bg-tertiary, #f7f8fa);color:var(--text-secondary, #667085)}.maintenance-invoice-review-warning{background:color-mix(in srgb,#d97706 12%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,#d97706 38%,var(--border-color, #e4e7ec));color:#92400e}.maintenance-invoice-proposals,.maintenance-invoice-lines{border-top:1px solid var(--border-color, #e4e7ec);padding:14px 0}.maintenance-invoice-proposals h4,.maintenance-invoice-lines h4{color:var(--text-primary, #1d2939);font-size:.9rem;margin:0 0 10px}.maintenance-invoice-proposals{display:grid;gap:7px}.maintenance-invoice-proposal{align-items:center;border:1px solid var(--border-color, #e4e7ec);border-radius:9px;display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:9px 11px}.maintenance-invoice-proposal>i{color:var(--accent-color, #c1272d)}.maintenance-invoice-proposal>div{display:grid;gap:2px}.maintenance-invoice-proposal span{color:var(--text-secondary, #667085);font-size:.76rem}.maintenance-invoice-proposal b{border-radius:999px;font-size:.7rem;padding:4px 8px}.maintenance-invoice-proposal.is-hoog b{background:color-mix(in srgb,#15803d 12%,var(--card-bg, #fff));color:#166534}.maintenance-invoice-proposal.is-controle b{background:color-mix(in srgb,#d97706 14%,var(--card-bg, #fff));color:#92400e}.maintenance-invoice-proposal.is-handmatig b{background:var(--bg-tertiary, #f2f4f7);color:var(--text-secondary, #667085)}.maintenance-invoice-lines table{border-collapse:collapse;min-width:680px;width:100%}.maintenance-invoice-lines th,.maintenance-invoice-lines td{border-bottom:1px solid var(--border-color, #e4e7ec);font-size:.78rem;padding:8px 10px;text-align:right}.maintenance-invoice-lines th:first-child,.maintenance-invoice-lines td:first-child{text-align:left}.maintenance-invoice-delete-modal{max-width:480px;width:min(480px,calc(100vw - 32px))}.maintenance-invoice-delete-modal p{color:var(--text-secondary, #667085);line-height:1.55;margin:22px 0}@media(max-width:760px){.maintenance-invoice-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-invoice-header-actions{align-items:stretch;flex-direction:column}.maintenance-invoice-proposal{align-items:start;grid-template-columns:auto 1fr}.maintenance-invoice-proposal b{grid-column:2;justify-self:start}}.damage-page{min-width:0}.damage-loading{color:var(--text-muted, #687386);padding:28px;text-align:center}.damage-drawer-backdrop{animation:damage-backdrop-in .18s ease-out;background:#0f172a4d;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:2300}.damage-drawer{animation:damage-drawer-in .22s cubic-bezier(.16,1,.3,1);background:var(--card-bg, #fff);border-left:1px solid var(--border-color, #d9dfe7);box-shadow:-16px 0 42px #0f172a2b;display:grid;grid-template-rows:auto auto 1fr;height:100%;overflow:hidden;width:min(920px,100%)}.damage-drawer-header{align-items:flex-start;border-bottom:1px solid var(--border-color, #d9dfe7);display:flex;justify-content:space-between;padding:20px 24px 16px}.damage-drawer-header h2{color:var(--text-color, #172033);font-size:1.28rem;margin:3px 0 0}.damage-eyebrow{color:var(--text-muted, #687386);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.damage-drawer-header .modal-close-button{align-items:center;background:transparent;border:0;border-radius:9px;color:var(--text-muted, #687386);cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:center;width:38px}.damage-drawer-header .modal-close-button:hover{background:color-mix(in srgb,var(--primary, #c1272d) 9%,transparent);color:var(--primary, #c1272d)}.damage-drawer-tabs{background:color-mix(in srgb,var(--card-bg, #fff) 94%,var(--primary, #c1272d));border-bottom:1px solid var(--border-color, #d9dfe7);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:auto;padding:0 14px}.damage-drawer-tabs button{align-items:center;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--text-muted, #687386);cursor:pointer;display:flex;font:inherit;font-size:.78rem;font-weight:700;gap:7px;justify-content:center;min-height:58px;padding:9px 10px 7px}.damage-drawer-tabs button:hover:not(:disabled){color:var(--text-color, #172033)}.damage-drawer-tabs button.is-active{border-bottom-color:var(--primary, #c1272d);color:var(--primary, #c1272d)}.damage-drawer-tabs button:disabled{cursor:not-allowed;opacity:.45}.damage-tab-complete{color:#168253;font-size:.7rem}.damage-drawer-form{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.damage-drawer-body{min-height:0;overflow-y:auto;padding:22px 24px 30px}.damage-tab-panel{display:grid;gap:22px}.damage-readonly-fieldset{border:0;margin:0;min-width:0;padding:0}.damage-form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.damage-form-grid label,.damage-field-wide,.damage-requirement-reason{color:var(--text-color, #172033);display:grid;font-size:.8rem;font-weight:700;gap:7px}.damage-field-wide{margin-top:2px}.damage-field-wide textarea{resize:vertical}.damage-choice-fieldset{border:0;margin:0;min-width:0;padding:0}.damage-choice-fieldset legend{color:var(--text-color, #172033);font-size:.8rem;font-weight:700;margin-bottom:8px}.damage-choice-group{display:flex;flex-wrap:wrap;gap:8px}.damage-choice-group button{background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:999px;color:var(--text-color, #172033);cursor:pointer;font:inherit;font-size:.78rem;font-weight:650;min-height:34px;padding:7px 13px}.damage-choice-group button:hover{border-color:color-mix(in srgb,var(--primary, #c1272d) 45%,var(--border-color, #d9dfe7))}.damage-choice-group button.is-selected{background:color-mix(in srgb,var(--primary, #c1272d) 10%,var(--card-bg, #fff));border-color:var(--primary, #c1272d);color:var(--primary, #c1272d)}.damage-handling-notice{align-items:flex-start;background:color-mix(in srgb,#f2ab27 14%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,#b66d00 55%,var(--border-color, #d9dfe7));border-radius:10px;color:var(--text-color, #172033);display:flex;font-size:.84rem;gap:9px;line-height:1.45;padding:11px 13px}.damage-handling-notice i{color:#a75c00;margin-top:3px}.damage-requirements{background:color-mix(in srgb,var(--card-bg, #fff) 96%,var(--primary, #c1272d));border:1px solid var(--border-color, #d9dfe7);border-radius:14px;padding:18px}.damage-requirements h3,.damage-upload-section h3,.damage-financial-upload h3{color:var(--text-color, #172033);font-size:1rem;margin:0 0 4px}.damage-requirements p,.damage-upload-section p,.damage-financial-upload p{color:var(--text-muted, #687386);font-size:.78rem;margin:0}.damage-requirement-list{display:grid;gap:10px;margin-top:16px}.damage-requirement-row{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:10px;display:grid;gap:12px;grid-template-columns:minmax(170px,1fr) auto auto;padding:12px 14px}.damage-requirement-row>div:first-child{display:grid;gap:3px}.damage-requirement-row strong{color:var(--text-color, #172033);font-size:.82rem}.damage-requirement-row .is-present,.damage-requirement-row .is-missing{font-size:.72rem;font-weight:700}.damage-requirement-row .is-present{color:#168253}.damage-requirement-row .is-missing{color:#9b6110}.damage-check-label{align-items:center;color:var(--text-color, #172033);display:flex;font-size:.77rem;gap:7px;white-space:nowrap}.damage-requirement-reason{grid-column:1 / -1}.damage-document-tab{gap:18px}.damage-upload-section,.damage-financial-upload{background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:14px;display:grid;gap:16px;padding:18px}.damage-upload-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.damage-upload-controls input[type=file],.damage-form-grid input[type=file]{color:var(--text-muted, #687386);font-size:.78rem}.damage-financial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.damage-document-empty{color:var(--text-muted, #687386);font-size:.8rem;margin:4px 0}.damage-document-list{display:grid;gap:10px}.damage-document-card{align-items:center;background:color-mix(in srgb,var(--card-bg, #fff) 97%,var(--primary, #c1272d));border:1px solid var(--border-color, #d9dfe7);border-radius:11px;display:grid;gap:12px;grid-template-columns:38px minmax(0,1fr) auto;padding:12px}.damage-document-icon{align-items:center;background:color-mix(in srgb,var(--primary, #c1272d) 10%,transparent);border-radius:9px;color:var(--primary, #c1272d);display:flex;height:38px;justify-content:center;width:38px}.damage-document-thumbnail{border-radius:9px;height:38px;object-fit:cover;width:38px}.damage-document-card>div:nth-child(2){display:grid;gap:2px;min-width:0}.damage-document-card strong{color:var(--text-color, #172033);font-size:.82rem;overflow-wrap:anywhere}.damage-document-card span:not(.damage-document-icon){color:var(--text-muted, #687386);font-size:.72rem;overflow-wrap:anywhere}.damage-document-actions{display:flex;gap:7px}.damage-document-actions .btn{font-size:.72rem;min-height:34px;padding:7px 10px}.damage-remove-button{color:brown}.damage-drawer-footer{align-items:center;background:var(--card-bg, #fff);border-top:1px solid var(--border-color, #d9dfe7);display:flex;gap:10px;padding:14px 24px}.damage-footer-spacer{flex:1}.damage-archive-button{color:#9d3131}@keyframes damage-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes damage-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.damage-drawer-backdrop,.damage-drawer{animation:none}}@media(max-width:760px){.damage-drawer{width:100%}.damage-drawer-tabs{grid-template-columns:repeat(4,minmax(150px,1fr))}.damage-form-grid,.damage-financial-grid{grid-template-columns:1fr}.damage-requirement-row{grid-template-columns:1fr 1fr}.damage-requirement-row>div:first-child{grid-column:1 / -1}.damage-document-card{align-items:flex-start;grid-template-columns:38px 1fr}.damage-document-actions{grid-column:1 / -1}}@media(max-width:520px){.damage-drawer-body{padding:18px 16px 26px}.damage-drawer-footer{flex-wrap:wrap;padding:12px 16px}.damage-footer-spacer{display:none}.damage-drawer-footer .btn{flex:1}}.damage-kpi-group{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(155px,1fr));margin:0 0 14px auto;max-width:640px}.damage-kpi{align-items:flex-end;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:7px;display:flex;flex-direction:column;justify-content:center;min-width:155px;padding:9px 13px}.damage-kpi span{color:var(--text-muted, #687386);font-size:.68rem;font-weight:700}.damage-kpi strong{font-size:1.12rem;line-height:1.25}.damage-kpi small{color:var(--text-muted, #687386);font-size:.61rem}.damage-kpi--open strong{color:#b45309}.damage-kpi--own strong{color:var(--primary, #c1272d)}.damage-kpi--recoverable strong{color:#167346}@media(max-width:700px){.damage-kpi-group{grid-template-columns:1fr;max-width:none;width:100%}.damage-kpi{align-items:flex-start}}.fines-page{display:flex;flex-direction:column;gap:14px}.fines-page-heading{align-items:stretch;display:flex;gap:18px;justify-content:space-between}.fines-page-heading>div{align-self:center}.fines-page-heading h2{color:var(--text-color, #172033);font-size:1.15rem;margin:0}.fines-page-heading p{color:var(--text-muted, #687386);font-size:.78rem;margin:4px 0 0}.fine-kpi-group{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(155px,1fr))}.fine-kpi{align-items:flex-end;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:7px;display:flex;flex-direction:column;justify-content:center;min-width:155px;padding:9px 13px}.fine-kpi span{color:var(--text-muted, #687386);font-size:.68rem;font-weight:700}.fine-kpi strong{font-size:1.12rem;line-height:1.25}.fine-kpi small{color:var(--text-muted, #687386);font-size:.61rem}.fine-kpi--paid strong,.fine-kpi--settled strong{color:#167346}.fine-kpi--outstanding strong{color:var(--primary, #c1272d)}.fine-loading{color:var(--text-muted, #687386);padding:28px;text-align:center}.fines-page .table-title-group,.fines-page .table-title-actions{align-items:center;display:flex;gap:10px;min-width:0}.fines-page .table-title-actions{flex-wrap:nowrap}.fine-table-title-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:7px}.fine-year-filter{align-items:center;display:flex;gap:6px;min-width:130px}.fine-year-filter>span{color:var(--text-muted, #687386);font-size:.68rem;font-weight:700}.fine-year-filter .multi-filter-combobox{flex:none;min-width:88px;width:88px}.fine-year-filter .multi-filter-combobox-trigger{min-height:32px;padding-block:5px}.fine-attention-filter{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:6px;color:var(--text-color, #172033);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:650;gap:6px;min-height:32px;padding:5px 9px}.fine-attention-filter span{align-items:center;background:color-mix(in srgb,currentColor 12%,transparent);border-radius:999px;display:inline-flex;font-size:.66rem;justify-content:center;min-width:19px;padding:2px 5px}.fine-attention-filter:hover{border-color:currentColor}.fine-attention-filter--due-soon{color:#946200}.fine-attention-filter--overdue{color:#a12d31}.fine-attention-filter--due-soon.is-active{background:#fff0c7;border-color:#d99a00}.fine-attention-filter--overdue.is-active{background:#ffe0e2;border-color:#cf3f45}@media(max-width:700px){.fines-page-heading{align-items:stretch;flex-direction:column}.fine-kpi-group{grid-template-columns:1fr}.fine-kpi{align-items:flex-start}.fines-page .table-title-group{align-items:flex-start;flex-direction:column;width:100%}.fines-page .table-title-actions{width:100%}.fine-table-title-actions{align-items:stretch;display:grid;grid-template-columns:1fr;width:100%}.fine-year-filter{width:100%}.fine-year-filter .multi-filter-combobox{flex:1;width:auto}.fine-attention-filter{justify-content:space-between;width:100%}}.fine-row-overdue td:first-child{box-shadow:inset 3px 0 #cf3f45}.fine-row-due-soon td:first-child{box-shadow:inset 3px 0 #e7a62a}.fines-page .table-container{margin:0}.fine-boolean-badge{border-radius:4px;display:inline-block;font-weight:650;min-width:43px;padding:3px 8px;text-align:center}.fine-boolean-badge--yes{background:#c6efce;color:#006100}.fine-boolean-badge--no{background:#ffc7ce;color:#9c0006}.fine-boolean-badge--unknown{background:color-mix(in srgb,var(--text-muted, #687386) 12%,transparent);color:var(--text-muted, #687386)}.fine-vehicle-link{align-items:center;display:inline-flex;gap:7px;white-space:nowrap}.fine-license-plate{font-weight:650}.fine-vehicle-link__status{border-radius:999px;font-size:.72rem;font-weight:650;line-height:1;padding:4px 7px}.fine-vehicle-link__status--linked{background:#c6efce;color:#006100}.fine-vehicle-link__status--unlinked{background:#ffebc2;color:#7a4b00}.fine-drawer-backdrop{align-items:stretch;background:#0f172a61;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1200}.fine-drawer{background:var(--card-bg, #fff);box-shadow:-16px 0 44px #0f172a29;display:flex;flex-direction:column;max-width:920px;width:min(920px,95vw)}.fine-drawer-header{align-items:center;border-bottom:1px solid var(--border-color, #d9dfe7);display:flex;justify-content:space-between;min-height:68px;padding:12px 20px}.fine-drawer-header h2{color:var(--text-color, #172033);font-size:1.15rem;margin:1px 0 0}.fine-eyebrow{color:var(--primary, #c1272d);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fine-drawer-tabs{border-bottom:1px solid var(--border-color, #d9dfe7);display:flex;gap:3px;padding:0 20px}.fine-drawer-tabs button{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-muted, #687386);cursor:pointer;display:flex;font:inherit;font-size:.76rem;gap:7px;padding:12px 10px 10px}.fine-drawer-tabs button.is-active{border-bottom-color:var(--primary, #c1272d);color:var(--primary, #c1272d);font-weight:700}.fine-tab-count{align-items:center;background:color-mix(in srgb,var(--primary, #c1272d) 12%,transparent);border-radius:999px;display:inline-flex;font-size:.62rem;height:18px;justify-content:center;min-width:18px;padding:0 5px}.fine-drawer-form{display:flex;flex:1;flex-direction:column;min-height:0}.fine-drawer-body{flex:1;overflow-y:auto;padding:18px 20px 28px}.fine-drawer-footer{align-items:center;background:var(--card-bg, #fff);border-top:1px solid var(--border-color, #d9dfe7);display:flex;gap:8px;padding:12px 20px}.fine-footer-spacer{flex:1}@media(max-width:640px){.fine-drawer{width:100vw}.fine-drawer-footer{flex-wrap:wrap}.fine-footer-spacer{display:none}}.fine-form-sections{display:flex;flex-direction:column;gap:16px}.fine-form-section{background:color-mix(in srgb,var(--card-bg, #fff) 96%,var(--text-color, #172033));border:1px solid var(--border-color, #d9dfe7);border-radius:8px;overflow:hidden}.fine-accordion-trigger{align-items:center;background:transparent;border:0;color:var(--text-color, #172033);cursor:pointer;display:flex;font:inherit;justify-content:space-between;padding:13px 15px;text-align:left;width:100%}.fine-accordion-trigger:hover,.fine-accordion-trigger:focus-visible{background:color-mix(in srgb,var(--primary, #c1272d) 6%,transparent)}.fine-accordion-trigger>span{display:flex;flex-direction:column;gap:2px}.fine-accordion-trigger strong{font-size:.82rem}.fine-accordion-trigger small{color:var(--text-muted, #687386);font-size:.65rem;font-weight:400}.fine-accordion-trigger i{color:var(--primary, #c1272d);font-size:.68rem}.fine-accordion-content{border-top:1px solid var(--border-color, #d9dfe7);padding:15px}.fine-section-heading{margin-bottom:12px}.fine-section-heading h3,.fine-document-list h3{color:var(--text-color, #172033);font-size:.85rem;margin:0}.fine-section-heading p{color:var(--text-muted, #687386);font-size:.69rem;margin:3px 0 0}.fine-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.fine-form-grid+.fine-field-wide,.fine-field-wide+.fine-single-select,.fine-single-select+.fine-form-grid{margin-top:12px}.fine-form-grid label,.fine-field-wide,.fine-single-select{display:flex;flex-direction:column;gap:5px}.fine-form-grid label>span,.fine-field-wide>span,.fine-single-select>span{color:var(--text-color, #172033);font-size:.68rem;font-weight:650}.fine-form-grid label>small{color:var(--text-muted, #687386);font-size:.65rem;line-height:1.35}.fine-field-wide{width:100%}.fine-form-section textarea{resize:vertical}.fine-driver-candidates{border-top:1px solid var(--border-color, #d9dfe7);display:grid;gap:8px;margin-top:13px;padding-top:12px}.fine-driver-candidates>div:first-child{display:grid;gap:2px}.fine-driver-candidates>div:first-child strong{font-size:.72rem}.fine-driver-candidates>div:first-child span,.fine-driver-candidate small,.fine-driver-candidates__status{color:var(--text-muted, #687386);font-size:.67rem;margin:0}.fine-driver-candidate{align-items:center;background:color-mix(in srgb,var(--primary, #c1272d) 4%,transparent);border-radius:6px;display:flex;gap:10px;justify-content:space-between;padding:8px 9px}.fine-driver-candidate>div{display:grid;gap:2px;min-width:0}.fine-driver-candidate strong{font-size:.72rem}.fine-driver-candidate small{overflow-wrap:anywhere}.fine-driver-candidate .btn{flex:0 0 auto;font-size:.68rem;padding:5px 8px}@media(max-width:420px){.fine-driver-candidate{align-items:flex-start;flex-direction:column}}.fine-status-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}@media(max-width:650px){.fine-form-grid,.fine-status-grid{grid-template-columns:1fr}}.fine-documents-panel{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.fine-document-upload,.fine-document-list{border:1px solid var(--border-color, #d9dfe7);border-radius:8px;padding:16px}.fine-pending-document,.fine-document-card{align-items:center;background:color-mix(in srgb,var(--card-bg, #fff) 96%,var(--text-color, #172033));border:1px solid var(--border-color, #d9dfe7);border-radius:7px;display:flex;gap:12px;margin-top:12px;padding:10px}.fine-pending-document img{border-radius:5px;height:68px;object-fit:cover;width:86px}.fine-pending-document>div,.fine-document-card>div:not(.fine-document-actions){display:flex;flex:1;flex-direction:column;min-width:0}.fine-pending-document strong,.fine-document-card strong{color:var(--text-color, #172033);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fine-pending-document span,.fine-document-card span,.fine-document-empty{color:var(--text-muted, #687386);font-size:.67rem}.fine-document-large-icon,.fine-document-icon{align-items:center;background:color-mix(in srgb,var(--primary, #c1272d) 10%,transparent);border-radius:6px;color:var(--primary, #c1272d);display:inline-flex;height:42px;justify-content:center;width:42px}.fine-document-actions{display:flex;gap:6px}.fine-pending-document>.fine-document-actions{flex:0 0 auto;flex-direction:row}.fine-document-remove{color:#a12d31}.fine-document-empty{margin:12px 0 0}.fine-recognition-status{background:color-mix(in srgb,#167346 9%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,#167346 35%,var(--border-color, #d9dfe7));border-radius:7px;color:#12603b;font-size:.69rem;margin-top:10px;padding:9px 11px}.fine-recognition-status--running{background:color-mix(in srgb,#b45309 8%,var(--card-bg, #fff));border-color:color-mix(in srgb,#b45309 32%,var(--border-color, #d9dfe7));color:#8a4308}.fine-recognition-status--error{background:color-mix(in srgb,#c1272d 8%,var(--card-bg, #fff));border-color:color-mix(in srgb,#c1272d 32%,var(--border-color, #d9dfe7));color:#9d2025}@media(max-width:620px){.fine-pending-document,.fine-document-card{align-items:stretch;flex-direction:column}.fine-document-actions{justify-content:flex-end}}.facturatie-page{align-content:start;display:grid;gap:14px}.facturatie-import-panel{background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:10px;overflow:hidden}.facturatie-import-panel__header{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:18px}.facturatie-import-panel__intro{align-items:center;display:flex;gap:14px;min-width:0}.facturatie-import-panel__icon{align-items:center;background:#fbeaec;border-radius:9px;color:var(--accent-color, #c1272d);display:flex;flex:0 0 auto;font-size:1.1rem;height:42px;justify-content:center;width:42px}.facturatie-import-panel h2,.facturatie-tariff-callout h2{color:var(--text-color, #172033);font-size:1.05rem;margin:0}.facturatie-import-panel p,.facturatie-tariff-callout p{color:var(--text-muted, #687386);font-size:.8rem;margin:3px 0 0}.facturatie-tariff-callout{align-items:center;background:#f7f9fb;border:1px solid var(--border-color, #d9dfe7);border-radius:10px;display:flex;gap:24px;justify-content:space-between;padding:12px 16px}.facturatie-link-button{align-items:center;background:none;border:0;color:#4d5e76;cursor:pointer;display:inline-flex;font:inherit;font-size:.84rem;font-weight:600;gap:7px;padding:7px 2px;text-decoration:underline;text-underline-offset:3px}.facturatie-link-button:hover{color:var(--accent-color, #c1272d)}.facturatie-sourcebar{align-items:center;background:#f8fafc;border-top:1px solid var(--border-color, #e1e5eb);display:grid;grid-template-columns:1fr;padding:10px 18px}.facturatie-sourcebar__file{align-items:center;display:flex;gap:12px;min-width:0}.facturatie-sourcebar__file>i{color:#23814a;font-size:1.2rem}.facturatie-sourcebar__file div{display:grid;min-width:0}.facturatie-sourcebar span{color:var(--text-muted, #687386);font-size:.72rem}.facturatie-sourcebar strong{color:var(--text-color, #172033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facturatie-period-section{align-items:center;display:grid;gap:9px;justify-items:center;padding:10px 16px 12px}.facturatie-period-controls{display:flex;gap:12px;justify-content:center}.facturatie-period-stepper{display:grid;gap:5px}.facturatie-period-stepper>span{font-weight:700;padding-left:2px}.facturatie-period-stepper>div{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #cfd7e2);border-radius:9px;display:grid;grid-template-columns:40px minmax(48px,auto) 40px;min-height:42px;overflow:hidden}.facturatie-period-stepper button{align-items:center;align-self:stretch;background:transparent;border:0;color:#526177;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;min-height:42px;min-width:40px}.facturatie-period-stepper button:first-child{border-right:1px solid var(--border-color, #e1e5eb)}.facturatie-period-stepper button:last-child{border-left:1px solid var(--border-color, #e1e5eb)}.facturatie-period-stepper button:hover{background:#fff3e8;color:var(--primary-color, #f58220)}.facturatie-period-stepper button:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-color, #f58220);outline:0}.facturatie-period-stepper output{color:var(--text-color, #172033);font-size:.9rem;font-weight:750;min-width:48px;padding:0 8px;text-align:center}.facturatie-period-stepper:nth-child(2) output{min-width:92px;text-transform:capitalize}.facturatie-period-range{align-items:center;display:flex;gap:9px;justify-content:center;min-width:0}.facturatie-period-range>i{align-items:center;background:#edf2f7;border-radius:8px;color:#526177;display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.facturatie-period-range>span{display:grid;gap:1px;min-width:0}.facturatie-period-range small{color:var(--text-muted, #687386);font-size:.68rem;font-weight:700;text-transform:uppercase}.facturatie-period-range strong{font-size:.78rem;white-space:normal}.facturatie-results-toolbar{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:8px 10px}.facturatie-status-filters{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.facturatie-status-filter{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#5b687b;cursor:pointer;display:inline-flex;font:inherit;gap:7px;min-height:38px;padding:6px 10px}.facturatie-status-filter i{align-items:center;background:#eef2f6;border-radius:50%;display:flex;font-size:.7rem;height:25px;justify-content:center;width:25px}.facturatie-status-filter span{color:inherit;font-size:.76rem}.facturatie-status-filter strong{color:var(--text-color, #172033);font-size:.82rem}.facturatie-status-filter:hover{background:#f7f9fb;border-color:var(--border-color, #d9dfe7)}.facturatie-status-filter.is-active{background:#fff5ec;border-color:#f2c49d;color:#a34e09}.facturatie-status-filter--attention i{background:#fff1db;color:#d57a05}.facturatie-status-filter--included i{background:#e9f7ef;color:#23814a}.facturatie-status-filter--excluded i{background:#edf0f4;color:#687386}.facturatie-tariff-link{align-items:center;background:color-mix(in srgb,var(--card-bg, #fff) 88%,#eef2f7);border:1px solid color-mix(in srgb,var(--border-color, #d9dfe7) 82%,#aeb8c6);border-radius:9px;box-shadow:0 1px 2px #0f172a0a;color:var(--text-color, #172033);cursor:pointer;display:inline-flex;font:inherit;font-size:.79rem;font-weight:700;gap:8px;min-height:42px;padding:9px 13px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.facturatie-tariff-link i{align-items:center;background:color-mix(in srgb,var(--accent-color, #c1272d) 10%,transparent);border-radius:6px;color:var(--accent-color, #c1272d);display:inline-flex;font-size:.72rem;height:24px;justify-content:center;width:24px}.facturatie-tariff-link:hover{background:color-mix(in srgb,var(--accent-color, #c1272d) 5%,var(--card-bg, #fff));border-color:color-mix(in srgb,var(--accent-color, #c1272d) 32%,var(--border-color, #d9dfe7));box-shadow:0 4px 12px #0f172a14;color:var(--accent-color, #c1272d);transform:translateY(-1px)}.facturatie-tariff-link:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 28%,transparent);outline-offset:2px}.facturatie-tariff-link:disabled{cursor:not-allowed;opacity:.55;transform:none}.facturatie-status-strip{align-items:stretch;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 0}.facturatie-status-strip>div{align-items:center;border-right:1px solid var(--border-color, #d9dfe7);display:flex;gap:11px;justify-content:center;min-height:48px;padding:4px 18px}.facturatie-status-strip>div:last-child{border-right:0}.facturatie-status-strip i{align-items:center;background:#f0f3f6;border-radius:50%;color:#677386;display:flex;height:34px;justify-content:center;width:34px}.facturatie-status-strip span{color:var(--text-muted, #687386);display:grid;font-size:.75rem;line-height:1.25}.facturatie-status-strip strong{color:var(--text-color, #172033);font-size:1.05rem}.facturatie-status-strip .is-warning i{background:#fff1db;color:#d57a05}.facturatie-status-strip .is-success i{background:#e9f7ef;color:#23814a}.facturatie-status-strip .is-muted i{background:#edf0f4;color:#687386}.facturatie-table-shell{background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:10px;min-width:0;overflow:hidden}.facturatie-table-shell .client-table-wrapper{border:0;border-radius:0}.facturatie-table-shell .standard-table th,.facturatie-table-shell .standard-table td{padding-left:10px!important;padding-right:10px!important}.facturatie-table-shell .standard-table th{font-size:.72rem;letter-spacing:.025em}.facturatie-table-shell .standard-table .th-label{gap:4px}.facturatie-table-shell .standard-table .th-actions{gap:1px}.facturatie-table-shell .standard-table .sort-icon,.facturatie-table-shell .standard-table .filter-toggle{padding-left:2px;padding-right:2px}.facturatie-table-shell .table-controls{width:100%}.facturatie-concept-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.facturatie-table-shell .standard-table{--actions-column-width: inherit}.facturatie-table-shell col[data-column=selectedForMoneybird],.facturatie-table-shell col[data-column=selectedForBulkAction]{width:124px!important}.facturatie-table-shell col[data-column=reason]{width:auto!important}.facturatie-table-shell .table-filler-col,.facturatie-table-shell .table-filler-header,.facturatie-table-shell .table-filler-cell{display:none}.facturatie-select-column{text-align:center}.facturatie-table-shell .standard-table th.facturatie-select-column{background:var(--table-header-bg);box-shadow:-8px 0 12px -12px #00000073;position:sticky;right:0;z-index:8}.facturatie-table-shell .standard-table td.facturatie-select-column{background:var(--table-row-bg);box-shadow:-8px 0 12px -12px #00000073;position:sticky;right:0;z-index:5}.facturatie-table-shell .standard-table th.facturatie-select-column:before,.facturatie-table-shell .standard-table td.facturatie-select-column:before{background:var(--table-border-tint);bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:1px}.facturatie-table-shell .standard-table tbody tr:hover td.facturatie-select-column{background:var(--table-row-hover-bg)}.facturatie-select-all{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row-reverse;gap:8px;position:relative;z-index:3}.facturatie-select-all input{accent-color:var(--accent-color, #c1272d);cursor:pointer;height:17px;margin:0;width:17px}.facturatie-select-all input:disabled{cursor:not-allowed;opacity:.45}.facturatie-row-checkbox{accent-color:var(--accent-color, #c1272d);cursor:pointer;height:18px;width:18px}.facturatie-row-checkbox:disabled{cursor:not-allowed;opacity:.4}.facturatie-manual-line-modal{display:flex;flex-direction:column;max-height:min(820px,calc(100vh - 32px));max-width:820px;min-height:0;width:min(820px,calc(100vw - 32px))}.facturatie-manual-line-modal .modal-header{flex:0 0 auto;margin:0;padding:12px 20px 6px}.facturatie-manual-line-modal .modal-header h2{color:var(--text-color, #172033);font-size:1.1rem;margin:0}.facturatie-manual-line-modal .modal-header p{color:var(--text-muted, #687386);font-size:.8rem;margin:5px 0 0}.facturatie-modal-close{align-items:center;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--text-muted, #687386);cursor:pointer;display:inline-flex;flex:0 0 36px;font-size:1rem;height:36px;justify-content:center;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:36px}.facturatie-modal-close:hover{background:#f1f4f8;border-color:var(--border-color, #d9dfe7);color:var(--text-color, #172033);transform:rotate(3deg)}.facturatie-modal-close:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 25%,transparent);outline-offset:2px}.facturatie-manual-line-modal .modal-body{flex:0 1 auto;min-height:0;overflow-y:auto;padding:6px 20px 10px}.facturatie-manual-line-modal .modal-actions{flex:0 0 auto;margin:0;padding:8px 20px 14px}.facturatie-manual-line-form{align-content:start;display:grid;gap:10px}.facturatie-manual-line-form--permanent{gap:8px}.facturatie-manual-step{border-top:1px solid var(--border-color);display:grid;gap:10px;padding-top:12px;min-width:0}.facturatie-manual-line-form .facturatie-manual-step-title{color:var(--text-color);font-size:.8rem;font-weight:500;line-height:1.4;margin:0 0 4px;padding:0}.facturatie-manual-existing{border-top:1px solid var(--border-color);padding-top:10px;font-size:.78rem}.facturatie-manual-existing summary{cursor:pointer;padding:4px 0}.facturatie-manual-existing summary:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.facturatie-manual-existing .facturatie-recurring-panel{border:0;padding-top:4px}.facturatie-manual-existing .facturatie-recurring-panel__heading{display:none}.facturatie-manual-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.facturatie-manual-line-form label{display:grid;gap:4px}.facturatie-manual-line-form .billing-manual-line-option{align-items:center;background:transparent;border:0;border-radius:0;display:flex;gap:8px;min-height:28px;padding:0}.facturatie-manual-line-form .billing-manual-line-option>input{margin:0}.facturatie-manual-line-form .billing-manual-line-option>span{font-weight:400}.facturatie-manual-line-modal .facturatie-recurring-panel{gap:4px;margin-top:0;padding-top:8px}.facturatie-manual-line-modal .facturatie-recurring-list{gap:0;padding-right:0}.facturatie-manual-line-modal .facturatie-recurring-list>div{border:0;border-bottom:1px solid var(--border-color);border-radius:0;padding:6px 0}.facturatie-manual-line-modal .facturatie-recurring-list>div:last-child{border-bottom:0}.facturatie-manual-line-modal .facturatie-recurring-list>div>span:first-child{align-items:baseline;flex-direction:row;flex-wrap:wrap;gap:2px 12px}.facturatie-manual-line-modal .facturatie-recurring-list strong{font-size:.82rem;font-weight:500}.facturatie-manual-line-modal .facturatie-recurring-list small{color:var(--text-muted);font-size:.72rem}.facturatie-manual-line-form label>span{color:var(--text-color, #172033);font-size:.78rem;font-weight:700}.facturatie-manual-line-form__grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(170px,.7fr)}.facturatie-manual-line-form__grid--equal{grid-template-columns:repeat(2,minmax(0,1fr))}.facturatie-manual-rate-choice{border:0;display:grid;gap:9px;margin:0;min-width:0;padding:0}.facturatie-manual-rate-choice legend{color:var(--text-color, #172033);font-size:.78rem;font-weight:700;margin-bottom:7px;padding:0}.facturatie-manual-rate-choice__options{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.facturatie-manual-rate-choice__options label{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 10px}.facturatie-manual-rate-choice__options label:has(input:checked){background:color-mix(in srgb,var(--accent-color, #c1272d) 5%,var(--card-bg, #fff));border-color:color-mix(in srgb,var(--accent-color, #c1272d) 55%,var(--border-color, #d9dfe7));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color, #c1272d) 15%,transparent)}.facturatie-manual-rate-choice__options label.is-disabled{cursor:not-allowed;opacity:.55}.facturatie-manual-rate-choice__options input{accent-color:var(--accent-color, #c1272d);flex:0 0 auto;margin:2px 0 0}.facturatie-manual-rate-choice__options span{display:grid;gap:3px}.facturatie-manual-rate-choice__options strong{color:var(--text-color, #172033);font-size:.8rem}.facturatie-manual-rate-choice__options small,.facturatie-manual-rate-choice__notice{color:var(--text-muted, #687386);font-size:.72rem;font-weight:400;line-height:1.4}.facturatie-manual-line-intro{background:color-mix(in srgb,var(--accent-color) 5%,var(--card-bg, #fff));border-left:3px solid var(--accent-color);border-radius:6px;color:var(--text-secondary, #687386);font-size:.8rem;margin:0;padding:10px 12px}.facturatie-standard-rate-picker{background:#f7f9fb;border:1px solid var(--border-color, #d9dfe7);border-radius:11px;display:grid;gap:9px;padding:10px}.facturatie-standard-rate-picker__heading{align-items:center;display:flex;justify-content:space-between;padding:1px 3px}.facturatie-standard-rate-picker__heading span{color:var(--text-color, #172033);font-size:.78rem;font-weight:700}.facturatie-standard-rate-picker__heading small{color:var(--text-muted, #687386);font-size:.68rem}.facturatie-standard-rate-picker__list{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:210px;overflow-y:auto}.facturatie-manual-line-form .facturatie-standard-rate-option{align-items:center;background:var(--card-bg, #fff);border:1px solid transparent;border-radius:9px;cursor:pointer;display:grid;gap:11px;grid-template-columns:34px minmax(0,1fr) auto 22px;min-height:58px;padding:9px 11px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.facturatie-manual-line-form .facturatie-standard-rate-option:hover{border-color:color-mix(in srgb,var(--accent-color, #c1272d) 32%,var(--border-color, #d9dfe7));transform:translateY(-1px)}.facturatie-manual-line-form .facturatie-standard-rate-option.is-selected{background:color-mix(in srgb,var(--accent-color, #c1272d) 5%,var(--card-bg, #fff));border-color:color-mix(in srgb,var(--accent-color, #c1272d) 60%,var(--border-color, #d9dfe7));box-shadow:0 2px 8px color-mix(in srgb,var(--accent-color, #c1272d) 10%,transparent)}.facturatie-standard-rate-option:focus-within{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 22%,transparent);outline-offset:1px}.facturatie-standard-rate-option__input{opacity:0;pointer-events:none;position:absolute}.facturatie-manual-line-form label>.facturatie-standard-rate-option__icon{align-items:center;background:#eef1f5;border-radius:8px;color:var(--text-muted, #687386);display:flex;font-size:.78rem;height:34px;justify-content:center;width:34px}.facturatie-manual-line-form .is-selected>.facturatie-standard-rate-option__icon{background:color-mix(in srgb,var(--accent-color, #c1272d) 12%,#fff);color:var(--accent-color, #c1272d)}.facturatie-manual-line-form label>.facturatie-standard-rate-option__copy{display:grid;gap:2px;min-width:0}.facturatie-standard-rate-option__copy strong{color:var(--text-color, #172033);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facturatie-standard-rate-option__copy small{color:var(--text-muted, #687386);font-size:.68rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facturatie-manual-line-form label>.facturatie-standard-rate-option__price{display:grid;gap:1px;text-align:right}.facturatie-standard-rate-option__price strong{color:var(--text-color, #172033);font-size:.8rem;white-space:nowrap}.facturatie-standard-rate-option__price small{color:var(--text-muted, #687386);font-size:.66rem;font-weight:400}.facturatie-manual-line-form label>.facturatie-standard-rate-option__check{align-items:center;background:var(--accent-color, #c1272d);border-radius:50%;color:#fff;display:flex;font-size:.58rem;height:20px;justify-content:center;opacity:0;transform:scale(.75);transition:opacity .16s ease,transform .16s ease;width:20px}.facturatie-manual-line-form .is-selected>.facturatie-standard-rate-option__check{opacity:1;transform:scale(1)}.facturatie-standard-rate-add{align-items:center;background:transparent;border:1px dashed color-mix(in srgb,var(--accent-color, #c1272d) 38%,var(--border-color, #d9dfe7));border-radius:9px;color:var(--text-color, #172033);cursor:pointer;display:grid;font:inherit;gap:10px;grid-template-columns:34px minmax(0,1fr) auto;min-height:52px;padding:8px 11px;text-align:left;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.facturatie-standard-rate-add:hover{background:color-mix(in srgb,var(--accent-color, #c1272d) 4%,#fff);border-color:var(--accent-color, #c1272d);transform:translateY(-1px)}.facturatie-standard-rate-add:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 22%,transparent);outline-offset:1px}.facturatie-standard-rate-add__icon{align-items:center;background:color-mix(in srgb,var(--accent-color, #c1272d) 10%,#fff);border-radius:8px;color:var(--accent-color, #c1272d);display:flex;height:34px;justify-content:center;width:34px}.facturatie-standard-rate-add>span:not(.facturatie-standard-rate-add__icon){display:grid;gap:2px}.facturatie-standard-rate-add strong{font-size:.78rem}.facturatie-standard-rate-add small{color:var(--text-muted, #687386);font-size:.67rem}.facturatie-standard-rate-add>i{color:var(--accent-color, #c1272d);font-size:.72rem}.facturatie-manual-line-form input[readonly]{background:#f3f5f7;color:var(--text-muted, #687386);cursor:not-allowed}@media(max-width:720px){.facturatie-manual-line-modal{width:calc(100vw - 40px)}.facturatie-manual-line-modal .modal-header,.facturatie-manual-line-modal .modal-body,.facturatie-manual-line-modal .modal-actions{padding-left:12px;padding-right:12px}.facturatie-manual-line-modal .modal-actions{flex-wrap:wrap;gap:6px}.facturatie-manual-line-modal .facturatie-recurring-list>div>span:first-child{align-items:flex-start;flex-direction:column}.facturatie-manual-line-form__grid,.facturatie-manual-line-form__grid--equal,.facturatie-manual-rate-choice__options,.facturatie-standard-rate-picker__list{grid-template-columns:1fr}.facturatie-manual-line-form .facturatie-standard-rate-option{grid-template-columns:34px minmax(0,1fr) auto 22px}.facturatie-concept-actions{width:100%}}.facturatie-commandbar{align-items:center;background:linear-gradient(135deg,var(--card-bg, #fff) 0%,color-mix(in srgb,var(--card-bg, #fff) 94%,#e8edf4) 100%);border-color:color-mix(in srgb,var(--border-color, #d9dfe7) 88%,#aeb8c6);box-shadow:0 5px 18px #0f172a0e;display:flex;gap:18px;justify-content:space-between;overflow:visible;padding:15px 17px}.facturatie-commandbar__context{align-items:center;display:flex;gap:18px;min-width:0}.facturatie-week-picker{align-items:center;display:flex;gap:12px;min-width:0}.facturatie-week-picker>button:not(.facturatie-current-week){flex:0 0 40px;min-height:40px;min-width:40px}.facturatie-week-picker>button:not(.facturatie-current-week):focus-visible,.facturatie-current-week:focus-visible{outline:2px solid var(--accent-color, #c1272d);outline-offset:2px}.facturatie-week-picker__label{display:grid;min-width:170px;text-align:center}.facturatie-week-picker__label span{color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.facturatie-week-picker__label strong{color:var(--text-color, #172033)}.facturatie-week-picker__label small{color:var(--text-muted, #687386);font-size:.72rem}.facturatie-current-week{background:transparent;border:0;color:var(--accent-color, #c1272d);cursor:pointer;font:inherit;font-size:.72rem;font-weight:700;padding:7px 4px;white-space:nowrap}.facturatie-current-week:hover{text-decoration:underline;text-underline-offset:3px}.facturatie-commandbar__actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.facturatie-import-button{min-height:44px;padding-left:17px;padding-right:17px;white-space:nowrap}.facturatie-import-chip{align-items:center;background:#f7faf8;border:1px solid #d7e6dc;border-radius:9px;color:#435469;display:flex;font-size:.86rem;gap:9px;max-width:310px;min-height:44px;min-width:0;padding:5px 7px 5px 11px}.facturatie-import-list{display:flex;flex:1 1 360px;flex-wrap:wrap;gap:8px;min-width:0}.facturatie-import-chip>i{color:#23814a;font-size:1.05rem}.facturatie-import-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facturatie-import-chip>div{display:flex;gap:3px;margin-left:2px}.facturatie-import-chip button{align-items:center;background:transparent;border:0;border-radius:7px;color:#667386;cursor:pointer;display:inline-flex;font-size:.9rem;height:34px;justify-content:center;width:34px}.facturatie-import-chip button:hover:not(:disabled){background:#f0f3f6;color:var(--accent-color, #c1272d)}.facturatie-import-chip button:disabled{cursor:not-allowed;opacity:.4}.facturatie-table-toolbar{align-items:center;border-bottom:1px solid var(--border-color, #d9dfe7);display:flex;gap:14px;justify-content:space-between;padding:14px}.facturatie-add-line-button{box-shadow:0 1px 3px #0f172a1f;font-weight:650}.facturatie-add-line-button:hover,.facturatie-add-line-button:focus-visible{box-shadow:0 2px 5px #0f172a29}.facturatie-table-toolbar>.facturatie-status-filters{display:grid;flex:1 1 auto;gap:12px;grid-template-columns:repeat(5,minmax(140px,1fr))}.facturatie-bulk-approve{align-self:center;flex:0 0 auto;white-space:nowrap}.facturatie-table-shell .facturatie-status-filter{align-content:start;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:9px;color:var(--text-color, #172033);display:grid;gap:5px;justify-items:start;min-height:104px;padding:14px;text-align:left;white-space:normal;width:100%}.facturatie-table-shell .facturatie-status-filter span{color:var(--text-secondary, #687386);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.facturatie-table-shell .facturatie-status-filter strong{background:none;color:var(--text-color, #172033);font-size:1.4rem;line-height:1.2;min-width:0;padding:0;text-align:left}.facturatie-table-shell .facturatie-status-filter small{color:var(--text-secondary, #687386);font-size:.74rem}.facturatie-table-shell .facturatie-status-filter:hover{background:color-mix(in srgb,var(--accent-color) 3%,var(--card-bg, #fff));border-color:color-mix(in srgb,var(--accent-color) 55%,var(--border-color))}.facturatie-table-shell .facturatie-status-filter:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 35%,transparent);outline-offset:2px}.facturatie-table-shell .facturatie-status-filter.is-active{background:color-mix(in srgb,var(--accent-color) 7%,var(--card-bg, #fff));box-shadow:inset 0 0 0 2px var(--accent-color);color:inherit}.facturatie-table-shell .facturatie-status-filter--all{border-top:4px solid var(--accent-color)}.facturatie-table-shell .facturatie-status-filter--attention{border-top:4px solid #d97706}.facturatie-table-shell .facturatie-status-filter--included{border-top:4px solid #16a34a}.facturatie-table-shell .facturatie-status-filter--concept{border-top:4px solid #2563eb}.facturatie-table-shell .facturatie-status-filter--excluded{border-top:4px solid #64748b}.facturatie-message{background:#f4f8fb;border:1px solid #d9e4ee;border-radius:8px;color:#355269;padding:11px 14px}.facturatie-message--error{background:#fff3f3;border-color:#efc3c5;color:#8e2227}.facturatie-message--success{background:#ecfdf3;border-color:#86efac;color:#166534}.facturatie-record-row td:first-child{box-shadow:inset 3px 0 #d57a05}.facturatie-record-row--included td:first-child,.facturatie-record-row--self_billing td:first-child{box-shadow:inset 3px 0 #23814a}.facturatie-record-row--excluded td:first-child{box-shadow:inset 3px 0 #8a96a8}.facturatie-record-row--already_sent>td{background:color-mix(in srgb,#64748b 16%,var(--card-bg, #fff))!important;color:var(--text-muted, #526071)}.facturatie-record-row--already_sent:hover>td{background:color-mix(in srgb,#64748b 23%,var(--card-bg, #fff))!important}.facturatie-record-row--already_sent td:first-child{box-shadow:inset 3px 0 #64748b}.facturatie-record-row--already_sent .facturatie-select-column,.facturatie-record-row--already_sent:hover .facturatie-select-column,.facturatie-record-row--already_sent .actions-column{background:inherit}.facturatie-drawer-backdrop{background:#1118272e;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:2200}.modal-backdrop.facturatie-delete-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2400}.facturatie-delete-modal{animation:facturatie-modal-in .18s ease-out;display:grid;gap:18px;max-width:480px;padding:28px}.facturatie-delete-modal__icon{align-items:center;background:#fff1f2;border-radius:14px;color:#be123c;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.facturatie-delete-modal__content h2{color:var(--text-color, #172033);font-size:1.3rem;margin:0 0 8px}.facturatie-delete-modal__content>p{color:var(--text-secondary, #657186);line-height:1.55;margin:0}.facturatie-delete-modal__file{align-items:center;background:var(--bg-tertiary, #f5f7fa);border:1px solid var(--border-color, #d9dfe7);border-radius:10px;display:flex;gap:10px;margin-top:16px;min-width:0;padding:12px 14px}.facturatie-delete-modal__file i{color:#23814a}.facturatie-delete-modal__file span{font-weight:600;overflow-wrap:anywhere}.facturatie-delete-modal__line{background:var(--bg-tertiary, #f5f7fa);border:1px solid var(--border-color, #d9dfe7);border-radius:10px;display:grid;gap:4px;margin-top:16px;padding:12px 14px}.facturatie-delete-modal__line strong{color:var(--text-color, #172033);overflow-wrap:anywhere}.facturatie-delete-modal__line span{color:var(--text-secondary, #657186);font-size:.9rem}.facturatie-delete-modal .modal-actions{margin-top:0}.facturatie-reopen-modal__icon{background:#eef6ff;color:#1d63a9}.facturatie-reopen-button{margin-right:auto}.facturatie-moneybird-mapping-modal{border-top:4px solid #d97706}.facturatie-moneybird-mapping-modal__icon{background:#fff7ed;color:#c65d09}.facturatie-moneybird-mapping-modal__customers{align-items:flex-start;background:#fffaf0;border:1px solid #f3d6a2;border-radius:12px;display:flex;gap:12px;margin-top:18px;padding:14px 15px}.facturatie-moneybird-mapping-modal__customers>i{color:#b45309;margin-top:3px}.facturatie-moneybird-mapping-modal__customers div{display:grid;gap:4px;min-width:0}.facturatie-moneybird-mapping-modal__customers strong{color:var(--text-color, #172033);overflow-wrap:anywhere}.facturatie-moneybird-mapping-modal__customers span{color:var(--text-secondary, #657186);font-size:.9rem;line-height:1.45}.facturatie-moneybird-health{align-items:center;background:#eef5ff;border:1px solid #bfd5f5;border-radius:10px;color:#254f82;display:flex;gap:11px;margin-bottom:12px;padding:10px 14px}.facturatie-moneybird-health>span{display:grid;gap:2px}.facturatie-moneybird-target{display:grid;gap:2px;font-size:12px}.facturatie-moneybird-target small,.facturatie-moneybird-health small{color:var(--text-secondary, #657186)}.facturatie-moneybird-health--attention,.facturatie-moneybird-health--unavailable{background:#fff7ed;border-color:#f0c98d;color:#9a5708}@keyframes facturatie-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.facturatie-drawer{animation:facturatie-slide-in .22s ease-out;background:var(--card-bg, #fff);border-left:1px solid var(--border-color, #d9dfe7);box-shadow:-12px 0 32px #0f172a21;display:grid;grid-template-rows:auto 1fr auto;height:100%;overflow:hidden;width:min(620px,100%)}.facturatie-drawer__header{align-items:flex-start;background:var(--card-bg, #fff);border-bottom:1px solid var(--border-color, #d9dfe7);color:var(--text-color, #172033);display:flex;justify-content:space-between;padding:22px 24px 18px}.facturatie-drawer__header h2{color:inherit;font-size:1.25rem;margin:0 0 8px}.facturatie-icon-button{align-items:center;background:transparent;border:0;border-radius:7px;color:#657186;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.facturatie-icon-button:hover{background:#f0f3f6;color:#172033}.facturatie-sourcebar__file .facturatie-sourcebar__actions{align-items:center;display:flex;gap:4px;margin-left:auto}.facturatie-sourcebar__actions .table-action-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.facturatie-drawer__body{display:grid;gap:20px;overflow-y:auto;padding:22px 24px}.facturatie-drawer__footer{align-items:center;background:var(--card-bg, #fff);border-top:1px solid var(--border-color, #d9dfe7);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.facturatie-row-state{align-items:center;color:#a05a05;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px}.facturatie-row-state--included{color:#23814a}.facturatie-row-state--excluded{color:#667386}.facturatie-detail-section{border-bottom:1px solid var(--border-color, #e1e5eb);padding-bottom:19px}.facturatie-detail-section h3{color:var(--text-color, #172033);font-size:.78rem;letter-spacing:.04em;margin:0 0 13px;text-transform:uppercase}.facturatie-moneybird-failure{background:#fff7ed;border:1px solid #f0c98d;border-radius:10px;color:#7c4a08;padding:14px}.facturatie-moneybird-failure__heading{align-items:flex-start;display:flex;gap:11px}.facturatie-moneybird-failure__heading>i{color:#c56a08;margin-top:2px}.facturatie-moneybird-failure__heading h3{color:#8a4d07;margin-bottom:5px}.facturatie-moneybird-failure__heading strong{color:#6f3f08;font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}.facturatie-moneybird-failure ol{display:grid;font-size:.78rem;gap:5px;line-height:1.4;margin:12px 0;padding-left:20px}.facturatie-moneybird-failure dl{border-top:1px solid #edcf9d;display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding-top:10px}.facturatie-moneybird-failure dl div{display:flex;font-size:.72rem;gap:5px}.facturatie-moneybird-failure dt{opacity:.78}.facturatie-moneybird-failure dd{font-weight:700;margin:0;overflow-wrap:anywhere}.facturatie-detail-list{display:grid;gap:10px;margin:0}.facturatie-detail-list div{display:grid;gap:12px;grid-template-columns:130px 1fr}.facturatie-detail-list dt{color:var(--text-muted, #687386);font-size:.78rem}.facturatie-detail-list dd{font-size:.82rem;font-weight:500;margin:0}.facturatie-source-details{padding-bottom:13px}.facturatie-source-details h3{margin-bottom:8px}.facturatie-source-details .facturatie-detail-list{gap:5px}.facturatie-source-details .facturatie-detail-list div{align-items:start;gap:8px;line-height:1.22}.facturatie-detail-help{color:var(--text-muted, #687386);font-size:.78rem;line-height:1.45;margin:0 0 12px}.facturatie-toll-passages{display:grid;gap:8px}.facturatie-toll-passages>div{background:#f7f9fc;border:1px solid #e1e6ed;border-radius:8px;display:grid;gap:3px;padding:10px 12px}.facturatie-toll-passages strong{font-size:.82rem}.facturatie-toll-passages span,.facturatie-toll-passages small{color:var(--text-muted, #687386);font-size:.73rem;line-height:1.4;overflow-wrap:anywhere}.facturatie-action-needed{padding-bottom:13px}.facturatie-action-needed h3{margin-bottom:8px}.facturatie-reason{background:#fff7e9;border-radius:8px;color:#865007;display:grid;gap:3px;padding:9px 10px}.facturatie-reason--included{background:#edf8f1;color:#17683b}.facturatie-reason--excluded{background:#f1f3f6;color:#566273}.facturatie-reason strong{font-size:.8rem;line-height:1.3}.facturatie-reason span{font-size:.75rem;line-height:1.3;opacity:.82}.facturatie-decision-reasons{display:flex;flex-wrap:wrap;gap:8px}.facturatie-decision-reasons button{background:#f5f7f9;border:1px solid #d8dee6;border-radius:999px;color:#435469;cursor:pointer;font:inherit;font-size:.82rem;padding:7px 11px}.facturatie-decision-reasons button:hover,.facturatie-decision-reasons button:focus-visible{border-color:var(--accent-color, #c1272d);color:var(--accent-color, #c1272d);outline:none}.facturatie-decision-reasons button.is-selected{background:#edf8f1;border-color:#23814a;color:#17683b}.facturatie-tariff-warning{align-items:flex-start;background:#fff1f1;border:1px solid #efb8bd;border-radius:8px;color:#9f2330;display:flex;gap:10px;padding:12px}.facturatie-tariff-warning i{margin-top:2px}.facturatie-tariff-warning div{display:grid;gap:3px}.facturatie-tariff-warning span{font-size:.8rem}.facturatie-section-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.facturatie-section-heading .facturatie-link-button{font-size:.74rem;padding-top:0}.facturatie-section-heading>span{color:var(--text-muted, #687386);font-size:.72rem}.facturatie-proposal-lines__list{display:grid;gap:10px}.facturatie-proposal-line{background:#f8fafc;border:1px solid var(--border-color, #d9dfe7);border-radius:9px;display:grid;gap:10px;padding:12px}.facturatie-proposal-line--selfbilling{background:#eef1f4;border-color:#d2d8df;color:#596575}.facturatie-proposal-line--sent{background:color-mix(in srgb,#64748b 13%,var(--card-bg, #fff));border-color:color-mix(in srgb,#64748b 38%,var(--border-color, #d9dfe7))}.facturatie-proposal-line__kind{color:#687386;font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.facturatie-proposal-line__kind--included{color:#23814a}.facturatie-proposal-line__kind--sent{color:#475569}.facturatie-proposal-line__heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.facturatie-proposal-line__heading>div{display:grid;gap:3px;min-width:0}.facturatie-proposal-line__heading>div>strong{overflow-wrap:anywhere}.facturatie-proposal-line__actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.facturatie-proposal-line__review-button{align-items:center;background:transparent;border:1px solid #cbd4e0;border-radius:7px;color:#657186;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.facturatie-proposal-line__review-button:hover:not(:disabled){background:#fff4e5;border-color:#e5b766;color:#925f0a}.facturatie-proposal-line__review-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 25%,transparent);outline-offset:2px}.facturatie-proposal-line__review-button:disabled{cursor:wait;opacity:.55}.facturatie-proposal-line__heading span,.facturatie-proposal-line__rates{color:var(--text-muted, #687386);font-size:.72rem}.facturatie-proposal-line dl{display:flex;flex-wrap:wrap;gap:7px 18px;margin:0}.facturatie-proposal-line dl div{display:flex;font-size:.74rem;gap:5px}.facturatie-proposal-line dt{color:var(--text-muted, #687386)}.facturatie-proposal-line dd{font-weight:600;margin:0}.facturatie-proposal-line__rates{border-top:1px solid var(--border-color, #d9dfe7);display:grid;gap:3px;padding-top:8px}.facturatie-rate-list{display:grid;gap:10px}.facturatie-rate-list>div{align-items:center;display:flex;gap:12px;justify-content:space-between}.facturatie-rate-list>div>div{display:grid}.facturatie-rate-list span,.facturatie-empty-copy{color:var(--text-muted, #687386);font-size:.75rem}.facturatie-customer-choice{display:grid;gap:8px}.facturatie-customer-choice h3,.facturatie-customer-choice p{margin-bottom:0}.facturatie-customer-combobox-field{gap:7px}.facturatie-customer-combobox{position:relative}.facturatie-customer-combobox .partial-match-select{width:100%}.facturatie-customer-combobox__search,.facturatie-customer-combobox__chevron{color:#7c8798;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.facturatie-customer-combobox__search{font-size:.82rem;left:15px}.facturatie-customer-combobox__chevron{font-size:.68rem;right:15px}.facturatie-customer-combobox .facturatie-customer-combobox__input{background:var(--card-bg, #fff);border:1px solid #cbd4e0;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;color:var(--text-color, #172033);font-size:.84rem;font-weight:650;min-height:46px;padding:11px 40px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.facturatie-customer-combobox .facturatie-customer-combobox__input:hover{border-color:#aeb9c8}.facturatie-customer-combobox .facturatie-customer-combobox__input:focus{background:#fff;border-color:var(--accent-color, #c1272d);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color, #c1272d) 14%,transparent),0 7px 20px #0f172a14;outline:none}.facturatie-customer-combobox .facturatie-customer-combobox__input:disabled{background:#f4f6f8;cursor:wait;opacity:.7}.facturatie-customer-combobox__menu{background:var(--card-bg, #fff);border:1px solid #d2dae5;border-radius:14px;box-shadow:0 20px 45px #0f172a29,0 4px 12px #0f172a14;max-height:300px;padding:4px;scrollbar-color:#c5ceda transparent;scrollbar-width:thin}.facturatie-customer-combobox__menu .partial-match-select-option-row+.partial-match-select-option-row{margin-top:0}.facturatie-customer-combobox__menu .partial-match-select-option{align-items:center;border:1px solid transparent;border-radius:8px;display:flex;gap:8px;justify-content:space-between;min-height:30px;padding:4px 8px;transition:background .14s ease,border-color .14s ease,color .14s ease}.facturatie-customer-combobox__menu .partial-match-select-option-label{font-size:.82rem;font-weight:700}.facturatie-customer-combobox__menu .partial-match-select-option-meta{color:var(--text-muted, #687386);font-size:.68rem;font-weight:650}.facturatie-customer-combobox__menu .partial-match-select-option:hover,.facturatie-customer-combobox__menu .partial-match-select-option.active{background:color-mix(in srgb,var(--accent-color, #c1272d) 7%,#fff);border-color:color-mix(in srgb,var(--accent-color, #c1272d) 18%,#d2dae5)}.facturatie-customer-combobox__menu .partial-match-select-option[aria-selected=true]{background:color-mix(in srgb,var(--accent-color, #c1272d) 10%,#fff);border-color:color-mix(in srgb,var(--accent-color, #c1272d) 34%,#d2dae5);color:var(--accent-color, #c1272d)}.facturatie-customer-choice__options{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.facturatie-customer-choice__options button{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e1e5eb);border-radius:7px;color:var(--text-color, #172033);cursor:pointer;display:grid;grid-template-columns:1fr auto;min-height:38px;padding:8px 10px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.facturatie-customer-choice__options button:hover{border-color:var(--accent-color, #c1272d);box-shadow:0 4px 12px #0f172a14;transform:translateY(-1px)}.facturatie-customer-choice__options button.is-selected{border-color:var(--accent-color, #c1272d);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color, #c1272d) 18%,transparent)}.facturatie-customer-choice__options button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 28%,transparent);outline-offset:2px}.facturatie-customer-choice__options button:disabled{cursor:wait;opacity:.6}.facturatie-customer-choice__options button strong{font-size:.8rem;grid-column:1;line-height:1.2}.facturatie-customer-choice__options button i{grid-column:2;grid-row:1}.facturatie-tariff-section-heading{align-items:center;color:var(--text-color, #172033);display:flex;font-size:.76rem;font-weight:800;justify-content:space-between;min-height:36px;padding:8px 2px;text-transform:uppercase;width:100%}.facturatie-tariff-section-heading h3{font-size:inherit;font-weight:inherit;letter-spacing:normal;margin:0}.facturatie-customer-choice+.facturatie-applied-tariff-section{margin-top:-20px}.facturatie-tariff-manage-heading:hover,.facturatie-tariff-manage-heading:focus-visible{color:var(--accent-color, #c1272d);outline:none}.facturatie-total{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.facturatie-total strong{font-size:1.2rem}.facturatie-inline-actions{display:flex!important;justify-content:flex-end}.facturatie-moneybird-test{background:#f5f7fb;border:1px solid #d7dfeb;border-radius:10px;display:grid;gap:13px;padding:14px}.facturatie-moneybird-test>div:first-child{align-items:center;display:flex;gap:11px}.facturatie-moneybird-test>div:first-child>i{align-items:center;background:#e7ecf5;border-radius:50%;color:#41526c;display:flex;height:34px;justify-content:center;width:34px}.facturatie-moneybird-test>div:first-child>div{display:grid;gap:2px}.facturatie-moneybird-test span,.facturatie-moneybird-test p{color:var(--text-muted, #687386);font-size:.75rem;margin:0}.facturatie-moneybird-test--success{background:#edf8f1;border-color:#c8e8d5}.facturatie-moneybird-test--success>div:first-child>i{background:#d8f0e1;color:#17713f}.facturatie-moneybird-test--warning{background:#fff8eb;border-color:#efd9ad}.facturatie-moneybird-test--warning>div:first-child>i{background:#f8e8c8;color:#98600d}.facturatie-moneybird-confirm{border-top:1px solid #d7dfeb;display:grid;gap:12px;padding-top:13px}.facturatie-moneybird-confirm dl{display:grid;gap:7px;margin:0}.facturatie-moneybird-confirm dl div{display:grid;font-size:.77rem;gap:10px;grid-template-columns:115px 1fr}.facturatie-moneybird-confirm dt{color:var(--text-muted, #687386)}.facturatie-moneybird-confirm dd{font-weight:600;margin:0}.facturatie-import-body{align-content:start;display:grid;gap:18px;overflow-y:auto;padding:24px}.facturatie-file-input{height:1px;opacity:0;position:absolute;width:1px}.facturatie-dropzone{align-items:center;background:#fff;border:1px dashed #b7c2d0;border-radius:10px;color:#4e5c70;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:9px;min-height:245px;justify-content:center;padding:28px}.facturatie-dropzone:hover,.facturatie-dropzone.is-dragging{background:#fff8f8;border-color:var(--accent-color, #c1272d)}.facturatie-dropzone>i{color:#23814a;font-size:2.1rem}.facturatie-dropzone>span:not(.btn){color:var(--text-muted, #687386);font-size:.78rem}.facturatie-attachment{align-items:center;border:1px solid #d9dfe7;border-radius:8px;display:grid;gap:11px;grid-template-columns:auto 1fr auto;padding:12px 14px}.facturatie-attachment>i{color:#23814a;font-size:1.4rem}.facturatie-attachment div{display:grid;min-width:0}.facturatie-attachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facturatie-attachment span{color:var(--text-muted, #687386);font-size:.72rem}.facturatie-attachment button{background:none;border:0;color:#647084;cursor:pointer}.facturatie-attachment .facturatie-attachment-actions{align-items:center;display:flex;gap:4px}.facturatie-attachment .table-action-btn{background:#fff;border:1px solid var(--border-color, #d9dfe7);color:var(--accent-color, #c1272d);padding:5px}.facturatie-import-note{align-items:center;background:#f4f7fb;border:1px solid #d9e4ee;border-radius:8px;color:#4b5d74;display:flex;font-size:.76rem;gap:9px;margin-top:auto;padding:11px 12px}@keyframes facturatie-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.facturatie-drawer{animation:none}}@media(max-width:900px){.facturatie-period-controls{flex-wrap:wrap}.facturatie-results-toolbar{align-items:stretch;flex-direction:column}.facturatie-tariff-link{align-self:flex-end}.facturatie-status-strip{grid-template-columns:1fr 1fr}.facturatie-status-strip>div:nth-child(2){border-right:0}.facturatie-status-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border-color, #d9dfe7)}}@media(max-width:600px){.facturatie-import-panel__header,.facturatie-tariff-callout{align-items:stretch;flex-direction:column;gap:14px}.facturatie-import-panel__header .btn,.facturatie-tariff-callout .btn{justify-content:center;width:100%}.facturatie-period-section{padding-left:0;padding-right:0}.facturatie-period-controls{display:grid;grid-template-columns:1fr;width:100%}.facturatie-period-stepper>div{grid-template-columns:42px 1fr 42px}.facturatie-period-range{background:#fff;border:1px solid var(--border-color, #d9dfe7);border-radius:9px;padding:9px;width:100%}.facturatie-status-filters{display:grid;grid-template-columns:1fr 1fr}.facturatie-status-filter{justify-content:flex-start}.facturatie-tariff-link{align-self:stretch;justify-content:center}.facturatie-status-strip{grid-template-columns:1fr 1fr}.facturatie-status-strip>div{justify-content:flex-start;padding:8px 12px}.facturatie-drawer{width:100%}.facturatie-detail-list div{grid-template-columns:105px 1fr}.facturatie-drawer__footer{padding:14px 24px}.facturatie-drawer__footer .btn-primary{flex:1;font-size:.76rem;padding-left:8px;padding-right:8px;white-space:nowrap}}@media(max-width:600px){.facturatie-customer-choice__options{grid-template-columns:1fr}}@media(max-width:600px){.facturatie-detail-drawer .facturatie-drawer__body{min-width:0;padding-left:20px;padding-right:20px}.facturatie-detail-drawer .facturatie-section-heading{flex-wrap:wrap;min-width:0}.facturatie-detail-drawer .facturatie-rate-list>div,.facturatie-detail-drawer .facturatie-rate-list>div>div{min-width:0}.facturatie-detail-drawer .facturatie-drawer__footer{padding-left:12px;padding-right:12px}.facturatie-detail-drawer .facturatie-drawer__footer .btn-primary{min-width:0;white-space:normal}}@media(max-width:1400px){.facturatie-commandbar{align-items:stretch;flex-direction:column}.facturatie-commandbar__context{flex-wrap:wrap}.facturatie-commandbar__actions{flex-wrap:wrap;justify-content:flex-end}.facturatie-table-toolbar{align-items:stretch;flex-direction:column}}@media(max-width:1400px){.facturatie-table-toolbar>.facturatie-status-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.facturatie-table-toolbar>.facturatie-status-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.facturatie-table-toolbar>.facturatie-status-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.facturatie-page{gap:10px}.facturatie-commandbar{gap:14px;padding:12px}.facturatie-commandbar__context{align-items:stretch;display:grid}.facturatie-commandbar__actions{align-items:stretch;display:grid;grid-template-columns:1fr}.facturatie-commandbar__actions .btn,.facturatie-commandbar__actions .facturatie-tariff-link{justify-content:center;width:100%}.facturatie-import-chip{max-width:100%}.facturatie-week-picker{gap:8px;justify-content:space-between}.facturatie-week-picker__label{min-width:0}.facturatie-current-week{display:none}.facturatie-table-toolbar{align-items:stretch;flex-direction:column;padding:9px}.facturatie-table-toolbar>.facturatie-status-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.facturatie-table-shell .facturatie-status-filter{min-height:96px;padding:12px}.facturatie-table-shell .table-header-actions{margin-left:0}.facturatie-table-shell .table-header-actions,.facturatie-bulk-approve{justify-content:center;width:100%}}.facturatie-rate-match{display:block;margin-top:.25rem;color:var(--text-muted);line-height:1.35}.facturatie-manual-hours{align-items:center;background:#fffaf0;border:1px solid #ecd59f;border-radius:9px;display:grid;gap:8px;grid-template-columns:auto minmax(150px,1fr);padding:9px 10px}.facturatie-manual-hours>strong{color:#81510c;font-size:.82rem;white-space:nowrap}.facturatie-manual-hours>input{background:#fff;border:1px solid #cbd4e0;border-radius:7px;color:var(--text-color, #172033);min-height:34px;padding:6px 9px;width:100%}.facturatie-manual-hours>input:focus{border-color:var(--accent-color, #c1272d);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color, #c1272d) 14%,transparent);outline:none}.facturatie-rate-loading{align-items:center;color:var(--text-muted);display:flex;font-size:.82rem;gap:8px;min-height:54px;padding:10px 2px}@media(max-width:600px){.facturatie-manual-hours{grid-template-columns:1fr}}.modal-backdrop.facturatie-modal-backdrop:has(.facturatie-refresh-modal){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2400}.facturatie-refresh-modal{border:0;border-radius:18px;box-shadow:0 28px 80px #0f172a40;display:grid;gap:18px;max-height:min(860px,calc(100vh - 32px));max-width:1040px;overflow:auto;padding:24px;width:calc(100% - 32px)}.facturatie-refresh-modal__header{align-items:center;display:grid;gap:14px;grid-template-columns:auto 1fr auto}.facturatie-refresh-modal__header h2{font-size:1.32rem;margin:2px 0 0}.facturatie-refresh-modal__eyebrow{color:#17713f;font-size:.68rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.facturatie-refresh-modal__icon{align-items:center;background:#e7f5ed;border-radius:13px;color:#17713f;display:flex;font-size:1.15rem;height:46px;justify-content:center;width:46px}.facturatie-refresh-modal>p{color:var(--text-muted, #687386);line-height:1.55;margin:-4px 0 0 60px}.facturatie-refresh-modal__loading{align-items:center;background:#f5f7fb;border-radius:11px;color:#41526c;display:flex;gap:11px;min-height:86px;padding:20px}.facturatie-refresh-modal__summary{align-items:center;background:#f6f8fb;border:1px solid #e0e6ee;border-radius:14px;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;padding:15px}.facturatie-refresh-modal__summary>div{display:grid;gap:2px;padding:4px 12px}.facturatie-refresh-modal__summary span{color:var(--text-muted, #687386);font-size:.72rem;font-weight:700}.facturatie-refresh-modal__summary strong{font-size:1rem}.facturatie-refresh-modal__summary small{font-size:.86rem;font-weight:750}.facturatie-refresh-modal__summary>i{color:#94a0b1}.facturatie-refresh-modal__summary-new{background:#eaf7ef;border-radius:10px;color:#17663b}.facturatie-refresh-modal__compare{display:grid;gap:14px;grid-template-columns:1fr 1fr;min-height:180px}.facturatie-refresh-modal__compare>section{border:1px solid #dfe5ed;border-radius:13px;min-width:0;overflow:hidden}.facturatie-refresh-modal__compare h3{background:#f6f8fb;border-bottom:1px solid #dfe5ed;font-size:.78rem;letter-spacing:.04em;margin:0;padding:11px 14px;text-transform:uppercase}.facturatie-refresh-modal__lines{max-height:320px;overflow:auto}.facturatie-refresh-modal__lines article{align-items:start;border-bottom:1px solid #edf0f4;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.facturatie-refresh-modal__lines article:last-child{border-bottom:0}.facturatie-refresh-modal__lines article>div{display:grid;gap:3px;min-width:0}.facturatie-refresh-modal__lines article>div:last-child{text-align:right}.facturatie-refresh-modal__lines strong{font-size:.76rem;overflow-wrap:anywhere}.facturatie-refresh-modal__lines span{color:var(--text-muted, #687386);font-size:.68rem}.facturatie-refresh-modal__empty{color:var(--text-muted, #687386);padding:20px}.facturatie-refresh-modal__notice{align-items:center;background:#fff9ed;border:1px solid #efdbb0;border-radius:11px;color:#745115;display:flex;font-size:.75rem;gap:12px;padding:11px 13px}.facturatie-refresh-modal__notice>i{font-size:1rem}.facturatie-refresh-modal__notice span{display:grid;gap:2px}.facturatie-refresh-modal footer{display:flex;gap:10px;justify-content:flex-end}.facturatie-refresh-button{margin-right:auto}@media(max-width:700px){.facturatie-refresh-modal{padding:18px}.facturatie-refresh-modal>p{margin-left:0}.facturatie-refresh-modal__compare{grid-template-columns:1fr}.facturatie-refresh-modal__summary{gap:8px}.facturatie-refresh-modal footer{background:var(--card-bg, #fff);bottom:-18px;display:grid;grid-template-columns:1fr;margin:0 -18px -18px;padding:12px 18px 18px;position:sticky;z-index:2}.facturatie-refresh-modal footer .btn{justify-content:center}}.facturatie-refresh-modal__approval{align-items:flex-start;cursor:pointer;display:flex;font-weight:600;gap:.55rem;margin-top:.65rem}.facturatie-refresh-modal__approval input{flex:0 0 auto;margin-top:.2rem}.facturatie-recurring-panel{border-top:1px solid var(--border-color);display:grid;gap:8px;margin-top:4px;padding-top:12px}.facturatie-recurring-panel__heading{align-items:center;display:flex;justify-content:space-between}.facturatie-recurring-panel__heading>span:first-child{display:grid;gap:2px}.facturatie-recurring-panel__heading strong{font-size:.85rem}.facturatie-recurring-panel__heading small,.facturatie-recurring-panel__empty{color:var(--text-muted);font-size:.72rem;margin:0}.facturatie-recurring-panel__count{align-items:center;background:#eef1f5;border-radius:999px;display:flex;font-size:.72rem;font-weight:700;height:26px;justify-content:center;min-width:26px;padding:0 8px}.facturatie-recurring-list{display:grid;gap:6px;max-height:250px;overflow-y:auto;min-height:0;padding-right:4px}.facturatie-recurring-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--border-color);border-radius:8px}.facturatie-recurring-list span{display:flex;gap:8px}.facturatie-recurring-list>div>span:first-child{flex-direction:column;gap:2px}.facturatie-recurring-list__actions{flex:0 0 auto}.facturatie-recurring-icon-button{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.facturatie-recurring-icon-button--delete{color:var(--danger-color, #b42318)}.facturatie-recurring-quantity-drawer{width:min(520px,100%)}.facturatie-recurring-quantity-drawer .facturatie-drawer__header{padding:18px 20px 14px}.facturatie-recurring-quantity-drawer .facturatie-drawer__header h2{margin-bottom:4px}.facturatie-recurring-quantity-drawer .facturatie-drawer__body{align-content:start;gap:13px;padding:16px 20px}.facturatie-recurring-quantity-drawer .facturatie-drawer__footer{padding:12px 20px}.facturatie-recurring-quantity-summary{background:var(--bg-tertiary, #f5f7fa);border:1px solid var(--border-color);border-radius:10px;display:grid;gap:2px;padding:12px 14px}.facturatie-recurring-quantity-summary span{color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.facturatie-recurring-quantity-summary strong{color:var(--text-color);font-size:1rem}.facturatie-recurring-quantity-summary small{color:var(--text-secondary);font-size:.82rem}.facturatie-recurring-quantity-field{display:grid;gap:5px}.facturatie-recurring-quantity-field>span{color:var(--text-color);font-size:.8rem;font-weight:700}.facturatie-recurring-quantity-help{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.facturatie-modal-header-actions{display:flex;align-items:center;gap:8px}.facturatie-page .facturatie-commandbar{background:var(--card-bg, #fff);box-shadow:none;flex-flow:row wrap;gap:8px;padding:8px 12px}.facturatie-commandbar .facturatie-status-filters{flex:1 1 auto;gap:8px;justify-content:center}.facturatie-commandbar .facturatie-status-filter{background:var(--card-bg, #fff);border:2px solid var(--border-color, #d9dfe7);border-radius:10px;color:var(--text-color, #172033);font-size:.85rem;font-weight:700;justify-content:center;min-height:42px;min-width:116px;padding:6px 12px;box-shadow:0 2px 5px #0000000f}.facturatie-commandbar .facturatie-status-filter .facturatie-status-count{align-items:center;background:color-mix(in srgb,var(--accent-color, #c1272d) 12%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--accent-color, #c1272d) 28%,var(--border-color, #d9dfe7));border-radius:999px;box-sizing:border-box;color:var(--text-color, #172033);display:inline-flex;flex:0 0 auto;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:750;height:26px;justify-content:center;line-height:1;min-width:26px;padding:0 6px;text-align:center}.facturatie-commandbar .facturatie-status-filter span{font-size:inherit}.facturatie-commandbar .facturatie-status-filter:hover{border-color:var(--accent-color, #c1272d)}.facturatie-commandbar .facturatie-status-filter.is-active{background:var(--accent-color, #c1272d);border-color:var(--accent-color, #c1272d);color:#fff;box-shadow:0 3px 8px color-mix(in srgb,var(--accent-color, #c1272d) 24%,transparent)}.facturatie-commandbar .facturatie-status-filter.is-active .facturatie-status-count{background:#fff;border-color:#fff;color:var(--accent-color, #c1272d)}.facturatie-subfilters .facturatie-tariff-link{align-self:center;font-size:.75rem;min-height:36px;padding:6px 10px}.facturatie-subfilters button[aria-pressed=true]{background:var(--accent-color, #c1272d);border-color:var(--accent-color, #c1272d);color:#fff}.facturatie-subfilters button[aria-pressed=true]:hover{background:var(--accent-hover, #a62127);border-color:var(--accent-hover, #a62127)}.facturatie-status-filter:focus-visible{outline:2px solid var(--accent-color, #c1272d);outline-offset:2px}.facturatie-commandbar .facturatie-commandbar__actions{flex-wrap:wrap;gap:6px}.facturatie-commandbar .facturatie-commandbar__actions .btn,.facturatie-commandbar .facturatie-tariff-link{font-size:.75rem;min-height:36px;padding:6px 9px}.facturatie-commandbar .facturatie-week-picker__label{min-width:150px}.facturatie-commandbar .facturatie-week-picker__label>span{font-size:.65rem}.facturatie-subfilters{display:flex;flex-wrap:wrap;gap:6px}.facturatie-control-note{color:var(--text-color, #172033);font-size:.8rem;margin:0;padding:10px 12px}.facturatie-control-note span{color:var(--text-muted);display:block;font-size:.75rem;margin-top:3px}.facturatie-table-shell td[data-column=reason]{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facturatie-table-shell td[data-column=reason] .cell-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facturatie-table-shell thead .th-text{line-height:1.2;overflow:visible;text-overflow:clip;white-space:normal}.facturatie-open-sources{display:grid;gap:8px}.facturatie-open-sources .btn{align-items:center;display:flex;gap:8px;justify-content:space-between;text-align:left;white-space:normal}.facturatie-open-sources .btn span{display:grid;gap:4px}.facturatie-open-sources small{color:var(--text-muted);font-weight:400}.facturatie-action-needed .facturatie-reason>span>strong{display:block;margin-top:6px}@media(max-width:1200px){.facturatie-commandbar .facturatie-commandbar__actions{flex:1 0 100%;justify-content:flex-end}}@media(max-width:600px){.facturatie-commandbar .facturatie-status-filters{display:flex;flex-wrap:nowrap;width:100%}.facturatie-commandbar .facturatie-status-filters{gap:6px}.facturatie-commandbar .facturatie-status-filter{flex:1 1 0;flex-direction:column;font-size:.85rem;gap:4px;min-width:0;padding:8px 4px}.facturatie-commandbar .facturatie-status-filter span{white-space:nowrap}.facturatie-commandbar .facturatie-commandbar__actions{display:flex}.facturatie-commandbar .facturatie-commandbar__actions .btn,.facturatie-commandbar .facturatie-tariff-link{width:auto}}.facturatie-concept-actions .facturatie-record-action{align-self:center;min-height:36px;padding:5px 10px;font-size:.75rem;gap:7px}.facturatie-record-action--primary{background:var(--accent-color, #c1272d);border-color:var(--accent-color, #c1272d);color:#fff}.facturatie-record-action--primary i{background:#ffffff29;color:inherit}.facturatie-record-action--primary:hover:not(:disabled){background:var(--accent-hover, #a62127);border-color:var(--accent-hover, #a62127);color:#fff}.facturatie-record-action:disabled{box-shadow:none}.facturatie-record-action:disabled:hover{transform:none}@media(max-width:600px){.facturatie-concept-actions{width:100%}.facturatie-concept-actions .facturatie-record-action{justify-content:flex-start;min-height:44px;white-space:normal;width:100%}}.facturatie-concept-actions .facturatie-record-action--icon{flex:0 0 auto;justify-content:center;padding:5px;width:36px}@media(max-width:600px){.facturatie-concept-actions .facturatie-record-action--icon{width:44px}}.facturatie-table-shell .facturatie-reason-badge{background:#edf0f4;border:1px solid #d9dfe7;border-radius:7px;box-sizing:border-box;color:#526177;display:inline-block;font-size:.75rem;font-weight:600;line-height:1.4;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.facturatie-table-shell .facturatie-reason-badge--info{background:#eef5ff;border-color:#bfd5f5;color:#254f82}.facturatie-table-shell .facturatie-reason-badge--warning{background:#fff7ed;border-color:#f0c98d;color:#9a5708}.facturatie-table-shell .facturatie-reason-badge--danger{background:#fff3f3;border-color:#efc3c5;color:#8e2227}.facturatie-table-shell .facturatie-reason-badge--success{background:#ecfdf3;border-color:#86efac;color:#166534}.facturatie-invoice-row--ready{--invoice-status-color: #23814a}.facturatie-invoice-row--open{--invoice-status-color: #c57508}.facturatie-invoice-row--completed{--invoice-status-color: #687386}.facturatie-table-shell .standard-table .facturatie-invoice-row>td{background:color-mix(in srgb,var(--invoice-status-color) 10%,var(--table-row-bg))!important}.facturatie-table-shell .standard-table .facturatie-invoice-row:hover>td{background:color-mix(in srgb,var(--invoice-status-color) 18%,var(--table-row-bg))!important}.facturatie-invoice-row>td:first-child{box-shadow:inset 3px 0 var(--invoice-status-color)}.facturatie-invoice-row>td[data-column=statusDisplay]{font-weight:700}.facturatie-detail-drawer .facturatie-drawer__header{padding:18px 20px 14px}.facturatie-detail-drawer .facturatie-drawer__body{align-content:start;gap:16px;padding:18px 20px;min-width:0}.facturatie-detail-drawer .facturatie-detail-section{padding-bottom:16px;min-width:0}.facturatie-detail-drawer .facturatie-detail-section h3{font-size:.78rem;font-weight:400;letter-spacing:.04em;line-height:1.4;margin:0 0 10px}.facturatie-detail-drawer .facturatie-tariff-section-heading{min-height:0;padding:0;font-weight:400}.facturatie-detail-drawer .facturatie-customer-choice+.facturatie-applied-tariff-section{margin-top:0}.facturatie-detail-drawer .facturatie-customer-choice h3{margin-bottom:0}.facturatie-detail-drawer .form-control{border-radius:8px!important;font-size:.82rem!important}.facturatie-detail-drawer .facturatie-customer-combobox__input{min-height:38px;padding-top:8px;padding-bottom:8px;font-weight:500}.facturatie-detail-drawer .facturatie-customer-choice__options button{font:inherit;border-radius:8px}.facturatie-detail-drawer .facturatie-customer-choice__options button.is-selected{background:color-mix(in srgb,var(--accent-color) 7%,var(--card-bg))}.facturatie-detail-drawer .facturatie-customer-choice__options button:disabled{transform:none}.facturatie-detail-drawer .facturatie-rate-list>div>div{min-width:0}.facturatie-detail-drawer .facturatie-rate-list strong{font-size:.84rem;overflow-wrap:anywhere}.facturatie-detail-drawer .facturatie-rate-list>div>strong{flex-shrink:0}.facturatie-detail-drawer .facturatie-icon-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.facturatie-detail-drawer .facturatie-total{gap:12px;border-top:1px solid var(--border-color);padding-top:12px}.facturatie-detail-drawer .facturatie-total>span{font-size:.82rem;overflow-wrap:anywhere}.facturatie-detail-drawer .facturatie-total>strong{font-size:1.05rem;white-space:nowrap}.facturatie-detail-drawer .facturatie-drawer__footer{padding:12px 20px;gap:8px}.facturatie-detail-drawer .facturatie-footer-tariffs{margin-right:auto;min-height:38px;padding:6px 8px;font-size:.75rem;gap:5px;white-space:normal}.facturatie-detail-drawer .facturatie-drawer__footer .btn{font-size:.8rem!important;border-radius:8px!important;min-height:38px;padding:7px 12px!important}.facturatie-detail-drawer .facturatie-drawer__footer .btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media(max-width:600px){.facturatie-detail-drawer .facturatie-drawer__footer .btn{min-height:44px}.facturatie-detail-drawer .facturatie-drawer__footer{padding-left:10px;padding-right:10px;gap:6px}.facturatie-detail-drawer .facturatie-footer-tariffs{min-height:44px;font-size:.7rem}.facturatie-detail-drawer .facturatie-footer-tariffs i{display:none}.facturatie-detail-drawer .facturatie-total{flex-wrap:wrap}}.facturatie-detail-drawer .facturatie-manual-hours{background:transparent;border:0;border-radius:0;grid-template-columns:auto minmax(120px,180px);justify-content:start;padding:0;margin-top:8px}.facturatie-detail-drawer .facturatie-manual-hours>strong{color:var(--text-color);font-size:.78rem}.facturatie-detail-drawer .facturatie-tariff-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.facturatie-detail-drawer .facturatie-tariff-actions .facturatie-tariff-link{flex:0 1 auto;min-height:32px;padding:4px 8px;font-size:.72rem;gap:5px;white-space:normal}.facturatie-detail-drawer .facturatie-tariff-actions .facturatie-tariff-link i{width:20px;height:20px;font-size:.65rem}.facturatie-source-comparison{min-width:0}.facturatie-tariff-actions{display:flex;gap:8px;align-items:stretch}.facturatie-tariff-actions>.btn{flex:1;min-width:0;white-space:normal}.facturatie-source-comparison table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.82rem}.facturatie-source-comparison th,.facturatie-source-comparison td{border-bottom:1px solid var(--border-color, #d9dfe7);padding:3px 12px;line-height:1.25;text-align:left;vertical-align:top;overflow-wrap:anywhere}.facturatie-source-comparison th:first-child{width:27%;padding-left:0;color:var(--text-muted, #687386);font-weight:400}.facturatie-source-comparison td:last-child,.facturatie-source-comparison thead th:last-child{border-left:1px solid var(--border-color, #d9dfe7)}.facturatie-source-comparison thead th{background:var(--surface-alt, var(--card-bg, #fff));font-weight:600}.facturatie-source-comparison small{display:block;color:var(--text-muted, #687386);font-weight:400;margin-top:3px}.facturatie-source-empty{color:var(--text-muted, #687386)}.facturatie-source-memo summary{cursor:pointer;width:fit-content;padding:2px 0}.facturatie-source-memo>div{margin-top:6px}.facturatie-source-memo p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.facturatie-source-link{margin-top:8px;padding:6px 12px;border-left:3px solid var(--border-color, #d9dfe7);font-size:.82rem}.facturatie-source-link span{display:block;margin-top:4px}@media(max-width:520px){.facturatie-source-comparison table,.facturatie-source-comparison thead,.facturatie-source-comparison tbody{display:block}.facturatie-source-comparison tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.facturatie-source-comparison thead th:first-child{display:none}.facturatie-source-comparison tbody th:first-child{grid-column:1 / -1;width:auto;border:0;padding:5px 0 2px}.facturatie-source-comparison td{padding:2px 10px 5px}.facturatie-source-comparison td:nth-child(2){padding-left:0}}.facturatie-order{border-top:1px solid var(--border-color, #d9dfe7);padding-top:14px}.facturatie-order__toggle{align-items:center;background:none;border:0;color:var(--text-color, #172033);cursor:pointer;display:flex;font:inherit;font-weight:600;justify-content:space-between;padding:8px 0;width:100%}.facturatie-order__toggle span{align-items:center;display:flex;gap:10px}.facturatie-order__body{display:grid;gap:12px;padding:8px 0}.facturatie-order__body p{color:var(--text-muted, #687386);font-size:.85rem;margin:0}.facturatie-order__modes,.facturatie-order__actions{display:flex;flex-wrap:wrap;gap:8px}.facturatie-order__group h4{font-size:.9rem;margin:4px 0 8px}.facturatie-order__group ol{display:grid;gap:6px;list-style:none;margin:0;padding:0}.facturatie-order__group li{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d9dfe7);border-radius:8px;display:flex;gap:10px;padding:8px 10px}.facturatie-order__group li[draggable=true]{cursor:grab}.facturatie-order__group li span{flex:1;overflow-wrap:anywhere}.facturatie-order button:focus-visible{outline:2px solid var(--accent-color, #c1272d);outline-offset:3px}.facturatie-order button:disabled{cursor:default;opacity:.5}.facturatie-order__toggle:hover{color:var(--accent-color, #c1272d)}.operation-progress-backdrop{align-items:center;background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2400}.operation-progress-modal{background:var(--card-bg, #fff);border:1px solid rgba(148,163,184,.35);border-radius:18px;box-shadow:0 24px 70px #0f172a47;display:grid;gap:18px;max-width:460px;padding:28px;width:100%}.operation-progress-modal__icon{align-items:center;background:color-mix(in srgb,var(--primary-color, #2563eb) 13%,transparent);border-radius:14px;color:var(--primary-color, #2563eb);display:flex;font-size:1.2rem;height:48px;justify-content:center;width:48px}.operation-progress-modal__icon i{animation:operation-progress-spin 1.25s linear infinite}.operation-progress-modal__heading{display:grid;gap:5px}.operation-progress-modal__heading>span{color:var(--primary-color, #2563eb);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.operation-progress-modal__heading h2{color:var(--text-color, #172033);font-size:1.18rem;margin:0}.operation-progress-modal__heading p{color:var(--text-muted, #687386);font-size:.86rem;line-height:1.55;margin:0}.operation-progress-modal__track{background:color-mix(in srgb,var(--primary-color, #2563eb) 12%,transparent);border-radius:999px;height:9px;overflow:hidden;position:relative}.operation-progress-modal__track>span{background:linear-gradient(90deg,var(--primary-color, #2563eb),#60a5fa);border-radius:inherit;display:block;height:100%;transition:width .25s ease}.operation-progress-modal__track>.is-indeterminate{animation:operation-progress-slide 1.35s ease-in-out infinite;position:absolute;width:42%}.operation-progress-modal__status{align-items:center;display:flex;font-size:.82rem;justify-content:space-between}.operation-progress-modal__status strong{color:var(--text-color, #172033)}.operation-progress-modal__status span{color:var(--text-muted, #687386)}.operation-progress-modal__note{align-items:center;background:color-mix(in srgb,var(--primary-color, #2563eb) 7%,transparent);border-radius:10px;color:var(--text-muted, #687386);display:flex;font-size:.76rem;gap:8px;margin:0;padding:10px 12px}@keyframes operation-progress-spin{to{transform:rotate(360deg)}}@keyframes operation-progress-slide{0%{left:-45%}to{left:105%}}@media(prefers-reduced-motion:reduce){.operation-progress-modal__icon i,.operation-progress-modal__track>.is-indeterminate{animation-duration:3s}}.billing-modal-backdrop{z-index:1200;padding:24px}.modal-card.billing-modal{max-height:94vh;max-width:96vw;overflow:auto;width:min(1380px,96vw)}.billing-modal-header{align-items:flex-start}.billing-modal-eyebrow{color:var(--primary-color, #f58220);display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.billing-workspace{display:grid;gap:16px;grid-template-columns:minmax(360px,.8fr) minmax(580px,1.4fr);padding:4px 0 16px}.billing-workspace--simple{grid-template-columns:1fr}.billing-panel{background:var(--container-bg, #f7f9fc);border:1px solid var(--border-color, #d6dde8);border-radius:10px;min-width:0;overflow:hidden;padding:14px}.billing-panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.billing-panel-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.billing-settings-button{align-items:center;background:color-mix(in srgb,var(--primary-color, #f58220) 10%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--primary-color, #f58220) 45%,var(--border-color, #d6dde8));border-radius:9px;color:var(--text-color, #172033);cursor:pointer;display:flex;gap:10px;padding:9px 12px;text-align:left;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.billing-settings-button:hover{background:color-mix(in srgb,var(--primary-color, #f58220) 16%,var(--card-bg, #fff));border-color:var(--primary-color, #f58220);transform:translateY(-1px)}.billing-settings-button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color, #f58220) 30%,transparent);outline-offset:2px}.billing-settings-button>i:first-child{color:var(--primary-color, #f58220);font-size:16px}.billing-panel-header .billing-settings-button>span{display:grid;line-height:1.15}.billing-settings-button strong{font-size:12px}.billing-settings-button small{color:var(--text-muted, #64748b);font-size:10px;font-weight:400;margin-top:3px}.billing-settings-chevron{color:var(--primary-color, #f58220);font-size:10px;margin-left:4px}.billing-panel-header h4{font-size:15px;margin:0 0 2px}.billing-panel-header span{color:var(--text-muted, #64748b);display:block;font-size:11px}.billing-modal-actions{border-top:1px solid var(--border-color, #d6dde8);margin-top:0;padding-top:14px}.billing-standard-panel{background:var(--container-bg, #f7f9fc);border:1px solid var(--border-color, #d6dde8);border-radius:10px;margin-bottom:16px;overflow:hidden;padding:14px}.customer-rates-overview .table-controls{width:100%}.customer-rate-mobile-label{display:none}.billing-inactive-toggle{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d6dde8);border-radius:8px;cursor:pointer;display:inline-flex;gap:7px;min-height:32px;padding:5px 10px}.billing-inactive-toggle input{accent-color:var(--primary-color, #f58220);margin:0}.billing-panel-header .billing-inactive-toggle span{color:var(--text-color, #172033);font-size:12px;font-weight:600}.billing-inactive-toggle:focus-within{border-color:var(--primary-color, #f58220);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color, #f58220) 18%,transparent)}.customer-rates-overview tr.billing-rate-row--concept>td,.billing-rate-panel tr.billing-rate-row--concept>td{background:#fff3d6;border-bottom-color:#f2c879;border-top-color:#f2c879}.customer-rates-overview tr.billing-rate-row--concept>td:first-child,.billing-rate-panel tr.billing-rate-row--concept>td:first-child{box-shadow:inset 4px 0 #f59e0b}.customer-rates-overview tr.billing-rate-row--concept:hover>td,.billing-rate-panel tr.billing-rate-row--concept:hover>td{background:#ffe8b3}.customer-rates-overview tr.billing-rate-row--inactive>td{color:var(--text-muted, #64748b);opacity:.82}.customer-rates-overview tr.billing-rate-row--inactive>td:first-child{box-shadow:inset 4px 0 #94a3b8}.modal-card.billing-customer-selection-modal{max-width:94vw;padding:18px;width:min(560px,94vw)}.billing-customer-selection-modal form{display:grid;gap:14px}.billing-customer-standard-rates{background:var(--container-bg, #f7f9fc);border:1px solid var(--border-color, #d6dde8);border-radius:10px;margin-bottom:16px;padding:10px 14px}.billing-customer-standard-rates .billing-panel-header{margin-bottom:7px}.billing-customer-standard-rates .table-container{box-shadow:none;margin:0}.billing-customer-standard-rates .table-footer{display:none}.billing-radio-group{display:grid;gap:6px}.billing-radio-group--inline{display:flex;flex-wrap:wrap;gap:14px}.billing-radio-group label{align-items:center;display:flex;font-size:12px;gap:6px}.billing-submodal-backdrop{align-items:center;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1300}.modal-card.billing-form-modal{max-height:92vh;max-width:94vw;overflow:auto;width:min(720px,94vw)}.billing-standard-rate-form-modal .billing-form-grid{gap:10px;padding-bottom:10px}.billing-standard-rate-form-modal .modal-actions{background:var(--card-bg, #fff);bottom:0;border-top:1px solid var(--border-color, #d6dde8);padding-top:12px;position:sticky;z-index:2}.modal-card.billing-rate-form-modal{max-width:94vw;width:min(900px,94vw)}.billing-rate-form-modal form{display:grid;gap:14px}.modal-card.billing-profile-form-modal{width:min(820px,94vw)}.billing-profile-header{align-items:flex-start;background:color-mix(in srgb,var(--primary-color, #f58220) 10%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--primary-color, #f58220) 38%,var(--border-color, #d6dde8));border-left:4px solid var(--primary-color, #f58220);border-radius:10px;gap:16px;padding:14px 16px}.billing-profile-heading{min-width:0}.billing-profile-eyebrow{align-items:center;color:var(--primary-color, #f58220);display:flex;font-size:10px;font-weight:750;gap:6px;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.billing-profile-header .modal-title{color:var(--text-color, #172033);font-size:19px}.billing-profile-intro{color:var(--text-muted, #64748b);font-size:12px;line-height:1.45;margin:5px 0 0;max-width:610px}.billing-form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 0 16px}.billing-category-grid{display:grid;gap:9px;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 20px}.billing-category-card{align-items:flex-start;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d6dde8);border-radius:9px;color:var(--text-color, #1e293b);cursor:pointer;display:flex;font:inherit;gap:9px;min-height:82px;padding:11px;text-align:left}.billing-category-card:hover{background:var(--container-bg, #f7f9fc);border-color:#9ba8b9}.billing-category-card.is-selected{background:#fff7ef;border-color:var(--primary-color, #f58220);box-shadow:inset 0 0 0 1px var(--primary-color, #f58220)}.billing-category-card>i{color:var(--primary-color, #f58220);margin-top:2px;width:16px}.billing-category-card span{display:grid;gap:4px}.billing-category-card strong{font-size:12px}.billing-category-card small{color:var(--text-muted, #64748b);font-size:10px;line-height:1.35}.billing-category-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.billing-category-grid--compact .billing-category-card{min-height:68px}.billing-editor-step{background:var(--card-bg, #fff);border:1px solid var(--border-color, #d6dde8);border-radius:10px;padding:16px}.billing-editor-step-heading{align-items:flex-start;display:flex;gap:11px;margin-bottom:14px}.billing-editor-step-heading>span,.billing-editor-options>summary>span{align-items:center;background:var(--primary-color, #f58220);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 24px;font-size:12px;font-weight:700;height:24px;justify-content:center}.billing-editor-step-heading h4{font-size:14px;margin:1px 0 3px}.billing-editor-step-heading p{color:var(--text-muted, #64748b);font-size:11px;margin:0}.billing-form-modal .billing-editor-accordion-step{overflow:hidden;padding:0}.billing-form-modal .billing-editor-accordion-step.is-open{border-color:color-mix(in srgb,var(--primary-color, #f58220) 48%,var(--border-color, #d6dde8));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color, #f58220) 7%,transparent)}.billing-editor-accordion-step>.billing-editor-step-heading{margin:0}.billing-editor-step-heading>button{align-items:center;background:transparent;border:0;color:var(--text-color, #1e293b);cursor:pointer;display:flex;font:inherit;gap:11px;padding:16px;text-align:left;width:100%}.billing-editor-step-heading>button:hover{background:var(--container-bg, #f7f9fc)}.billing-editor-step-heading>button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color, #f58220) 28%,transparent);outline-offset:-3px}.billing-editor-step-heading>button>span{align-items:center;background:var(--primary-color, #f58220);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 24px;font-size:12px;font-weight:700;height:24px;justify-content:center}.billing-editor-step-heading>button>strong{font-size:14px}.billing-editor-step-heading>button>i{color:var(--text-muted, #64748b);font-size:11px;margin-left:auto;transition:transform .16s ease}.billing-editor-step-heading>button[aria-expanded=true]>i{transform:rotate(180deg)}.billing-editor-step-content{padding:0 16px 16px}.billing-editor-step-content>.billing-scope-choice{margin-inline:0}.billing-category-more{margin-top:10px}.billing-category-more>summary,.billing-editor-advanced>summary{color:var(--text-color, #1e293b);cursor:pointer;font-size:12px;font-weight:650;padding:7px 2px}.billing-category-more[open]>summary{margin-bottom:8px}.billing-editor-options{padding:0}.billing-editor-options>summary{align-items:center;cursor:pointer;display:flex;gap:11px;list-style:none;padding:16px}.billing-editor-options>summary::-webkit-details-marker{display:none}.billing-editor-options>summary:after{color:var(--text-muted, #64748b);content:"";font-family:"Font Awesome 6 Free";font-size:11px;font-weight:900;margin-left:auto}.billing-editor-options[open]>summary:after{transform:rotate(180deg)}.billing-editor-options>summary>div{display:grid;gap:2px}.billing-editor-options>summary strong{font-size:14px}.billing-editor-options>summary small{color:var(--text-muted, #64748b);font-size:11px;font-weight:400}.billing-editor-options>.billing-form-hint,.billing-editor-options>.billing-form-grid{margin-inline:16px}.billing-editor-options--important{border-color:color-mix(in srgb,var(--primary-color, #f58220) 55%,var(--border-color, #d6dde8));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color, #f58220) 9%,transparent)}.billing-editor-advanced{border-top:1px solid var(--border-color, #d6dde8);padding-top:2px}.billing-editor-advanced[open]>summary{margin-bottom:8px}.billing-status-attention{background:#fff3d6;border:1px solid #f2c879;border-left:4px solid #f59e0b;border-radius:8px;padding:10px}.billing-status-attention>span{color:#9a4d08}.billing-field{display:flex;flex-direction:column;gap:6px;min-width:0}.billing-field>span,.billing-field>label{color:var(--text-color, #1e293b);font-size:12px;font-weight:600}.billing-field-wide{grid-column:1 / -1}.billing-form-section-title{border-top:1px solid var(--border-color, #d6dde8);font-size:14px;margin:4px 0 2px;padding-top:16px}.billing-form-hint{color:var(--text-muted, #64748b);font-size:12px;margin:0 0 14px}.billing-application-mode{border:0;gap:8px;margin:0;padding:0}.billing-application-mode legend{font-size:12px;font-weight:600;margin-bottom:6px}.billing-application-mode p{color:var(--text-muted, #64748b);font-size:11px;margin:0 0 4px}.billing-application-mode label{align-items:center;display:flex;font-size:12px;gap:7px}.billing-arrival-policy{background:color-mix(in srgb,var(--primary-color, #f58220) 5%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--primary-color, #f58220) 30%,var(--border-color, #d6dde8));border-radius:10px;display:grid;gap:14px;padding:14px}.billing-arrival-policy-heading{display:grid;gap:3px}.billing-arrival-policy-heading strong{font-size:13px}.billing-arrival-policy-heading small{color:var(--text-muted, #64748b);font-size:11px}.billing-arrival-self-billing{align-items:flex-start;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d6dde8);border-radius:8px;cursor:pointer;display:flex;gap:9px;padding:10px}.billing-arrival-self-billing.is-selected{background:color-mix(in srgb,var(--primary-color, #f58220) 8%,var(--card-bg, #fff));border-color:var(--primary-color, #f58220);box-shadow:inset 0 0 0 1px var(--primary-color, #f58220)}.billing-arrival-self-billing input{accent-color:var(--primary-color, #f58220);margin-top:2px}.billing-arrival-self-billing span{display:grid;gap:2px}.billing-arrival-self-billing strong{font-size:12px}.billing-arrival-self-billing small{color:var(--text-muted, #64748b);font-size:10px;line-height:1.4}.billing-arrival-direction{border:0;margin:0;padding:0}.billing-arrival-direction legend{font-size:12px;font-weight:700;margin-bottom:7px}.billing-arrival-mode-grid{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.billing-arrival-mode-grid>label{align-items:flex-start;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d6dde8);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:9px}.billing-arrival-mode-grid>label.is-selected{border-color:var(--primary-color, #f58220);box-shadow:inset 0 0 0 1px var(--primary-color, #f58220)}.billing-arrival-mode-grid input{accent-color:var(--primary-color, #f58220);margin-top:2px}.billing-arrival-mode-grid span{display:grid;gap:2px}.billing-arrival-mode-grid strong{font-size:11px}.billing-arrival-mode-grid small{color:var(--text-muted, #64748b);font-size:10px}.billing-arrival-minutes,.billing-arrival-cap{margin-top:9px;max-width:300px}.billing-invoice-grouping{background:color-mix(in srgb,var(--primary-color, #f58220) 6%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--primary-color, #f58220) 32%,var(--border-color, #d6dde8));border-left:4px solid var(--primary-color, #f58220);border-radius:8px;padding:12px 14px 14px}.billing-invoice-grouping legend{color:var(--text-color, #1e293b);font-weight:700;padding-inline:5px}.billing-description-options{border:1px solid var(--border-color, #d6dde8);border-radius:8px;margin:0;padding:12px}.billing-description-options legend{font-size:12px;font-weight:700;padding-inline:5px}.billing-description-options p{color:var(--text-muted, #64748b);font-size:11px;margin:0 0 9px}.billing-description-field-options{display:flex;flex-wrap:wrap;gap:14px}.billing-description-options label{align-items:center;display:flex;font-size:12px;gap:6px}.billing-description-options small{background:var(--container-bg, #f7f9fc);border-radius:6px;display:block;margin-top:11px;padding:8px 10px}.billing-description-order{border-top:1px solid var(--border-color, #d6dde8);margin-top:9px;padding-top:9px}.billing-description-order-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:3px 8px}.billing-description-order-heading strong{font-size:12px}.billing-description-order-heading span{color:var(--text-muted, #64748b);font-size:10px}.billing-description-order ol{display:grid;gap:4px;list-style:none;margin:6px 0 0;padding:0}.billing-description-order li{align-items:center;background:var(--container-bg, #f7f9fc);border:1px solid var(--border-color, #d6dde8);border-radius:6px;cursor:grab;display:grid;gap:7px;grid-template-columns:12px 20px minmax(0,1fr);min-height:31px;padding:4px 7px;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.billing-description-order li:hover{border-color:color-mix(in srgb,var(--primary-color, #f58220) 55%,var(--border-color, #d6dde8))}.billing-description-order li:active{cursor:grabbing}.billing-description-order li:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color, #f58220) 28%,transparent);outline-offset:1px}.billing-description-order li.is-dragging{opacity:.45}.billing-description-order li.is-drop-target{background:color-mix(in srgb,var(--primary-color, #f58220) 9%,var(--container-bg, #f7f9fc));border-color:var(--primary-color, #f58220)}.billing-description-order-handle{color:var(--text-muted, #64748b);font-size:11px;text-align:center}.billing-description-order-position{align-items:center;background:var(--primary-color, #f58220);border-radius:50%;color:#fff;display:inline-flex;font-size:9px;font-weight:700;height:19px;justify-content:center;width:19px}.billing-description-order-label{font-size:11px;min-width:0}.billing-invoice-preview{background:var(--container-bg, #f7f9fc);border-radius:6px;display:grid;gap:4px;margin-top:11px;padding:9px 10px}.billing-invoice-preview span{color:var(--text-muted, #64748b);font-size:10px}.billing-invoice-preview strong{color:var(--text-color, #1e293b);font-size:12px;font-weight:600;overflow-wrap:anywhere}.table-action-btn.billing{color:var(--primary-color, #f58220)}.billing-info-tip{align-items:center;color:var(--primary-color, #f58220)!important;cursor:help;display:inline-flex!important;font-size:13px!important;margin-left:5px;position:relative;vertical-align:middle}.billing-info-tip:focus-visible{border-radius:50%;outline:3px solid color-mix(in srgb,var(--primary-color, #f58220) 28%,transparent);outline-offset:2px}.billing-info-tip-content{background:#172033;border-radius:7px;box-shadow:0 8px 22px #0f172a38;color:#fff!important;font-size:11px!important;font-weight:400;line-height:1.45;max-width:280px;padding:8px 10px;text-align:left;width:max-content}.billing-info-tip-content--portal{left:0;opacity:0;pointer-events:none;position:fixed;top:0;visibility:hidden;z-index:10000}.billing-info-tip-content--portal.is-positioned{opacity:1;visibility:visible}.billing-scope-choice{border:0;display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 16px 14px;padding:0}.billing-scope-choice--three{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-scope-choice legend{font-size:12px;font-weight:700;margin-bottom:8px}.billing-scope-choice>label{align-items:flex-start;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d6dde8);border-radius:9px;cursor:pointer;display:flex;gap:9px;padding:11px}.billing-scope-choice>label.is-selected{background:color-mix(in srgb,var(--primary-color, #f58220) 8%,var(--card-bg, #fff));border-color:var(--primary-color, #f58220);box-shadow:inset 0 0 0 1px var(--primary-color, #f58220)}.billing-scope-choice input{accent-color:var(--primary-color, #f58220);margin-top:2px}.billing-scope-choice label>span{display:grid;gap:3px}.billing-scope-choice strong{font-size:12px}.billing-scope-choice small{color:var(--text-muted, #64748b);font-size:10px;line-height:1.4}.billing-scope-choice>.billing-field-error{grid-column:1 / -1}.billing-field-error{color:#b42318!important;font-size:11px!important;font-weight:600}.billing-field [aria-invalid=true],.billing-scope-choice [aria-invalid=true]{border-color:#d92d20}.billing-inherited-notice{align-items:flex-start;background:#eff8ff;border:1px solid #b2ddff;border-radius:8px;color:#175cd3;display:flex;gap:9px;margin-bottom:14px;padding:10px 12px}.billing-inherited-notice>i{margin-top:2px}.billing-inherited-notice>div{display:grid;gap:2px}.billing-inherited-notice strong{font-size:12px}.billing-inherited-notice span{color:#344054;font-size:11px;line-height:1.45}@media(max-width:1050px){.billing-workspace{grid-template-columns:1fr}.billing-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.billing-modal-backdrop,.billing-submodal-backdrop{padding:8px}.billing-modal{max-height:98vh;width:100%}.billing-form-grid,.billing-category-grid{grid-template-columns:1fr}.billing-category-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-field-wide{grid-column:auto}.billing-panel{padding:10px}.billing-panel-header{align-items:flex-start}.billing-panel-header h4{max-width:220px}.billing-panel-actions{justify-content:flex-start}.billing-scope-choice{grid-template-columns:1fr}.billing-info-tip-content{width:min(260px,75vw)}.customer-rate-mobile-label{display:inline;font-weight:600}}@media(max-width:430px){.billing-category-grid--compact{grid-template-columns:1fr}.billing-editor-step{padding:12px}.billing-form-modal .billing-editor-accordion-step{padding:0}}.billing-manual-line-option{align-items:flex-start;background:color-mix(in srgb,var(--accent-color, #c1272d) 4%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--accent-color, #c1272d) 18%,var(--border-color, #d9dfe7));border-radius:9px;cursor:pointer;display:flex;gap:12px;padding:12px 14px}.billing-manual-line-option>input{accent-color:var(--accent-color, #c1272d);flex:0 0 auto;height:18px;margin-top:2px;width:18px}.billing-manual-line-option>span{display:grid;gap:3px}.billing-manual-line-option strong{color:var(--text-color, #172033);font-size:.8rem}.billing-manual-line-option small{color:var(--text-muted, #687386);font-size:.72rem;font-weight:400}.billing-base-rate-link{background:color-mix(in srgb,var(--primary-color, #f58220) 5%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--primary-color, #f58220) 24%,var(--border-color, #d6dde8));border-radius:9px;padding:12px}.billing-base-rate-link>small{color:var(--text-muted, #64748b);font-size:11px}.billing-base-rate-link ul{display:grid;gap:6px;list-style:none;margin:4px 0 0;padding:0}.billing-base-rate-link li{align-items:baseline;background:var(--container-bg, #f7f9fc);border-radius:6px;display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;padding:7px 9px}.billing-base-rate-link li strong{font-size:11px}.billing-base-rate-link li span{color:var(--text-muted, #64748b);font-size:11px}.masterdata-page{align-content:start;display:grid;gap:6px;padding-top:6px}.masterdata-actions{display:flex;justify-content:flex-end;min-height:30px}.masterdata-table-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:34px}.masterdata-table-toolbar-start{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:0}.masterdata-modal-backdrop{align-items:center}.masterdata-modal{max-width:640px}.masterdata-modal-large-text{max-width:min(920px,calc(100vw - 32px))}.masterdata-modal-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.masterdata-form-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:14px}.masterdata-tabs{align-items:flex-start;align-content:flex-start;display:flex;flex-wrap:wrap;gap:8px;margin:0}.masterdata-page .table-container{margin-bottom:0;margin-top:0}.masterdata-page .table-header{padding-bottom:10px;padding-top:10px}.masterdata-tabs button{align-items:center;background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:6px;box-sizing:border-box;color:var(--text-color, #1d2733);cursor:pointer;display:inline-flex;flex:0 0 auto;font-weight:700;height:30px!important;justify-content:center;line-height:1;max-height:30px;min-height:30px!important;padding:0 10px!important}.masterdata-tabs button.is-active{background:var(--accent-color, #C1272D);border-color:var(--accent-color, #C1272D);color:#fff}.masterdata-field{display:flex;flex-direction:column;gap:6px;font-weight:700}.masterdata-field-wide{grid-column:1 / -1}.masterdata-field span{color:var(--text-primary)}.masterdata-choice-buttons{display:flex;flex-wrap:wrap;gap:8px}.masterdata-choice-buttons button,.masterdata-icon-button{align-items:center;background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:6px;color:var(--text-primary, #1d2733);cursor:pointer;display:inline-flex;font-weight:800;gap:6px;line-height:1;min-height:30px;padding:5px 9px}.masterdata-choice-buttons button.is-active,.masterdata-icon-button.is-active{background:var(--accent-color, #c1272d);border-color:var(--accent-color, #c1272d);color:#fff}.masterdata-checkbox-field{align-items:center;display:inline-flex;font-weight:700;gap:8px}.masterdata-color-field{align-items:center;display:grid;gap:8px;grid-template-columns:44px minmax(0,1fr);min-width:0}.masterdata-color-picker{background:transparent;border:1px solid var(--border-color, #d8dee7);border-radius:6px;cursor:pointer;height:38px;padding:3px;width:44px}.masterdata-color-field .form-control{min-width:0;width:100%}.masterdata-icon-grid{display:flex;flex-wrap:wrap;gap:8px}.masterdata-modal .masterdata-textarea-large{min-height:260px;resize:vertical;width:100%}.masterdata-modal .klanten-email-textarea{min-height:calc(7em + 24px);resize:vertical}.customer-mapping-section{background:var(--container-bg, #f7f9fc);border:1px solid var(--border-color, #d6dde8);border-radius:10px;margin-top:18px;padding:14px}.customer-mapping-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.customer-mapping-header h4{font-size:15px;margin:0 0 2px}.customer-mapping-header span,.customer-mapping-card span,.customer-mapping-card small,.customer-mapping-empty,.customer-mapping-create-hint{color:var(--text-muted, #64748b);font-size:11px}.customer-mapping-list{display:grid;gap:8px}.customer-mapping-card{align-items:center;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d6dde8);border-radius:8px;color:inherit;cursor:pointer;display:grid;font:inherit;gap:10px 12px;grid-template-columns:minmax(0,1fr) auto;padding:11px 12px;text-align:left;width:100%}.customer-mapping-card:hover,.customer-mapping-card:focus-visible{border-color:var(--primary-color, #c1272d);outline:none}.customer-mapping-card--approved{gap:8px;padding-block:8px}.customer-mapping-approved-link{color:var(--text-color, #1f2937);font-size:12px;margin:0;min-width:0;overflow-wrap:anywhere}.customer-mapping-approved-link>span{margin-inline:4px}.customer-mapping-approved-link small{display:block;margin-top:3px}.customer-mapping-edit{align-items:center;display:flex;font-weight:700;gap:6px}.customer-mapping-details{display:grid;gap:2px;min-width:0}.customer-mapping-details span,.customer-mapping-details small{overflow-wrap:anywhere}.customer-mapping-actions{display:flex;gap:6px;grid-column:1 / -1;justify-content:flex-end}.customer-mapping-empty{margin:4px 0}.customer-mapping-create-hint{background:var(--container-bg, #f7f9fc);border:1px solid var(--border-color, #d6dde8);border-radius:8px;margin:18px 0 0;padding:12px}.customer-mapping-selected-routes{background:var(--container-bg, #f7f9fc);border:1px solid var(--border-color, #d6dde8);border-radius:6px;color:var(--text-color, #1f2937);font-size:12px;padding:8px 10px}.customer-mapping-selected-routes ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:6px 0 0;padding:0}.customer-mapping-selected-routes li{background:var(--card-bg, #fff);border:1px solid var(--border-color, #d6dde8);border-radius:999px;overflow-wrap:anywhere;padding:3px 8px}.route-mapping-summary{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px}.route-mapping-summary span{color:var(--text-muted, #64748b);font-size:12px}.route-mapping-summary strong{color:var(--text-color, #1f2937)}.route-mapping-section .modal-actions{padding-bottom:0}.billing-status{border-radius:999px;font-weight:700;padding:4px 8px}.billing-status--concept{background:#fff3d6;color:#8a5a00!important}.billing-status--active{background:#dff5e7;color:#176b3a!important}.billing-status--inactive{background:#edf0f4;color:#657186!important}.customer-rates-overview{min-width:0}.klanten-page .table-controls{width:100%}.klanten-page .standard-table tbody tr.customer-row--mapping-missing td:not(.actions-column):not(.table-filler-cell){background:color-mix(in srgb,#f5b942 9%,var(--card-bg, #fff))}.klanten-page .standard-table tbody tr.customer-row--mapping-missing:hover td:not(.actions-column):not(.table-filler-cell){background:color-mix(in srgb,#f5b942 14%,var(--card-bg, #fff))}.klanten-mapping-intent{align-items:flex-start;background:color-mix(in srgb,var(--accent-color, #c1272d) 6%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--accent-color, #c1272d) 24%,var(--border-color, #d6dde8));border-radius:14px;display:flex;gap:13px;margin-bottom:14px;padding:15px 17px}.klanten-mapping-intent__icon{align-items:center;background:color-mix(in srgb,var(--accent-color, #c1272d) 12%,var(--card-bg, #fff));border-radius:10px;color:var(--accent-color, #c1272d);display:inline-flex;flex:0 0 38px;height:38px;justify-content:center}.klanten-mapping-intent>div{display:grid;gap:4px;min-width:0}.klanten-mapping-intent strong{color:var(--text-color, #172033);font-size:15px;overflow-wrap:anywhere}.klanten-mapping-intent span{color:var(--text-muted, #64748b);font-size:12px;line-height:1.5}@media(max-width:640px){.customer-mapping-header{align-items:flex-start}.customer-mapping-card{align-items:start}.klanten-mapping-intent{padding:13px}}.klanten-page .modal-backdrop,.klanten-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94}.klanten-page .klanten-modern-modal,.klanten-page .billing-modal,.klanten-page .billing-form-modal,.klanten-page .billing-customer-selection-modal{background:var(--card-bg, #fff);border:1px solid color-mix(in srgb,var(--border-color, #d6dde8) 82%,transparent);border-radius:18px;box-shadow:0 28px 70px #0f172a47,0 4px 14px #0f172a1f;padding:0}.klanten-page .klanten-modern-modal>form,.klanten-page .billing-form-modal>form{display:flex;flex-direction:column;min-height:0}.klanten-page .klanten-modern-modal .modal-header,.klanten-page .billing-modal>.modal-header,.klanten-page .billing-form-modal .modal-header,.klanten-page .billing-customer-selection-modal>.modal-header{align-items:center;border-bottom:1px solid var(--border-color, #e2e8f0);margin:0;padding:20px 22px 17px}.klanten-page .klanten-modern-modal .modal-title,.klanten-page .billing-modal>.modal-header .modal-title,.klanten-page .billing-form-modal .modal-title,.klanten-page .billing-customer-selection-modal .modal-title{color:var(--text-color, #172033);font-size:20px;font-weight:750;letter-spacing:-.02em;line-height:1.25;margin:0}.klanten-page .klanten-modern-modal .masterdata-form-grid,.klanten-page .klanten-modern-modal .customer-mapping-section,.klanten-page .klanten-modern-modal .customer-mapping-create-hint,.klanten-page .klanten-modern-modal>form>.account-role-error{margin-left:22px;margin-right:22px}.klanten-page .klanten-modern-modal .masterdata-form-grid{margin-top:20px}.klanten-page .klanten-modern-modal .masterdata-field,.klanten-page .billing-form-modal .billing-field{gap:7px}.klanten-page .klanten-modern-modal .masterdata-field>span,.klanten-page .billing-form-modal .billing-field>span,.klanten-page .billing-form-modal .billing-field>label{color:var(--text-color, #273244);font-size:12px;font-weight:700}.klanten-page .klanten-modern-modal .form-control,.klanten-page .billing-form-modal .form-control{border-radius:9px;min-height:40px}.klanten-page .klanten-modern-modal .modal-actions,.klanten-page .billing-modal>.modal-actions,.klanten-page .billing-form-modal .modal-actions,.klanten-page .billing-customer-selection-modal .modal-actions{background:color-mix(in srgb,var(--container-bg, #f7f9fc) 74%,var(--card-bg, #fff));border-radius:0 0 18px 18px;border-top:1px solid var(--border-color, #e2e8f0);margin-top:20px;padding:15px 22px}.klanten-page .klanten-modern-modal .modal-actions .btn,.klanten-page .billing-modal>.modal-actions .btn,.klanten-page .billing-form-modal .modal-actions .btn,.klanten-page .billing-customer-selection-modal .modal-actions .btn{border-radius:9px;min-height:40px;padding-inline:18px}.klanten-modal-header{gap:16px}.klanten-modal-heading{align-items:center;display:flex;gap:13px;min-width:0}.klanten-modal-heading>div{min-width:0}.klanten-modal-heading p{color:var(--text-muted, #64748b);font-size:12px;line-height:1.45;margin:4px 0 0}.klanten-modal-icon{align-items:center;background:color-mix(in srgb,var(--accent-color, #c1272d) 10%,var(--card-bg, #fff));border:1px solid color-mix(in srgb,var(--accent-color, #c1272d) 22%,transparent);border-radius:11px;color:var(--accent-color, #c1272d);display:inline-flex;flex:0 0 42px;font-size:16px;height:42px;justify-content:center}.klanten-modal-close{align-items:center;background:var(--container-bg, #f7f9fc);border:1px solid var(--border-color, #d6dde8);border-radius:9px;color:var(--text-muted, #64748b);cursor:pointer;display:inline-flex;flex:0 0 36px;font-size:14px;height:36px;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.klanten-modal-close:hover{background:color-mix(in srgb,var(--accent-color, #c1272d) 7%,var(--card-bg, #fff));border-color:color-mix(in srgb,var(--accent-color, #c1272d) 35%,var(--border-color, #d6dde8));color:var(--accent-color, #c1272d)}.klanten-modal-close:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 24%,transparent);outline-offset:2px}.klanten-modal-backdrop .customer-mapping-form-modal{background:var(--card-bg, #fff);border:1px solid color-mix(in srgb,var(--border-color, #d6dde8) 82%,transparent);border-radius:18px;box-shadow:0 28px 70px #0f172a47,0 4px 14px #0f172a1f;padding:0}.klanten-modal-backdrop .customer-mapping-form-modal>.modal-header{align-items:center;border-bottom:1px solid var(--border-color, #e2e8f0);margin:0;padding:20px 22px 17px}.klanten-modal-backdrop .customer-mapping-form-modal .modal-title{color:var(--text-color, #172033);font-size:20px;font-weight:750;letter-spacing:-.02em;line-height:1.25;margin:0}.klanten-modal-backdrop .customer-mapping-form-modal .billing-field{gap:7px}.klanten-modal-backdrop .customer-mapping-form-modal .billing-field>span,.klanten-modal-backdrop .customer-mapping-form-modal .billing-field>label{color:var(--text-color, #273244);font-size:12px;font-weight:700}.klanten-modal-backdrop .customer-mapping-form-modal .form-control{border-radius:9px;min-height:40px}.klanten-modal-backdrop .customer-mapping-form-modal .modal-actions{background:color-mix(in srgb,var(--container-bg, #f7f9fc) 74%,var(--card-bg, #fff));border-radius:0 0 18px 18px;border-top:1px solid var(--border-color, #e2e8f0);margin-top:20px;padding:15px 22px}.klanten-modal-backdrop .customer-mapping-form-modal .modal-actions .btn{border-radius:9px;min-height:40px;padding-inline:18px}.modal-card.customer-mapping-form-modal{max-width:calc(100vw - 24px);overflow:visible;width:min(760px,calc(100vw - 24px))}.customer-mapping-form-content{display:grid;gap:14px;padding:20px 22px 0}.customer-mapping-form-section{background:var(--container-bg, #f7f9fc);border:1px solid var(--border-color, #d6dde8);border-radius:12px;padding:16px}.customer-mapping-form-section--routes{background:color-mix(in srgb,var(--accent-color, #c1272d) 3%,var(--card-bg, #fff));border-color:color-mix(in srgb,var(--accent-color, #c1272d) 20%,var(--border-color, #d6dde8))}.customer-mapping-form-section .billing-form-grid{padding:0}.customer-mapping-form-section .billing-field>small{color:var(--text-muted, #64748b);font-size:11px;margin:-2px 0 3px}.customer-mapping-form-modal>.account-role-error{margin:14px 22px 0}.klanten-page .billing-modal>.account-role-error,.klanten-page .billing-modal>.billing-customer-standard-rates,.klanten-page .billing-modal>.billing-standard-panel,.klanten-page .billing-modal>.billing-workspace,.klanten-page .billing-customer-selection-modal>form{margin-left:22px;margin-right:22px}@media(max-width:640px){.klanten-page .modal-backdrop,.klanten-modal-backdrop{padding:8px}.klanten-page .klanten-modern-modal,.klanten-page .billing-modal,.klanten-page .billing-form-modal{border-radius:14px;max-width:100%;width:100%}.klanten-modal-backdrop .customer-mapping-form-modal{border-radius:14px}.klanten-modal-backdrop .customer-mapping-form-modal>.modal-header{padding:16px}.klanten-modal-backdrop .customer-mapping-form-modal .modal-actions{border-radius:0 0 14px 14px;padding:13px 16px}.klanten-page .klanten-modern-modal .modal-header,.klanten-page .billing-modal>.modal-header,.klanten-page .billing-form-modal .modal-header{padding:16px}.klanten-page .klanten-modern-modal .masterdata-form-grid,.klanten-page .klanten-modern-modal .customer-mapping-section,.klanten-page .klanten-modern-modal .customer-mapping-create-hint{margin-left:16px;margin-right:16px}.customer-mapping-form-content{padding:16px 16px 0}.customer-mapping-form-section{padding:13px}.klanten-modal-icon{display:none}.klanten-modal-heading p{font-size:11px}.klanten-page .klanten-modern-modal .modal-actions,.klanten-page .billing-modal>.modal-actions,.klanten-page .billing-form-modal .modal-actions{border-radius:0 0 14px 14px;padding:13px 16px}}.availability-page{display:grid;gap:16px}.availability-filterbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.availability-filterbar .partial-match-select,.availability-filterbar .multi-filter-combobox{min-width:240px}.availability-week-picker{align-items:end;display:inline-flex;gap:8px}.availability-week-picker label{color:var(--text-secondary, #617080);display:grid;font-size:.75rem;font-weight:800;gap:3px}.availability-week-picker input{border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:var(--text-primary, #1d2733);font-weight:700;height:38px;padding:6px 8px;width:78px}.availability-inline-success{background:#edf8ef;border:1px solid #9bd0a5;border-radius:999px;color:#225d2a;display:inline-flex;font-size:.78rem;font-weight:800;line-height:1.2;padding:4px 9px}.availability-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.availability-board{background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;overflow:auto}.availability-grid{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(7,minmax(126px,1fr));min-width:1100px}.availability-grid-header{background:var(--table-header-bg, #f4f6f9);color:var(--text-primary, #1d2733);font-size:.82rem;font-weight:800;position:sticky;top:0;z-index:2}.availability-grid-header>div,.availability-grid-row>div,.availability-grid-row>button{border-bottom:1px solid var(--border-color, #d8dee7);border-right:1px solid var(--border-color, #d8dee7);min-height:64px;padding:10px}.availability-grid-header>div.is-today{background:color-mix(in srgb,var(--accent-color, #c1272d) 10%,var(--surface-color, #ffffff));box-shadow:inset 0 0 0 2px var(--accent-color, #c1272d);color:var(--text-primary, #1d2733);display:flex;flex-direction:column;gap:3px}.availability-grid-header>div.is-today span{color:var(--accent-color, #c1272d);font-size:.7rem;font-weight:900;text-transform:uppercase}.availability-driver-cell{background:var(--surface-color, #ffffff);display:flex;flex-direction:column;gap:4px;position:sticky;left:0;z-index:1}.availability-driver-cell strong{color:var(--text-primary, #1d2733);font-size:.92rem}.availability-driver-cell span,.availability-cell small,.availability-selection span{color:var(--text-secondary, #617080);font-size:.78rem}.availability-cell{background:var(--surface-color, #ffffff);color:var(--text-primary, #1d2733);cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left}.availability-cell:hover,.availability-cell:focus{box-shadow:inset 0 0 0 2px var(--accent-color, #c1272d);outline:none}.availability-cell.is-today{background:color-mix(in srgb,var(--accent-color, #c1272d) 7%,var(--surface-color, #ffffff));box-shadow:inset 0 0 0 2px var(--accent-color, #c1272d)}.availability-cell-status{align-items:center;display:inline-flex;font-size:.82rem;font-weight:800;gap:8px}.availability-cell-status i{align-items:center;border-radius:999px;display:inline-flex;height:22px;justify-content:center;width:22px}.availability-cell.is-available .availability-cell-status i{background:#dff4e8;color:#176a3a}.availability-cell.is-unavailable .availability-cell-status i,.availability-cell.is-sick .availability-cell-status i{background:#fde3e3;color:#a72d2d}.availability-cell.is-leave .availability-cell-status i{background:#fff0cf;color:#8a5a00}.availability-cell.is-unknown .availability-cell-status i{background:#e7ebf0;color:#596677}.availability-panel{background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;display:grid;gap:12px;padding:16px}.availability-panel h3{margin:0}.availability-panel-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.availability-close-button{align-items:center;background:var(--bg-tertiary, #f1f3f6);border:1px solid transparent;border-radius:8px;color:var(--text-primary, #1d2733);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:1.2rem;font-weight:800;height:34px;justify-content:center;line-height:1;width:34px}.availability-close-button:hover,.availability-close-button:focus{border-color:var(--border-color, #d8dee7);outline:none}.availability-form{display:grid;gap:14px}.availability-selection{display:flex;flex-direction:column;gap:3px}.availability-status-options{display:grid;gap:8px}.availability-status-options button{align-items:center;background:var(--surface-color, #ffffff);border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:var(--text-primary, #1d2733);cursor:pointer;display:inline-flex;font-weight:800;gap:8px;min-height:38px;padding:8px 10px;text-align:left}.availability-day-options{display:grid;gap:8px}.availability-form .availability-day-option,.availability-form .availability-checkbox-row{align-items:center;display:inline-flex;flex-direction:row;font-weight:800;gap:8px}.availability-day-option input,.availability-checkbox-row input{flex:0 0 auto;height:16px;width:16px}.availability-status-options button.is-active{background:var(--accent-color, #c1272d);border-color:var(--accent-color, #c1272d);color:#fff}.availability-form label{display:grid;gap:6px;font-weight:800}.availability-note-field{display:grid;gap:6px}.availability-note-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.availability-note-head label{display:block;font-weight:800}.availability-note-save{flex:0 0 auto;min-height:34px;white-space:nowrap}.availability-form textarea{border:1px solid var(--border-color, #d8dee7);border-radius:8px;min-height:96px;padding:10px 12px;resize:vertical}.availability-alert,.availability-state{background:#fff4e5;border:1px solid #f0c36d;border-radius:8px;color:#7a4d00;padding:12px 14px}.availability-alert-success{background:#edf8ef;border-color:#9bd0a5;color:#225d2a}@media(max-width:1100px){.availability-layout{grid-template-columns:1fr}.availability-panel{order:-1}}.availability-board{max-height:max(380px,calc(100vh - 230px))}.availability-grid-header{z-index:20}.availability-grid-header>div:first-child{background:var(--table-header-bg, #f4f6f9);left:0;position:sticky;z-index:21}.availability-driver-cell{z-index:10}.availability-panel{max-height:calc(100vh - 92px);overflow-y:auto;position:sticky;top:84px;z-index:12}@media(max-width:1100px){.availability-board{max-height:max(380px,calc(100vh - 250px))}.availability-panel{max-height:none;overflow-y:visible;position:static;top:auto}}.availability-drawer-backdrop{animation:availability-drawer-backdrop-in .18s ease-out;background:#0f172a3d;display:flex;justify-content:flex-end;inset:70px 0 0;position:fixed;z-index:150}.availability-drawer{animation:availability-drawer-slide-in .22s cubic-bezier(.16,1,.3,1);background:var(--surface-color, #ffffff);box-shadow:-18px 0 36px #0f172a2e;height:calc(100vh - 70px);max-width:min(440px,100vw);overflow-y:auto;padding:18px;width:440px}.availability-period-form{min-height:100%}.availability-period-form .partial-match-select{min-width:0;width:100%}.availability-period-fields{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.availability-period-fields input{border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:var(--text-primary, #1d2733);font-weight:700;min-height:40px;padding:8px 10px;width:100%}.availability-period-summary{background:var(--bg-tertiary, #f1f3f6);border:1px solid var(--border-color, #d8dee7);border-radius:8px;color:var(--text-secondary, #617080);font-size:.82rem;font-weight:800;padding:9px 10px}.availability-period-form .planning-form-actions{display:flex;gap:10px;justify-content:flex-end}.availability-close-button i{font-size:.95rem}@keyframes availability-drawer-backdrop-in{0%{background:#0f172a00}to{background:#0f172a3d}}@keyframes availability-drawer-slide-in{0%{opacity:.85;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.availability-drawer-backdrop,.availability-drawer{animation:none}}@media(max-width:720px){.availability-drawer{max-width:100vw;width:100vw}.availability-period-fields,.availability-period-form .planning-form-actions{grid-template-columns:1fr}.availability-period-form .planning-form-actions{align-items:stretch;flex-direction:column-reverse}}@media(max-width:768px){.login-container{margin:var(--margin-lg);padding:calc(var(--padding-lg) * 1.5) var(--padding-lg)}.dashboard-page .stats-grid{grid-template-columns:1fr}.accounts-page .role-form{flex-direction:column;align-items:stretch;gap:var(--margin-sm)}.roles-matrix .matrix-table{font-size:calc(var(--font-size-sm) * .85)}.settings-page .settings-container{padding:10px}.settings-page .settings-row{grid-template-columns:1fr;gap:15px}.settings-page .options-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.auth-card{padding:35px 25px;margin:15px}.auth-title{font-size:26px}.auth-logo-circle{width:75px;height:75px;font-size:34px}}.toll-page{display:flex;flex-direction:column;gap:16px}.toll-toolbar{align-items:center;display:flex;gap:18px;justify-content:space-between;overflow:visible;padding:14px 16px;position:relative;z-index:30}.toll-week-navigation,.toll-toolbar-actions,.toll-detail-total{align-items:center;display:flex;gap:10px}.toll-toolbar-actions .toll-toolbar-action{border-radius:9px!important;box-shadow:0 1px 2px #0f172a0f;font-size:.79rem!important;font-weight:700;height:42px;padding:8px 13px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.toll-toolbar-actions .toll-toolbar-action.btn-secondary{background:var(--card-bg, #fff)!important;border-color:color-mix(in srgb,var(--border-color, #d9dfe7) 82%,#aeb8c6)!important;color:var(--text-color, #172033)!important}.toll-toolbar-actions .toll-toolbar-action.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--accent-color, #c1272d) 5%,var(--card-bg, #fff))!important;border-color:color-mix(in srgb,var(--accent-color, #c1272d) 34%,var(--border-color, #d9dfe7))!important;color:var(--accent-color, #c1272d)!important}.toll-toolbar-actions .toll-toolbar-action>i{align-items:center;background:color-mix(in srgb,var(--accent-color, #c1272d) 10%,transparent);border-radius:6px;color:var(--accent-color, #c1272d);display:inline-flex;flex:0 0 auto;font-size:.72rem;height:24px;justify-content:center;width:24px}.toll-toolbar-actions .toll-toolbar-action--primary>i{background:#ffffff29;color:#fff}.toll-toolbar-actions .toll-toolbar-action--icon{min-width:42px;padding:0;width:42px}.toll-toolbar-actions .toll-toolbar-action--icon>i{background:transparent}.toll-toolbar-actions .toll-toolbar-action:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color, #c1272d) 28%,transparent);outline-offset:2px}.toll-toolbar-actions .toll-toolbar-action:disabled{box-shadow:none;opacity:.55;transform:none}.toll-toolbar-context{align-items:flex-end;display:flex;gap:18px}.toll-customer-filter{display:grid;gap:5px;min-width:340px;position:relative;z-index:20}.toll-customer-filter>span{color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.toll-transportklok-status{display:grid;gap:5px}.toll-transportklok-status>span{color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.toll-transportklok-status-row{align-items:center;display:flex;gap:8px}.toll-transportklok-badge{align-items:center;border:1px solid;border-radius:7px;display:inline-flex;font-size:.88rem;font-weight:700;gap:7px;min-height:38px;padding:7px 11px;white-space:nowrap}.toll-transportklok-badge.is-linked{background:#ecfdf3;border-color:#86efac;color:#166534}.toll-transportklok-badge.is-available{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.toll-transportklok-badge.is-missing{background:#fffbeb;border-color:#fcd34d;color:#92400e}.toll-transportklok-badge.is-loading{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.toll-week-navigation>div{display:grid;min-width:150px;text-align:center}.toll-week-navigation span,.toll-summary-card span,.toll-summary-card small,.toll-control-heading p,.toll-modal-backdrop .modal-header p,.toll-decision-facts dt{color:var(--text-secondary)}.toll-week-navigation span,.toll-summary-card span,.toll-decision-facts dt{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.toll-file-input{display:none}.toll-feedback{border:1px solid;border-radius:8px;font-weight:600;padding:11px 14px}.toll-feedback.is-success{background:#ecfdf3;border-color:#86efac;color:#166534}.toll-feedback.is-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.toll-loading{color:var(--text-secondary);font-weight:600;text-align:center}.toll-summary-grid{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.toll-summary-card{background:var(--card-bg, var(--bg-secondary));border:1px solid var(--border-color);border-radius:9px;display:grid;gap:5px;min-height:104px;padding:14px;text-align:left;width:100%}.toll-summary-card-button{color:inherit;cursor:pointer;font:inherit}.toll-summary-card-button:hover{border-color:color-mix(in srgb,var(--accent-color) 55%,var(--border-color))}.toll-summary-card-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 35%,transparent);outline-offset:2px}.toll-summary-card-button.is-active{background:color-mix(in srgb,var(--accent-color) 7%,var(--card-bg, var(--bg-secondary)));box-shadow:inset 0 0 0 2px var(--accent-color)}.toll-summary-card strong{color:var(--text-primary);font-size:1.45rem;line-height:1.1}.toll-summary-card.tone-primary{border-top:4px solid var(--accent-color)}.toll-summary-card.tone-success{border-top:4px solid #16a34a}.toll-summary-card.tone-warning{border-top:4px solid #d97706}.toll-summary-card.tone-muted{border-top:4px solid #64748b}.toll-table-card{padding:14px}.toll-control-heading{align-items:center;display:flex;justify-content:space-between;margin:0 0 12px}.toll-control-heading h2,.toll-control-heading p,.toll-modal-backdrop .modal-header p{margin:0}.toll-control-heading p{font-size:.9rem}.toll-control-heading>span{align-items:center;background:var(--bg-tertiary);border-radius:999px;display:inline-flex;font-weight:700;justify-content:center;min-height:30px;min-width:38px;padding:4px 10px}.toll-modal-backdrop{z-index:1200}.modal-card.toll-decision-modal{max-height:calc(100vh - 48px);max-width:min(980px,calc(100vw - 32px));overflow:visible;width:100%}.toll-modal-backdrop .modal-header{align-items:flex-start;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px}.toll-modal-backdrop .modal-close-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.toll-decision-facts{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 16px}.toll-decision-facts>div{background:var(--bg-tertiary);border-radius:7px;padding:9px 11px}.toll-decision-facts .is-wide{grid-column:1 / -1}.toll-decision-facts dd{margin:3px 0 0;overflow-wrap:anywhere}.toll-decision-select{display:grid;font-weight:600;gap:7px;position:relative;z-index:2}.modal-card.toll-decision-modal.is-charter{overflow-y:auto}.toll-charter-rate-choice{border:0;display:grid;gap:12px;margin:0;padding:0}.toll-charter-rate-choice legend{font-weight:700;margin-bottom:10px}.toll-charter-rate-option{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px}.toll-charter-rate-option:has(input:checked){border-color:var(--accent-color);box-shadow:inset 0 0 0 1px var(--accent-color)}.toll-charter-rate-option input{margin-top:3px}.toll-charter-rate-option span{display:grid;gap:3px}.toll-charter-rate-option small{color:var(--text-secondary)}.toll-charter-amounts{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.toll-charter-amount-choice{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9px;display:grid;gap:8px;padding:12px}.toll-charter-amount-choice.is-selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.toll-charter-amount-choice>span{align-items:center;display:flex;font-weight:700;gap:7px}.toll-decision-select .partial-match-select-option{display:grid;gap:2px}.toll-decision-select .partial-match-select-option-label,.toll-decision-select .partial-match-select-option-meta{line-height:1.35;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.toll-decision-select .partial-match-select-option.warning-warning .partial-match-select-option-meta{color:#92400e}.toll-modal-backdrop .toll-decision-header{align-items:center;gap:12px}.toll-decision-header-copy{flex:1 1 auto;min-width:220px}.toll-decision-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.toll-decision-header-actions .btn{justify-content:center;white-space:nowrap}.toll-bulk-warning{align-items:flex-start;background:#fff7ed;border:1px solid #fdba74;border-radius:10px;color:#9a3412;display:flex;gap:10px;line-height:1.45;padding:12px 14px}.toll-bulk-warning input{margin-top:4px}@media(max-width:1850px){.toll-toolbar{align-items:stretch;flex-direction:column}.toll-toolbar-context{align-items:stretch;flex-wrap:wrap}.toll-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:1100px){.toll-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.toll-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toll-toolbar-actions{display:grid;grid-template-columns:1fr}.toll-toolbar-actions .btn{justify-content:center;width:100%}.toll-toolbar-actions .toll-toolbar-action--icon{justify-self:end;width:42px}.toll-toolbar-context{display:grid;gap:12px}.toll-customer-filter{min-width:0;width:100%}.toll-transportklok-status-row{align-items:stretch;flex-direction:column}.toll-transportklok-badge{justify-content:center;white-space:normal}.toll-decision-facts{grid-template-columns:1fr}.toll-decision-facts .is-wide{grid-column:auto}.toll-charter-amounts{grid-template-columns:1fr}.toll-modal-backdrop .toll-decision-header{display:grid;grid-template-columns:minmax(0,1fr) auto}.toll-decision-header-copy{grid-column:1;grid-row:1;min-width:0}.toll-decision-header-actions{display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:1fr 1fr}.toll-decision-header-actions .btn{width:100%}.toll-decision-header-actions .btn-primary{grid-column:1 / -1}.toll-decision-header>.modal-close-button{grid-column:2;grid-row:1}}.toll-detail-drawer-backdrop{animation:toll-drawer-backdrop-in .18s ease-out;background:#0f172a3d;display:flex;justify-content:flex-end;inset:70px 0 0;position:fixed;z-index:160}.toll-detail-drawer{animation:toll-drawer-slide-in .22s cubic-bezier(.16,1,.3,1);background:var(--surface-color, #ffffff);box-shadow:-18px 0 36px #0f172a2e;display:flex;flex-direction:column;height:calc(100vh - 70px);max-width:min(520px,100vw);overflow-y:auto;padding:18px;width:520px}.toll-detail-drawer-header{align-items:flex-start;border-bottom:1px solid var(--border-color);flex:0 0 auto;margin-bottom:16px;padding-bottom:12px}.toll-detail-drawer-header p{color:var(--text-secondary);margin:0}.toll-detail-drawer .modal-close-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.toll-detail-list{display:grid;gap:8px}.toll-detail-row{align-items:center;background:var(--card-bg, var(--bg-secondary));border:1px solid var(--border-color);border-radius:7px;color:var(--text-primary);cursor:pointer;display:grid;font:inherit;gap:10px;grid-template-columns:155px minmax(0,1fr) auto 14px;padding:10px 12px;text-align:left;width:100%}.toll-detail-row:hover{border-color:var(--accent-color)}.toll-detail-row:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 35%,transparent);outline-offset:2px}.toll-detail-row-meta{display:grid}.toll-detail-row-route{overflow-wrap:anywhere}.toll-detail-row>i{color:var(--text-secondary)}.toll-detail-total{background:var(--surface-color, #ffffff);border-top:2px solid var(--border-color);bottom:0;justify-content:space-between;margin-top:14px;padding-top:14px;position:sticky}@keyframes toll-drawer-backdrop-in{0%{background:#0f172a00}to{background:#0f172a3d}}@keyframes toll-drawer-slide-in{0%{opacity:.85;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.toll-detail-drawer-backdrop,.toll-detail-drawer{animation:none}}@media(max-width:700px){.toll-detail-drawer{max-width:100vw;width:100vw}.toll-detail-row{grid-template-columns:minmax(0,1fr) auto 14px}.toll-detail-row-meta{grid-column:1 / -1}}.metrics-tiles{display:grid;gap:var(--margin-md);margin-bottom:var(--margin-lg)}.metrics-tiles.columns-2{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.metrics-tiles.columns-3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.metrics-tiles.columns-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.metrics-tiles.columns-5{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.metric-tile{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:14px 16px;box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;gap:6px;min-height:110px}.metric-tile .metric-header{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.metric-tile .metric-icon{color:var(--accent-color)}.metric-tile .metric-value{font-size:clamp(1.4rem,1.1rem + .9vw,2.1rem);font-weight:600;line-height:1.1;color:var(--text-primary)}.metric-tile .metric-sub{font-size:var(--font-size-sm);color:var(--text-muted)}.metric-tile.variant-accent{border-color:color-mix(in srgb,var(--accent-color) 50%,transparent)}.metric-tile.variant-accent:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 18%,transparent),transparent 65%);opacity:.4;border-radius:inherit;pointer-events:none}.metric-tile.variant-soft{background:color-mix(in srgb,var(--accent-color) 6%,var(--bg-secondary))}.metric-tile.variant-danger{border-color:var(--danger-color)}.action-bar{display:flex;gap:8px;padding:8px 0 4px;flex-wrap:wrap}.action-bar.align-right{justify-content:flex-end}.action-bar.align-left{justify-content:flex-start}.action-bar.align-center{justify-content:center}.widget-tabs{margin-bottom:var(--margin-lg)}.widget-tabs .tab-list{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:10px;flex-wrap:wrap}.widget-tabs .tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-bottom:none;padding:6px 14px;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:background .2s,color .2s,box-shadow .2s;box-shadow:var(--shadow-xs)}.widget-tabs .tab-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 -2px 4px #0000000a}.widget-tabs .tab-btn:hover{background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-tertiary));color:var(--text-primary)}.widget-tabs .tab-panels{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--border-radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.widget-tabs .tab-panel{display:none;animation:fadeIn .25s ease}.widget-tabs .tab-panel.active{display:block}.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--border-radius);border:1px solid;margin-bottom:var(--margin-md);font-size:var(--font-size-sm);position:relative}.banner-info{background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-secondary));border-color:var(--accent-color);color:var(--text-primary)}.banner-warning{background:color-mix(in srgb,var(--warning-color) 18%,var(--bg-secondary));border-color:var(--warning-color)}.banner-danger{background:color-mix(in srgb,var(--danger-color) 18%,var(--bg-secondary));border-color:var(--danger-color)}.banner-success{background:color-mix(in srgb,var(--success-color) 18%,var(--bg-secondary));border-color:var(--success-color)}.banner .banner-close{position:absolute;right:6px;top:4px;background:none;border:none;color:inherit;font-size:16px;cursor:pointer}.widget-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--margin-lg);display:flex;flex-direction:column}.widget-card-header{padding:10px 16px;font-weight:600;font-size:var(--font-size-base);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.widget-card-body{padding:16px 18px;font-size:var(--font-size-base);color:var(--text-primary)}.widget-card-footer{padding:10px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary);font-size:var(--font-size-sm);color:var(--text-secondary)}.widget-card.variant-accent .widget-card-header{background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color) 30%,var(--bg-tertiary)));color:var(--accent-text-color)}.widget-card.hidden{display:none!important}.partial-match-select{position:relative}.partial-match-select.share-state-shared_current input{border-left:4px solid #128c3b}.partial-match-select.share-state-changed_after_share input{border-left:4px solid #d97706}.partial-match-select-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;border:1px solid var(--border-color, #d5d5d5);border-radius:8px;background:var(--bg-secondary, #fff);box-shadow:0 8px 24px #0000001f}.partial-match-select-menu--portal{position:fixed;z-index:20000}.partial-match-select-filters{position:sticky;top:0;z-index:1;display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-color, #d5d5d5);background:var(--bg-secondary, #fff)}.partial-match-select-filters button{min-width:34px;padding:4px 9px;border:1px solid var(--border-color, #d5d5d5);border-radius:999px;background:var(--bg-tertiary, #f3f3f3);color:var(--text-secondary, #555);cursor:pointer;font-size:.75rem;font-weight:800}.partial-match-select-filters button:hover,.partial-match-select-filters button.is-active{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 14%,var(--bg-secondary, #fff));color:var(--accent-color)}.partial-match-select-filters button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.partial-match-select-group{padding:7px 10px 5px;border-top:1px solid var(--border-color, #d5d5d5);background:var(--bg-tertiary, #f3f3f3);color:var(--text-secondary, #555);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.partial-match-select-option-row:first-of-type .partial-match-select-group{border-top:none}.partial-match-select-subgroup{padding:4px 10px 3px 18px;border-top:1px solid var(--border-color, #d5d5d5);background:color-mix(in srgb,var(--bg-tertiary, #f3f3f3) 72%,transparent);color:var(--text-secondary, #555);font-size:.66rem;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.partial-match-select-option{display:grid;gap:2px;width:100%;text-align:left;border:none;padding:8px 10px;background:transparent;color:var(--text-primary, #111);cursor:pointer}.partial-match-select-option[class*=share-state-]{align-items:center;display:grid;gap:2px 8px;grid-template-columns:12px minmax(0,1fr)}.partial-match-select-option[class*=share-state-]:before{border-radius:999px;content:"";height:8px;width:8px}.partial-match-select-option.share-state-shared_current:before{background:#128c3b}.partial-match-select-option.share-state-changed_after_share:before{background:#d97706}.partial-match-select-option.share-state-not_shared:before{background:#cbd5e1}.partial-match-select-option-label,.partial-match-select-option-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partial-match-select-option[class*=share-state-] .partial-match-select-option-label,.partial-match-select-option[class*=share-state-] .partial-match-select-option-meta{grid-column:2}.partial-match-select-option-meta{color:var(--text-muted, #777);font-size:.75rem;font-weight:600}.partial-match-select-option.active,.partial-match-select-option:hover{background:var(--bg-tertiary, #f3f3f3)}.partial-match-select-option:disabled,.partial-match-select-option:disabled:hover{background:#eceff1;color:#4b5563;cursor:not-allowed;font-weight:500;opacity:1}.partial-match-select-option:disabled .partial-match-select-option-meta{color:#6b7280;font-weight:600}.partial-match-select-option.warning-danger{color:#b91c1c;font-weight:800}.partial-match-select-option.warning-danger:hover,.partial-match-select-option.warning-danger.active{background:color-mix(in srgb,#dc2626 12%,var(--bg-tertiary, #f3f3f3))}.partial-match-select-option.warning-warning{color:#92400e;font-weight:800}.partial-match-select-option.warning-warning:hover,.partial-match-select-option.warning-warning.active{background:color-mix(in srgb,#f59e0b 18%,var(--bg-tertiary, #f3f3f3))}.partial-match-select-empty{padding:8px 10px;color:var(--text-muted, #777)}.widget-data-filter{display:inline-flex;align-items:center;gap:10px}.widget-data-filter-search input.widget-data-filter-input{width:260px}.widget-data-filter-count{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #555);white-space:nowrap}.multi-filter-combobox{position:relative;display:inline-flex;flex-direction:column;gap:6px;min-width:260px}.multi-filter-combobox.is-open{z-index:2600}.multi-filter-combobox-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:8px 12px;cursor:pointer}.multi-filter-combobox-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-filter-combobox-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:2601;border:1px solid var(--border-color, #d5d5d5);border-radius:8px;background:var(--bg-secondary, #fff);box-shadow:0 8px 24px #0000001f;padding:8px}.multi-filter-combobox-menu--portal{display:flex;flex-direction:column;overflow:hidden;position:fixed;z-index:20000}.multi-filter-combobox-menu--portal .multi-filter-combobox-options{flex:1;min-height:0}.multi-filter-combobox-search{position:relative;margin-bottom:8px}.multi-filter-combobox-search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary)}.multi-filter-combobox-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.multi-filter-combobox-actions{display:flex;gap:8px;margin-bottom:8px}.multi-filter-combobox-actions button{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--border-radius);padding:4px 8px;cursor:pointer;font-size:.8rem}.multi-filter-combobox-actions button:disabled{opacity:.6;cursor:not-allowed}.multi-filter-combobox-options{max-height:220px;overflow-y:auto;display:flex;flex-direction:column}.multi-filter-combobox-option{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer}.multi-filter-combobox-option:hover{background:var(--bg-tertiary, #f3f3f3)}.multi-filter-combobox-option.is-disabled{cursor:not-allowed;opacity:.65}.multi-filter-combobox-option-content{display:grid;gap:1px;min-width:0}.multi-filter-combobox-option-content small{color:var(--text-muted);font-size:.72rem}.multi-filter-combobox-empty{padding:8px 6px;color:var(--text-muted)}.multi-filter-combobox-count{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #555)}[data-theme=dark] .sidebar,[data-theme=dark] .top-header,[data-theme=auto] .sidebar,[data-theme=auto] .top-header,.theme-dark .sidebar,.theme-dark .top-header{background:#16281d!important;color:#f8fafc!important;border-bottom:1px solid #2d2d2d!important}@media(prefers-color-scheme:dark){[data-theme=auto] .standard-table,[data-theme=auto] .compact-table{background-color:#232a34!important;color:#f8fafc!important;border-color:#353b45!important}[data-theme=auto] .standard-table th,[data-theme=auto] .compact-table th{background:linear-gradient(135deg,#2d323c 80%,#232a34)!important;color:#e0e6ef!important;border-bottom:1.5px solid #353b45!important;font-weight:600}[data-theme=auto] .standard-table td,[data-theme=auto] .compact-table td{color:#f8fafc!important;background-color:#232a34!important;border-color:#353b45!important}[data-theme=auto] .standard-table tbody tr:hover,[data-theme=auto] .compact-table tbody tr:hover{background-color:#313846!important;color:#fff!important}[data-theme=auto] .standard-table tbody tr,[data-theme=auto] .compact-table tbody tr{background-color:#232a34!important}[data-theme=auto] .standard-table tbody td,[data-theme=auto] .compact-table tbody td{color:#f8fafc!important;background-color:#232a34!important}}[data-theme=dark] .standard-table tbody tr,[data-theme=dark] .compact-table tbody tr,.theme-dark .standard-table tbody tr,.theme-dark .compact-table tbody tr{background-color:#232a34!important}[data-theme=dark] .standard-table tbody td,[data-theme=dark] .compact-table tbody td,.theme-dark .standard-table tbody td,.theme-dark .compact-table tbody td{color:#f8fafc!important;background-color:#232a34!important}[data-theme=dark] .standard-table,[data-theme=dark] .compact-table,.theme-dark .standard-table,.theme-dark .compact-table{background-color:#232a34!important;color:#f8fafc!important;border-color:#353b45!important}[data-theme=dark] .standard-table th,[data-theme=dark] .compact-table th,.theme-dark .standard-table th,.theme-dark .compact-table th{background:linear-gradient(135deg,#2d323c 80%,#232a34)!important;color:#e0e6ef!important;border-bottom:1.5px solid #353b45!important;font-weight:600}[data-theme=dark] .standard-table td,[data-theme=dark] .compact-table td,.theme-dark .standard-table td,.theme-dark .compact-table td{color:#f8fafc!important;border-color:#353b45!important}[data-theme=dark] .standard-table tbody tr:hover,[data-theme=dark] .compact-table tbody tr:hover,.theme-dark .standard-table tbody tr:hover,.theme-dark .compact-table tbody tr:hover{background-color:#313846!important;color:#fff!important}[data-theme=dark] .table,.theme-dark .table{background-color:#232a34!important;color:#f8fafc!important;border-color:#353b45!important}[data-theme=dark] .table-striped tbody tr:nth-of-type(odd),.theme-dark .table-striped tbody tr:nth-of-type(odd){background-color:#262b33!important}[data-theme=dark] .table th,[data-theme=dark] .table thead th,.theme-dark .table th,.theme-dark .table thead th{background:linear-gradient(135deg,#2d323c 80%,#232a34)!important;color:#e0e6ef!important;border-bottom:1.5px solid #353b45!important;font-weight:600}[data-theme=dark] .table td,.theme-dark .table td{color:#f8fafc!important;border-color:#353b45!important}[data-theme=dark] .table tbody tr:hover,.theme-dark .table tbody tr:hover{background-color:#313846!important;color:#fff!important}[data-theme=dark] .table .btn,.theme-dark .table .btn{background-color:#2d323c!important;color:#e0e6ef!important;border-color:#3a4150!important}[data-theme=dark] .table .btn:hover,.theme-dark .table .btn:hover{background-color:#374151!important;color:#fff!important;border-color:#4b5563!important}.modal .form-select{min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important;font-size:16px!important;line-height:1.4!important}.btn-info{background:#e3f0fa!important;color:#1976d2!important;border:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:500}.btn-info:hover,.btn-info:focus{background:#cbe3f7!important;color:#125ea7!important}.btn-success{background:#e6f7ec!important;color:#219150!important;border:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:500}.btn-success:hover,.btn-success:focus{background:#c7eed8!important;color:#176c3a!important}.btn-secondary{background:#f3f4f6!important;color:#5a5a5a!important;border:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:500}.btn-secondary:hover,.btn-secondary:focus{background:#e0e1e3!important;color:#333!important}.btn-warning{background:#fff7e0!important;color:#b8860b!important;border:none!important;border-radius:8px!important;box-shadow:none!important;font-weight:500}.btn-warning:hover,.btn-warning:focus{background:#ffe9b3!important;color:#a0760a!important}.btn{padding:.45rem 1.1rem!important;font-size:1rem!important;letter-spacing:.01em;transition:background .2s,color .2s,box-shadow .2s}html{background-color:var(--bg-primary)!important;color-scheme:light dark}body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=dark] body,.theme-dark body{color-scheme:dark}.sidebar .menu-link{color:var(--sidebar-text-muted)!important}.sidebar .menu-link:hover{color:var(--sidebar-text)!important;background:linear-gradient(0deg,#ffffff2e,#ffffff2e),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px #ffffff47}.sidebar .menu-link.active:hover{background:linear-gradient(0deg,#ffffff2e,#ffffff2e),var(--sidebar-active)!important;box-shadow:inset 0 0 0 1px #ffffff4d}.sidebar .menu-link.active{color:var(--sidebar-text)!important;background:var(--sidebar-active)!important}.sidebar .menu-text{color:inherit!important}.sidebar .user-info{color:var(--sidebar-text-muted)!important}.sidebar .user-info:hover{color:var(--sidebar-text)!important;background:linear-gradient(0deg,#ffffff2e,#ffffff2e),var(--sidebar-hover)!important;box-shadow:inset 0 0 0 1px #ffffff47}.sidebar .logout-btn{color:var(--sidebar-text-muted)!important}.sidebar .user-avatar,[data-theme=light] .sidebar .user-avatar,[data-theme=dark] .sidebar .user-avatar{color:#fff!important}.sidebar .logout-btn:hover{color:var(--sidebar-text)!important}.sidebar .logo h3,.sidebar .sidebar-toggle{color:var(--sidebar-header-ink, var(--sidebar-text))!important}.sidebar .menu-link i,.sidebar .user-info i,.sidebar .logout-btn i{color:inherit!important}p,span,div,label,small{color:var(--text-primary)}strong,b{color:var(--text-primary);font-weight:600}input,textarea,select{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}input:focus,textarea:focus,select:focus{background-color:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}.bg-white,.bg-light{background-color:var(--bg-secondary)!important}.bg-dark{background-color:var(--bg-tertiary)!important}.bg-primary{background-color:var(--accent-color)!important}.text-dark{color:var(--text-primary)!important}.text-light{color:var(--text-secondary)!important}.text-white{color:var(--sidebar-text)!important}.text-primary{color:var(--accent-color)!important}.border{border-color:var(--border-color)!important}.border-light{border-color:var(--border-color-light)!important}.border-primary{border-color:var(--accent-color)!important}.dropdown-menu{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dropdown-item{color:var(--text-primary)!important}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--bg-tertiary)!important;color:var(--accent-color)!important}.table{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.table th{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--accent-color)!important}.table td{border-color:var(--border-color-light)!important;background-color:var(--bg-secondary)!important}.table-striped tbody tr:nth-of-type(odd) td{background-color:var(--bg-tertiary)!important}.card{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.card-header{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.card-body{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.card-footer{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.form-control,.form-select{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;min-height:38px;padding:.575rem .75rem;font-size:.95rem}.form-control:focus,.form-select:focus{background-color:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important;box-shadow:0 0 0 .25rem color-mix(in srgb,var(--accent-color) 25%,transparent)!important}select.form-control{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control option{color:var(--text-primary);background-color:var(--bg-secondary);padding:.5rem .75rem}[data-theme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")}.modal .form-select{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.modal .form-select option{color:var(--text-primary)!important;background-color:var(--bg-secondary)!important}[data-theme=dark] .modal .form-select{background-color:var(--bg-tertiary)!important}.form-label{color:var(--text-primary)!important}.btn{border-radius:var(--border-radius)!important;font-size:var(--font-size-base)!important}.btn-primary{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important}.btn-primary:hover{background-color:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important}.btn-secondary{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.btn-secondary:hover{background-color:var(--border-color)!important;color:var(--text-primary)!important}.facturatie-add-line-button.btn-secondary{background-color:color-mix(in srgb,var(--bg-tertiary) 76%,var(--text-secondary) 24%)!important;border-color:color-mix(in srgb,var(--border-color) 58%,var(--text-secondary) 42%)!important;color:var(--text-primary)!important}.facturatie-add-line-button.btn-secondary:hover,.facturatie-add-line-button.btn-secondary:focus-visible{background-color:color-mix(in srgb,var(--bg-tertiary) 66%,var(--text-secondary) 34%)!important;border-color:color-mix(in srgb,var(--border-color) 46%,var(--text-secondary) 54%)!important;color:var(--text-primary)!important}.navbar{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.navbar-brand,.navbar-nav .nav-link{color:var(--text-primary)!important}.alert{border-radius:var(--border-radius)!important}.alert-success{background-color:color-mix(in srgb,var(--success-color) 15%,var(--bg-secondary))!important;border-color:var(--success-color)!important;color:color-mix(in srgb,var(--success-color) 80%,black)!important}.alert-danger{background-color:color-mix(in srgb,var(--danger-color) 15%,var(--bg-secondary))!important;border-color:var(--danger-color)!important;color:color-mix(in srgb,var(--danger-color) 80%,black)!important}.alert-warning{background-color:color-mix(in srgb,var(--warning-color) 15%,var(--bg-secondary))!important;border-color:var(--warning-color)!important;color:color-mix(in srgb,var(--warning-color) 80%,black)!important}.alert-info{background-color:color-mix(in srgb,var(--info-color) 15%,var(--bg-secondary))!important;border-color:var(--info-color)!important;color:color-mix(in srgb,var(--info-color) 80%,black)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}html{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-tertiary)}::selection{background-color:color-mix(in srgb,var(--accent-color) 30%,transparent);color:var(--text-primary)}::-moz-selection{background-color:color-mix(in srgb,var(--accent-color) 30%,transparent);color:var(--text-primary)}*:focus{outline:2px solid color-mix(in srgb,var(--accent-color) 50%,transparent);outline-offset:2px}.spinner-border,.spinner-grow{color:var(--accent-color)!important}.btn:hover,.card:hover,.list-group-item:hover{transition:all .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.no-transition,.no-transition *{transition:none!important}@media print{*{background-color:#fff!important;color:#000!important;box-shadow:none!important;border-color:#ccc!important}}.sidebar .menu-link i,.sidebar .user-info i,.sidebar .logout-btn i,.sidebar i.fas,.sidebar i.far,.sidebar i.fab{color:inherit!important}.prefix-selector{position:relative;width:100%}.prefix-header{display:flex;align-items:center;justify-content:space-between;padding:.575rem .75rem;border:1px solid #dee2e6;border-radius:.375rem;background-color:#fff;cursor:pointer;min-height:38px}.prefix-header:hover{border-color:#007bff;background-color:#f8f9fa}.prefix-header i{transition:transform .2s ease;color:#6c757d}.prefix-options{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 .375rem .375rem;max-height:250px;overflow-y:auto;box-shadow:0 2px 4px #0000001a}.prefix-option{display:flex;align-items:center;padding:.5rem .75rem;margin:0;cursor:pointer;border-bottom:1px solid #f1f3f4;transition:background-color .15s ease}.prefix-option:last-child{border-bottom:none}.prefix-option:hover{background-color:#f8f9fa}.prefix-option input[type=checkbox]{margin-right:.5rem}.prefix-code{font-weight:600;font-family:Courier New,monospace;background-color:#e9ecef;padding:.2rem .4rem;border-radius:.25rem;margin-right:.5rem;min-width:3rem;text-align:center;font-size:.85rem}.prefix-name{font-size:.9rem;color:#495057}[data-theme=dark] .prefix-header{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .prefix-header:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color)}[data-theme=dark] .prefix-options{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .prefix-option{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .prefix-option:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .prefix-code{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .prefix-name{color:var(--text-secondary)}@media(max-width:768px){.multiselect-option label{padding:.6rem .8rem;flex-direction:column;align-items:flex-start}.prefix-name{margin-left:0;margin-top:.25rem;font-size:.85rem}.prefix-code{margin-right:0;margin-bottom:.25rem}}.roles-matrix .matrix-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.roles-matrix .matrix-table th{background-color:var(--accent-color);color:var(--sidebar-text);text-align:center;padding:var(--padding-md);font-weight:600;font-size:var(--font-size-sm);border:1px solid var(--accent-hover)}.roles-matrix .matrix-table td{background-color:var(--bg-secondary);color:var(--text-primary);text-align:center;padding:var(--padding-sm);border:1px solid var(--border-color);font-size:var(--font-size-sm)}.roles-matrix .matrix-table td:first-child{text-align:left;font-weight:500;background-color:var(--bg-tertiary);color:var(--text-primary)}.roles-matrix .permission-checkbox{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer;margin:0}.roles-matrix .permission-checkbox:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.roles-matrix .permission-checkbox:hover{transform:scale(1.1);transition:transform .2s ease}.roles-matrix .btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--sidebar-text);font-weight:600;box-shadow:var(--shadow-sm)}.roles-matrix .btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.roles-matrix .btn-secondary{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.roles-matrix .btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}@media(max-width:768px){.roles-matrix .matrix-table{font-size:calc(var(--font-size-sm) * .85)}.roles-matrix .matrix-table th,.roles-matrix .matrix-table td{padding:calc(var(--padding-sm) * .75)}.roles-matrix .permission-checkbox{width:16px;height:16px}}[data-theme=dark] .roles-matrix .matrix-table th,.theme-dark .roles-matrix .matrix-table th{background-color:var(--accent-color);color:var(--sidebar-text)}[data-theme=dark] .roles-matrix .matrix-table td:first-child,.theme-dark .roles-matrix .matrix-table td:first-child{background-color:var(--bg-tertiary);color:var(--text-primary)}.roles-matrix .matrix-table tbody tr:hover,.roles-matrix .matrix-table tbody tr:hover td{background-color:color-mix(in srgb,var(--accent-color) 5%,var(--bg-secondary))}.roles-matrix .matrix-table tbody tr:hover td:first-child{background-color:color-mix(in srgb,var(--accent-color) 8%,var(--bg-tertiary))}.roles-matrix .alert{background-color:color-mix(in srgb,var(--info-color) 10%,var(--bg-secondary));border-left:4px solid var(--info-color);color:var(--text-primary);border-radius:var(--border-radius);padding:var(--padding-md);margin-bottom:var(--margin-lg)}.roles-matrix .alert .fas{color:var(--info-color);margin-right:var(--margin-sm)}.roles-matrix .form-control{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius)}.roles-matrix .form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--accent-color) 25%,transparent);background-color:var(--bg-secondary);color:var(--text-primary)}.roles-matrix .form-control::placeholder{color:var(--text-muted)}.table-container{--table-header-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) 24%, var(--bg-tertiary));--table-row-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) 10%, var(--bg-secondary));--table-row-hover-bg: color-mix(in srgb, rgb(var(--table-tint-rgb)) 18%, var(--bg-tertiary));--table-border-tint: color-mix(in srgb, rgb(var(--table-tint-rgb)) 35%, var(--border-color));background:var(--table-row-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:visible;width:100%;max-width:100%;min-width:0;margin:20px 0;transition:box-shadow .3s ease;border:1px solid var(--table-border-tint)}.table-container:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--table-border-tint);background:var(--table-header-bg)}.table-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.table-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-container--compact .table-header{padding:9px 12px}.table-container--compact .table-controls{gap:7px}.table-container--compact .table-search input{font-size:.78rem;padding:6px 10px 6px 30px;width:180px}.table-container--compact .table-search .search-icon{font-size:.75rem;left:10px}.table-container--compact .export-dropdown-btn,.table-container--compact .custom-select,.table-container--compact .columns-dropdown-btn{font-size:.78rem;padding:6px 10px}.table-container--compact .table-rows-selector{gap:6px}.table-container--compact .table-rows-selector label{font-size:.78rem}.table-container--compact .custom-select-wrapper{width:68px}.table-header-actions{align-items:center;display:flex;margin-left:auto}.table-columns-control{position:relative}.columns-dropdown-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease}.columns-dropdown-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-tertiary)}.table-columns-control--compact{display:inline-flex}.columns-toggle-icon{width:20px;height:20px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.columns-toggle-icon:hover{border-color:var(--accent-color);color:var(--accent-color)}.table-columns-control--compact .columns-menu{top:calc(100% + 6px);right:0}.columns-menu{position:absolute;top:calc(100% + 4px);right:0;width:280px;max-width:min(340px,calc(100vw - 24px));background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1100}.columns-menu-header{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:.02em;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.columns-menu-header>span{flex:1 1 100%;min-width:0}.columns-menu-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;width:100%}.columns-reset-width-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;font-size:.6875rem;text-transform:none;letter-spacing:normal;padding:4px 8px;cursor:pointer;white-space:nowrap}.columns-reset-width-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.columns-reset-all-btn{border:1px solid rgba(var(--accent-color-rgb),.35);background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color);border-radius:4px;font-size:.6875rem;text-transform:none;letter-spacing:normal;padding:4px 8px;cursor:pointer;white-space:nowrap}.columns-reset-all-btn:hover{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.16)}.columns-menu-list{max-height:260px;overflow-y:auto;padding:6px}.columns-menu-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:grab}.columns-menu-item.dragging{opacity:.55}.columns-menu-item:hover{background:var(--bg-tertiary)}.columns-drag-handle{width:16px;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.columns-menu-label{display:inline-flex;align-items:center;gap:8px;width:100%;margin:0;color:var(--text-primary);cursor:pointer;font-size:.875rem}.columns-menu-label input[type=checkbox]{margin:0;accent-color:var(--accent-color)}.table-search{position:relative}.table-search input{padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;width:220px;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary)}.table-search input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.15)}.table-search input::placeholder{color:var(--text-muted)}.table-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.875rem;pointer-events:none}.table-rows-selector{display:flex;align-items:center;gap:8px}.table-rows-selector label{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.custom-select-wrapper{position:relative;width:80px}.custom-select{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-select:hover{border-color:var(--accent-color);background:var(--bg-tertiary)}.custom-select .selected-value{font-weight:500;color:var(--text-primary)}.custom-select i{font-size:.75rem;color:var(--text-muted);transition:transform .2s ease}.custom-select:hover i{color:var(--accent-color)}.custom-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000;max-height:250px;overflow-y:auto}.custom-option{padding:8px 12px;cursor:pointer;font-size:.875rem;transition:all .15s ease;color:var(--text-primary)}.custom-option:hover{background:var(--bg-tertiary);color:var(--accent-color)}.custom-option.active{background:var(--accent-color);color:var(--accent-text-color);font-weight:500}.table-export{position:relative}.export-dropdown-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);background:var(--accent-color);color:var(--accent-text-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.export-dropdown-btn i,.export-dropdown-btn svg,.export-dropdown-btn .export-text,.export-dropdown-btn span{color:var(--accent-text-color)!important;fill:var(--accent-text-color)}.export-dropdown-btn:hover{border-color:var(--accent-color);background:var(--accent-hover);color:var(--accent-text-color)}.export-dropdown-btn:hover i,.export-dropdown-btn:hover svg,.export-dropdown-btn:hover .export-text,.export-dropdown-btn:hover span{color:var(--accent-text-color)!important;fill:var(--accent-text-color)}.export-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000;min-width:150px}.export-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;cursor:pointer;font-size:.875rem;color:var(--text-primary);text-align:left;transition:all .15s ease}.export-option:hover{background:var(--bg-tertiary);color:var(--accent-color)}.table-responsive{max-height:max(320px,calc(100vh - 230px));overflow:auto;width:100%;max-width:100%;min-width:0;position:relative;--table-zoom: 1;--table-min-scroll-width: 960px}.table-responsive--scroll{overflow-x:auto;overflow-y:auto}.table-responsive--no-scroll{overflow-x:hidden;overflow-y:auto}.standard-table{width:100%;border-collapse:collapse;table-layout:fixed;--actions-column-width: calc(120px * var(--table-zoom));min-width:100%}.standard-table col.table-filler-col{width:0;min-width:0;max-width:0}.standard-table--has-width-overrides col.table-filler-col{width:auto;max-width:none}.table-responsive--scroll .standard-table{min-width:max(100%,var(--table-min-scroll-width))}.standard-table thead{background:var(--table-header-bg);border-bottom:2px solid var(--table-border-tint)}body .standard-table th{padding:calc(10px * var(--table-zoom)) calc(16px * var(--table-zoom))!important;text-align:left;font-weight:600;font-size:calc(.8125rem * var(--table-zoom));color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1.5;vertical-align:middle!important;height:calc(44px * var(--table-zoom));overflow:visible;text-overflow:ellipsis;position:sticky;top:0;z-index:7;background:var(--table-header-bg)}.standard-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.standard-table th.sortable:hover{background:var(--table-row-hover-bg);color:var(--accent-color)}.standard-table .th-content{display:flex;align-items:center;width:100%;position:relative}.standard-table .th-label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0}.standard-table .th-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.standard-table .th-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.column-resize-handle{position:absolute;top:0;right:-6px;width:12px;height:100%;border:none;background:transparent;cursor:col-resize;z-index:12;padding:0}.column-resize-handle:after{content:"";position:absolute;top:18%;bottom:18%;right:5px;width:1px;background:rgba(var(--accent-color-rgb),.25);transition:background-color .2s ease}.standard-table th:hover .column-resize-handle:after,.column-resize-handle:focus-visible:after{background:var(--accent-color)}body.column-resizing,body.column-resizing *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.sort-icon{color:var(--text-muted);font-size:.75rem;transition:color .2s ease;cursor:pointer;padding:4px;border-radius:4px}.sort-icon i{font-family:"Font Awesome 6 Free";font-weight:900;line-height:1}.sort-icon:hover{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1)}.sort-icon i.active{color:var(--accent-color)}body .standard-table tbody tr{border-bottom:1px solid var(--table-border-tint);transition:background-color .15s ease;height:calc(50px * var(--table-zoom))!important;max-height:calc(50px * var(--table-zoom))!important;background:var(--table-row-bg)}body .standard-table tbody tr.row-clickable{cursor:pointer}body .standard-table tbody tr:hover{background:var(--table-row-hover-bg)}body .standard-table tbody tr:last-child{border-bottom:none}body .standard-table td{padding:calc(10px * var(--table-zoom)) calc(16px * var(--table-zoom))!important;font-size:calc(.875rem * var(--table-zoom));color:var(--text-primary);line-height:1.5;vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .table-container--compact .standard-table th{font-size:.7rem;height:32px;padding:5px 9px!important}body .table-container--compact .standard-table tbody tr{height:34px!important;max-height:34px!important}body .table-container--compact .standard-table td{font-size:.78rem;padding:5px 9px!important}body .table-container--compact .standard-table .actions-column{padding:4px 6px!important}body .standard-table .actions-header{text-align:center;min-width:var(--actions-column-width);width:var(--actions-column-width);max-width:var(--actions-column-width);white-space:nowrap;position:sticky;top:0;right:0;z-index:9;background:var(--table-header-bg);box-shadow:-8px 0 12px -12px #00000073;overflow:visible}body .standard-table .actions-header .actions-header-content{display:inline-flex;align-items:center;justify-content:center;gap:6px}body .standard-table .actions-column{text-align:center;min-width:var(--actions-column-width);width:var(--actions-column-width);max-width:var(--actions-column-width);white-space:nowrap;padding:calc(10px * var(--table-zoom)) calc(8px * var(--table-zoom))!important;position:sticky;right:0;z-index:6;background:var(--table-row-bg);box-shadow:-8px 0 12px -12px #00000073;overflow:visible}body .standard-table .actions-header:before,body .standard-table .actions-column:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--table-border-tint);pointer-events:none}body .standard-table tbody tr:hover .actions-column{background:var(--table-row-hover-bg)}body .standard-table .table-filler-header,body .standard-table .table-filler-cell{width:0;min-width:0;max-width:0;padding:0!important;background:transparent}body .standard-table--has-width-overrides .table-filler-header,body .standard-table--has-width-overrides .table-filler-cell{width:auto;max-width:none}body .standard-table .table-editable-cell{padding-top:calc(6px * var(--table-zoom))!important;padding-bottom:calc(6px * var(--table-zoom))!important}body .standard-table .table-inline-input{width:100%;min-width:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:calc(.82rem * var(--table-zoom));line-height:1.2;padding:calc(6px * var(--table-zoom)) calc(8px * var(--table-zoom))}body .standard-table .table-inline-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.16)}body .standard-table .table-add-row,body .standard-table .table-add-row .actions-column{background:rgba(var(--accent-color-rgb),.06)}body .standard-table .table-add-row-placeholder{color:var(--text-muted)}body .standard-table .table-action-btn.add{border-color:rgba(var(--accent-color-rgb),.28)}body .standard-table .table-action-btn.add:hover{background:var(--accent-color);color:var(--accent-text-color);border-color:var(--accent-color)}.filter-toggle{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px;outline:none}.filter-toggle:focus{outline:none}.filter-toggle:hover{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1)}.filter-toggle i{font-size:.875rem;font-family:"Font Awesome 6 Free";font-weight:900;line-height:1}.filter-toggle i.active{color:var(--accent-color)}.filter-toggle i.active-empty{color:#dc3545}.filter-dropdown{display:none;position:fixed;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:3200;width:280px;max-height:400px;overflow:visible}.filter-search-wrapper{padding:8px;border-bottom:1px solid var(--border-color);display:flex;gap:4px;align-items:center}.filter-search{flex:1;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary)}.filter-search:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.15)}.filter-search::placeholder{color:var(--text-muted)}.filter-search-apply{display:none;padding:6px 10px;border:1px solid var(--accent-color);background:var(--accent-color);color:var(--accent-text-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease;align-items:center;justify-content:center}.filter-search-apply:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-search-apply i{color:var(--accent-text-color)}.filter-options{max-height:300px;overflow-y:auto;padding:4px 0}.filter-actions{padding:8px;border-bottom:1px solid var(--border-color);display:flex;gap:8px;justify-content:space-between}.filter-action-btn{flex:1;padding:6px 10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--border-radius);font-size:.75rem;cursor:pointer;transition:all .2s ease}.filter-action-btn:hover{background:var(--accent-color);color:var(--accent-text-color);border-color:var(--accent-color)}.filter-footer{padding:10px 12px 12px;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;background:var(--bg-primary)}.filter-footer-btn{min-width:96px;padding:7px 12px;border-radius:var(--border-radius);border:1px solid var(--border-color);cursor:pointer;font-size:.8125rem;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.filter-footer-btn-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.filter-footer-btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-footer-btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text-color)}.filter-footer-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.filter-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .15s ease;font-size:.875rem;color:var(--text-primary)}.filter-option:hover{background:var(--bg-tertiary)}.filter-option input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0;accent-color:var(--accent-color)}.filter-option span{flex:1;-webkit-user-select:none;user-select:none}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:var(--bg-secondary)}.filter-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}body .standard-table tbody tr.client-table-group-row{background:color-mix(in srgb,var(--accent-color) 4%,var(--table-row-bg));border-bottom-color:color-mix(in srgb,var(--accent-color) 14%,var(--table-border-tint))}body .standard-table tbody tr.client-table-group-row:hover{background:color-mix(in srgb,var(--accent-color) 7%,var(--table-row-hover-bg))}body .standard-table tbody tr.client-table-group-row>td{color:var(--text-primary);font-weight:650}body .standard-table tbody tr.client-table-group-row .actions-column{background:color-mix(in srgb,var(--accent-color) 4%,var(--table-row-bg))}body .standard-table tbody tr.client-table-group-row:hover .actions-column{background:color-mix(in srgb,var(--accent-color) 7%,var(--table-row-hover-bg))}.client-table-group-toggle{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:9px;max-width:100%;padding:4px 2px;text-align:left}.client-table-group-toggle>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-table-group-toggle:focus-visible{border-radius:5px;outline:3px solid color-mix(in srgb,var(--accent-color) 32%,transparent);outline-offset:2px}.client-table-group-chevron{color:var(--accent-color);flex:0 0 auto;font-size:.72rem;transition:transform .16s ease;width:12px}.client-table-group-toggle[aria-expanded=true] .client-table-group-chevron{transform:rotate(90deg)}body .standard-table tbody tr.client-table-group-child>td:first-child{box-shadow:inset 3px 0 color-mix(in srgb,var(--accent-color) 14%,transparent)}body .standard-table .client-table-group-count{color:var(--text-secondary);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.client-table-group-chevron{transition:none}}.filter-dropdown.filter-dropdown-date-tree{width:320px;max-height:430px;overflow:hidden}.filter-options.filter-options-date-tree{max-height:330px;overflow-y:auto;padding:6px 8px 10px}.date-filter-group{margin:2px 0}.date-filter-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center}.date-filter-group>summary::-webkit-details-marker{display:none}.date-filter-group>summary:before{content:"+";display:inline-block;width:12px;margin-right:2px;color:var(--text-muted);font-size:.75rem;line-height:1;transform:translateY(1px)}.date-filter-group[open]>summary:before{content:"-"}.date-filter-group-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:var(--text-primary);transition:background .15s ease;font-size:.85rem}.date-filter-group-option:hover{background:var(--bg-tertiary)}.date-filter-group-option input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:var(--accent-color)}.date-filter-children{margin-left:10px;padding-left:10px;border-left:1px dashed rgba(var(--accent-color-rgb),.25)}.date-filter-level-year{font-weight:600}.date-filter-level-month{font-weight:500}.date-filter-leaf-option.date-filter-level-day{margin-left:10px}.date-filter-leaf-option.date-filter-level-time{margin-left:18px;font-size:.8125rem}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em;line-height:1.4;vertical-align:middle}.status-actief,.status-active,.status-inactief,.status-inactive,.status-pending,.status-wachtend,.status-completed,.status-voltooid{background:rgba(var(--accent-color-rgb),.15);color:var(--accent-color)}.table-actions{display:flex;gap:4px;justify-content:center;align-items:center;white-space:nowrap;flex-wrap:nowrap}.table-action-btn{padding:5px 8px;border:1px solid var(--border-color);background:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:.8125rem;color:var(--accent-color);white-space:nowrap;flex-shrink:0}.table-action-btn i,.table-action-btn svg{color:var(--accent-color);fill:var(--accent-color)}.table-action-btn.icon-only{padding:5px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;line-height:1}.table-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--accent-color);background:#fff}.table-action-btn:hover i,.table-action-btn:hover svg{color:var(--accent-color);fill:var(--accent-color)}.table-action-btn.edit,.table-action-btn.delete,.table-action-btn.view,.table-action-btn.download{color:var(--accent-color);background:#fff}.table-action-btn.edit i,.table-action-btn.delete i,.table-action-btn.view i,.table-action-btn.download i,.table-action-btn.edit svg,.table-action-btn.delete svg,.table-action-btn.view svg,.table-action-btn.download svg{color:var(--accent-color);fill:var(--accent-color)}.table-action-btn.edit:hover,.table-action-btn.delete:hover,.table-action-btn.view:hover,.table-action-btn.download:hover{border-color:var(--accent-color);background:#fff;color:var(--accent-color)}.table-action-btn.edit:hover i,.table-action-btn.delete:hover i,.table-action-btn.view:hover i,.table-action-btn.download:hover i,.table-action-btn.edit:hover svg,.table-action-btn.delete:hover svg,.table-action-btn.view:hover svg,.table-action-btn.download:hover svg{color:var(--accent-color);fill:var(--accent-color)}.table-footer{padding:12px 20px;border-top:1px solid var(--table-border-tint);background:var(--table-header-bg);display:flex;justify-content:space-between;align-items:center;gap:16px}.table-info{font-size:.875rem;color:var(--text-secondary)}.table-container--compact .table-footer{gap:10px;padding:7px 10px}.table-container--compact .table-info,.table-container--compact .pagination-btn{font-size:.75rem}.table-container--compact .pagination-btn{min-width:28px;padding:4px 8px}.table-pagination{padding:16px 20px;border-top:1px solid var(--table-border-tint);background:var(--table-header-bg)}.pagination-controls{display:flex;justify-content:flex-end;gap:6px;align-items:center}.pagination-btn{padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-primary);transition:all .2s ease;min-width:32px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(.disabled){border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color)}.pagination-btn.active{background:var(--accent-color);color:var(--accent-text-color);border-color:var(--accent-color)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{padding:0 8px;color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.table-header{flex-direction:column;gap:12px;align-items:flex-start}.table-controls{width:100%;flex-wrap:wrap}.table-search input{width:100%}.standard-table{font-size:.8rem}.standard-table th,.standard-table td{padding:10px 12px}.pagination-controls{flex-wrap:wrap}}@media(max-width:1200px){.table-responsive{--table-zoom: .95}}@media(max-width:1100px){.table-responsive{--table-zoom: .9}}@media(max-width:1000px){.table-responsive{--table-zoom: .85}}@media(max-width:900px){.table-responsive--scroll .standard-table{min-width:var(--table-min-scroll-width)}}.table-loading{position:relative;opacity:.6;pointer-events:none}.table-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.client-table-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.client-table-modal.active{display:block}.client-table-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.client-table-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:90%;max-width:500px;animation:slideDown .3s ease;border:1px solid var(--border-color)}.client-table-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:var(--border-radius) var(--border-radius) 0 0}.client-table-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.client-table-modal-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);transition:all .2s ease}.client-table-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.client-table-modal-body{padding:24px;text-align:center}.client-table-modal-icon{width:64px;height:64px;margin:0 auto 20px;background:#ffc1071a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffc107;font-size:28px}.client-table-modal-message{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.5}.client-table-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-tertiary);border-radius:0 0 var(--border-radius) var(--border-radius)}.client-table-btn{padding:10px 20px;border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.client-table-btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.client-table-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.client-table-btn-danger{background:#dc3545;color:#fff;border:1px solid #dc3545}.client-table-btn-danger:hover{background:#c82333;border-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}.draggable-row{cursor:grab;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .2s ease,transform .1s ease;height:50px}.draggable-row:active{cursor:grabbing}.draggable-row:hover{background:rgba(var(--accent-color-rgb),.05)}.draggable-row.dragging{opacity:.5;background:var(--accent-color);color:var(--accent-text-color);transform:scale(1.02);box-shadow:0 4px 12px #00000026}.drag-placeholder{background:rgba(var(--accent-color-rgb),.1);border:2px dashed var(--accent-color);height:50px}.drag-placeholder td{text-align:center;color:var(--accent-color);font-weight:500;vertical-align:middle;font-size:.9rem}.draggable-row td:first-child:before{content:"⋮⋮";position:absolute;left:4px;color:var(--text-muted);font-size:1rem;opacity:0;transition:opacity .2s ease;line-height:1}.draggable-row:hover td:first-child:before{opacity:.6}.draggable-row:hover:before{opacity:1;color:var(--accent-color)}@media print{.table-header,.table-pagination,.table-actions,.table-export,.client-table-modal{display:none!important}.table-container{box-shadow:none;border:1px solid #000}.standard-table{page-break-inside:auto}.standard-table tr{page-break-inside:avoid;page-break-after:auto}.draggable-row:before{display:none}}.table-container.table-container--clean{--clean-surface: var(--card-bg, #fff);--clean-border: var(--border-color, #e1e5e9);--clean-header: color-mix(in srgb, var(--clean-surface) 94%, var(--text-color, #172033));display:flex;flex-direction:column;min-width:0;padding:0;margin:0;border:1px solid var(--clean-border);border-radius:10px;background:var(--clean-surface);box-shadow:0 1px 2px #1118270a;overflow:visible}.table-container--clean .table-header{order:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;background:var(--clean-header);border-radius:10px 10px 0 0;border-bottom:1px solid var(--clean-border)}.table-container--clean .table-title-group{flex:1 0 100%;order:0}.table-container--clean .table-title-group:empty{display:none}.table-container--clean .table-context-controls{order:2;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:0 1 auto;gap:8px;margin-left:auto}.table-container--clean .table-controls{order:1;display:flex;align-items:center;flex-wrap:wrap;flex:1 1 360px;width:auto;gap:7px;margin:0;justify-content:flex-start;box-sizing:border-box;padding:0}.table-container--clean .table-header:has(.facturatie-subfilters){display:flex}.table-container--clean .table-header:has(.facturatie-subfilters) .table-controls{flex:0 1 340px;flex-wrap:nowrap;min-width:220px}.table-container--clean .table-header:has(.facturatie-subfilters) .table-search{flex:1 1 auto;min-width:160px}.table-container--clean .table-header:has(.facturatie-subfilters) .table-context-controls{display:contents}.table-container--clean .table-header:has(.facturatie-subfilters) .facturatie-subfilters{order:2;margin-left:16px}.table-container--clean .table-header:has(.facturatie-subfilters) .facturatie-concept-actions{order:3;margin-left:auto}.table-container--clean .table-search{flex:0 1 300px;margin-right:0}.table-container--clean .table-search input{width:min(100%,360px);min-height:32px;border:1px solid var(--clean-border);border-radius:8px;background:var(--clean-surface);font-size:13px;padding:6px 12px 6px 34px}.table-container--clean :is(.columns-dropdown-btn,.custom-select){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid var(--clean-border);border-radius:8px;background:var(--clean-surface);color:var(--text-color, #45515e);font:inherit;font-size:13px;box-shadow:none;cursor:pointer}.table-container--clean :is(.filter-reset-btn,.export-dropdown-btn){display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;padding:0;border-radius:8px;font-size:13px;box-shadow:none;cursor:pointer}.table-container--clean .export-dropdown-btn{border:1px solid color-mix(in srgb,var(--accent-color) 38%,var(--clean-border));background:color-mix(in srgb,var(--accent-color) 10%,var(--clean-surface));color:var(--accent-color)}.table-container--clean .filter-reset-btn{border:1px solid color-mix(in srgb,var(--accent-color) 25%,var(--clean-border));background:var(--clean-surface);color:var(--accent-color)}.table-container--clean .export-dropdown-btn :is(i,span),.table-container--clean .export-dropdown-btn:hover :is(i,span){color:inherit!important}.table-container--clean button:focus-visible,.table-container--clean th:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.table-container--clean .export-dropdown-btn:hover{border-color:var(--accent-color);background:var(--accent-color);color:var(--accent-text-color, #fff)}.table-container--clean .filter-reset-btn:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 8%,var(--clean-surface));color:var(--accent-hover)}.table-container--clean .table-responsive{order:1;margin:0;flex:1 1 0;min-width:0;box-sizing:border-box;max-height:var(--table-available-height, 60vh);overflow:auto;min-height:0;border-radius:0}body .table-container--clean .standard-table th{position:sticky;top:0;z-index:12;height:calc(36px * var(--table-zoom, 1));padding:5px 12px!important;background:var(--clean-header)!important;color:var(--text-muted, #4c5865)!important;font-size:calc(13px * var(--table-zoom, 1));font-weight:600;text-transform:none;border-bottom:1px solid var(--clean-border)}body .table-container--clean .standard-table .th-text{color:inherit!important}body .table-container--clean .standard-table th:has(.filter-dropdown[style*="display: block"]){z-index:50}.table-container--clean .standard-table td{height:calc(44px * var(--table-zoom, 1));border-bottom:1px solid color-mix(in srgb,var(--clean-border) 65%,transparent)}.table-container--clean .th-actions{opacity:0}.table-container--clean th:is(:hover,:focus-within) .th-actions,.table-container--clean th:has(.fa-sort-up,.fa-sort-down,.fa-filter.active,.fa-filter.active-empty) .th-actions{opacity:1}.table-container--clean>.table-footer{position:relative;z-index:22;order:3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 12px;border-top:1px solid var(--clean-border)}.table-container--clean .table-pagination,.table-container--clean .table-pagination .table-footer{display:contents}.table-container--clean .table-info{order:0;margin-right:auto}.table-container--clean .table-rows-selector{order:1}.table-container--clean .pagination-controls{order:2}.table-container--clean .table-footer .custom-select-options{top:auto;bottom:calc(100% + 6px)}.table-container--clean .custom-option{display:block;width:100%;border:0;text-align:left}.table-container--clean .export-menu{display:block;top:calc(100% + 6px);bottom:auto}.table-container--clean>.table-header{position:relative;z-index:21}@media(hover:none){.table-container--clean .th-actions{opacity:1}}@media(max-width:600px){.table-container--clean .table-context-controls{flex:1 0 100%;justify-content:space-between;margin-left:0}.table-container--clean .table-search{flex-basis:100%}.table-container--clean .table-header:has(.facturatie-subfilters) .table-controls{flex:1 0 100%}.table-container--clean .table-header:has(.facturatie-subfilters) .facturatie-subfilters{flex:1 0 100%;margin-left:0}.table-container--clean .table-search input{width:100%}.table-container--clean .table-footer{align-items:flex-start}.table-container--clean .table-info{flex-basis:100%}}.table-body--default{display:contents}.table-body--clean{order:1;display:flex;min-width:0;min-height:0}.table-container--clean .table-columns-side{order:2;position:relative;flex:0 0 34px;width:34px;min-height:0;max-height:var(--table-available-height, 60vh);border-left:1px solid var(--clean-border);background:var(--clean-header)}.table-container--clean .table-columns-side.is-open{flex-basis:min(270px,65vw);width:min(270px,65vw)}.table-container--clean .columns-side-tab{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;width:34px;min-height:118px;padding:12px 6px;border:0;background:transparent;color:var(--text-color, #45515e);font:inherit;font-size:12px;cursor:pointer}.table-container--clean .columns-side-tab span{transform:rotate(180deg);writing-mode:vertical-rl;white-space:nowrap}.table-container--clean .columns-side-tab :is(i,span){color:inherit!important}.table-container--clean .columns-side-tab:hover,.table-container--clean .columns-side-tab[aria-expanded=true]{color:var(--accent-color);background:var(--clean-surface)}.table-container--clean .table-columns-side .columns-menu{position:absolute;inset:0 0 0 34px;width:auto;min-width:0;max-height:none;margin:0;border:0;border-left:1px solid var(--clean-border);border-radius:0;box-shadow:none;overflow:auto;background:var(--clean-surface)}.table-container--clean .table-columns-side .columns-menu-header{flex-wrap:wrap;gap:6px}.table-container--clean .table-columns-side .columns-menu-list{max-height:none}.app-grid{display:grid;gap:20px}.auth-gate-blank{min-height:100vh;width:100%;background:#fff}.page-skeleton{display:grid;gap:18px}.skeleton{position:relative;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--bg-tertiary) 85%,var(--bg-secondary));border:1px solid var(--border-color)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-100%);animation:skeletonShimmer 1.2s ease-in-out infinite}.card-skeleton{padding:18px;display:grid;gap:10px}.skeleton-line{height:12px;border-radius:999px;background:color-mix(in srgb,var(--bg-primary) 65%,var(--bg-tertiary))}.skeleton-line.line-lg{width:60%;height:16px}.skeleton-line.line-md{width:40%}.skeleton-grid{padding:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.skeleton-card{height:72px;border-radius:12px;background:color-mix(in srgb,var(--bg-primary) 70%,var(--bg-tertiary))}.skeleton-table{padding:18px;display:grid;gap:12px}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.panel-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.inline-form .form-control{min-width:180px}.table-actions{display:flex;gap:8px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-secondary));color:var(--accent-color);font-size:12px;font-weight:600}.modal-backdrop{position:fixed;inset:0;background:#11182773;display:grid;place-items:center;z-index:2000;padding:20px}.modal-card{width:min(520px,100%);background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-title{font-size:18px;font-weight:600;color:var(--accent-color)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.role-matrix-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.role-search{display:flex;align-items:center;gap:8px;min-width:240px}.role-search input{width:100%}.role-pagination{font-size:12px;color:var(--text-secondary)}.tab-row{display:flex;gap:8px;border-bottom:2px solid var(--border-color);margin-bottom:20px}.tab-button{padding:10px 18px;border:none;background:var(--bg-secondary);color:var(--accent-color);border-top-left-radius:8px;border-top-right-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s ease,background .2s ease}.tab-button.active{background:var(--accent-color);color:var(--accent-text-color);box-shadow:var(--shadow-sm)}.ff-tab-bar{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap;margin-bottom:0}.ff-tab{padding:10px 18px;border:1px solid #ccd9d1;background:linear-gradient(#f8fcfa,#eef6f0);color:#355743;border-radius:10px 10px 0 0;text-decoration:none;font-size:13px;font-weight:600;position:relative;top:1px;transition:.2s;cursor:pointer}.ff-tab.active{background:#fff;border-bottom:1px solid #ffffff;box-shadow:0 -2px 6px #0000000a}.ff-panel{background:#fff;border:1px solid #ccd9d1;padding:24px 26px;border-radius:0 14px 14px;box-shadow:0 2px 8px #0000000d}.ff-tab-panel{animation:fadeIn .18s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ff-table{width:100%;border-collapse:collapse}.ff-table th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#486454;font-weight:600;padding:8px 6px;border-bottom:1px solid #e3ece6;background:#f5faf7}.ff-table td{padding:10px 6px;font-size:13px;border-top:1px solid #eef3ef;vertical-align:middle}.ff-table tbody tr:hover{background:#f7fbf9}.ff-switch{position:relative;display:inline-block;width:44px;height:22px}.ff-switch input{opacity:0;width:0;height:0}.ff-slider{position:absolute;cursor:pointer;inset:0;background:#c9d6ce;border-radius:30px;transition:.25s}.ff-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px #00000040}.ff-switch input:checked+.ff-slider{background:#2d8f55}.ff-switch input:checked+.ff-slider:before{transform:translate(22px)}.ff-select{width:100%;padding:6px 8px;font-size:13px;border:1px solid #cfdad3;border-radius:6px;background:#fdfefd}.ff-select:focus{outline:2px solid #2d8f55;outline-offset:1px}.ff-input{width:100%;padding:6px 10px;font-size:13px;border:1px solid #d4dfd8;border-radius:6px;background:#fdfefd;color:#2d4d3a}.ff-input:focus{outline:2px solid #2d8f55;outline-offset:1px;border-color:#2d8f55}.ff-input::placeholder{color:#9bb0a3;font-style:italic}.sidebar.variant-accent-solid{background:var(--sidebar-accent-start);--sidebar-surface: var(--sidebar-accent-start);color:var(--accent-text-color);--sidebar-text: var(--accent-text-color);--sidebar-text-muted: color-mix(in srgb, var(--accent-text-color) 85%, transparent);--sidebar-hover: color-mix(in srgb, var(--accent-text-color) 12%, transparent);--sidebar-active: color-mix(in srgb, var(--accent-text-color) 20%, transparent)}.sidebar.variant-accent-gradient{background:linear-gradient(180deg,var(--sidebar-accent-start) 0%,var(--sidebar-accent-start) 42%,var(--sidebar-accent-end) 100%);--sidebar-surface: linear-gradient( 180deg, var(--sidebar-accent-start) 0%, var(--sidebar-accent-start) 42%, var(--sidebar-accent-end) 100% );color:var(--accent-text-color);--sidebar-text: var(--accent-text-color);--sidebar-text-muted: color-mix(in srgb, var(--accent-text-color) 85%, transparent);--sidebar-hover: color-mix(in srgb, var(--accent-text-color) 12%, transparent);--sidebar-active: color-mix(in srgb, var(--accent-text-color) 20%, transparent)}.sidebar.variant-white{background:#fff;--sidebar-surface: #ffffff;color:var(--accent-color);--sidebar-text: var(--accent-color);--sidebar-text-muted: var(--accent-color);--sidebar-hover: var(--accent-tint, #f2f4f7);--sidebar-active: var(--accent-tint, #e9eef2)}