:root{--color-primary: #b8956a;--color-primary-hover: #a0805a;--color-primary-light: #f5f0eb;--color-background: #f8f6f4;--color-white: #ffffff;--color-black: #1a1a1a;--color-gray-50: #fafafa;--color-gray-100: #f7f7f7;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--color-success: #10b981;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-error: #dc2626;--color-error-bg: #fee2e2;--color-error-text: #991b1b;--color-error-border: #fecaca;--color-error-light: #fca5a5;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-accent-purple: #6366f1;--color-accent-purple-dark: #4338ca;--color-accent-purple-bg: #eef2ff;--color-accent-purple-light: #e0e7ff;--color-accent-pink-bg: #fce7f3;--color-accent-pink-text: #9d174d;--color-accent-orange: #f97316;--color-accent-orange-dark: #ea580c}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:var(--font-sans);background:var(--color-background);color:var(--color-black);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;margin:0 0 var(--spacing-md)}p{margin:0 0 var(--spacing-md)}a{color:var(--color-primary);text-decoration:none}img{max-width:100%;height:auto}.main-nav{background:var(--color-white);padding:var(--spacing-md) var(--spacing-xl);box-shadow:0 2px 8px #0000000a;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-gray-100)}.nav-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);position:relative}.nav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;margin-right:var(--spacing-md)}.nav-logo img{height:50px;width:auto;display:block;object-fit:contain;max-width:200px}.nav-logo img[src=""]{display:none}.nav-links{display:flex;gap:var(--spacing-xl)}.nav-links a{color:var(--color-black);font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width .2s ease}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-menu{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid var(--color-gray-200);background:var(--color-white);cursor:pointer;gap:0;padding:0;transition:border-color .2s ease,box-shadow .2s ease}.nav-toggle:hover{border-color:var(--color-primary);box-shadow:0 2px 6px #b8956a33}.nav-toggle-bar{display:block;width:18px;height:2px;background:var(--color-gray-700);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav-toggle-bar+.nav-toggle-bar{margin-top:4px}.nav-toggle.is-active .nav-toggle-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-active .nav-toggle-bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.is-active .nav-toggle-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.social-icons{display:flex;gap:var(--spacing-sm);align-items:center}.social-icons .social-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--color-gray-600);transition:all .2s ease}.social-icons .social-icon:hover{color:var(--color-primary);transform:translateY(-1px)}.social-icons .social-icon svg{width:18px;height:18px}.social-icon img{width:20px;height:20px;opacity:.7;transition:opacity .2s ease}.social-icon:hover img{opacity:1}.nav-cta{padding:.625rem 1.5rem}.dropdown-arrow{font-size:.6em;margin-left:4px;transition:transform .3s ease;display:inline-block}.dropdown-trigger:hover .dropdown-arrow{transform:translateY(2px)}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown-trigger{background:none;border:none;color:var(--color-black);font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-family:var(--font-sans);padding:0;display:inline-flex;align-items:center;gap:4px;position:relative;transition:color .2s ease;white-space:nowrap;line-height:1}.nav-dropdown-trigger:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width .2s ease}.nav-dropdown-trigger:hover{color:var(--color-primary)}.nav-dropdown-trigger:hover:after{width:100%}.nav-dropdown-trigger .dropdown-arrow{transition:transform .3s ease}.nav-dropdown-trigger:hover .dropdown-arrow{transform:translateY(2px)}.nav-dropdown.is-open .nav-dropdown-trigger .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);margin-top:16px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 12px 40px #00000026,0 4px 12px #00000014;border:1px solid rgba(0,0,0,.06);min-width:200px;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.nav-dropdown-menu:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:14px;height:14px;background:var(--color-white);border:1px solid rgba(0,0,0,.06);border-bottom:none;border-right:none;transform:translate(-50%) rotate(45deg);z-index:1}.nav-dropdown-menu:after{content:"";position:absolute;top:-20px;left:0;right:0;height:20px}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.875rem 1.25rem;color:var(--color-gray-700);font-size:.875rem;font-weight:500;letter-spacing:.02em;transition:all .2s ease;text-decoration:none;position:relative}.nav-dropdown-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);transform:scaleY(0);transition:transform .2s ease}.nav-dropdown-item:hover{background:linear-gradient(90deg,var(--color-primary-light) 0%,rgba(245,240,235,.5) 100%);color:var(--color-primary)}.nav-dropdown-item:hover:before{transform:scaleY(1)}.nav-dropdown-item:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.nav-dropdown-item:after{display:none}.nav-mega-dropdown{position:static}.mega-menu-category{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%;min-width:0}.mega-menu-title{font-family:var(--font-serif);font-size:.9375rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary-light);letter-spacing:.02em}.mega-menu-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mega-menu-item{display:block;padding:var(--spacing-xs) 0;font-size:.875rem;color:var(--color-gray-600);text-decoration:none;transition:all .2s ease}.mega-menu-item:hover{color:var(--color-primary)}.mega-menu-footer{grid-column:1 / -1;border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-md);margin-top:var(--spacing-sm);text-align:center}.mega-menu-view-all{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--color-primary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s ease}.mega-menu-view-all:hover{background:var(--color-primary-light);color:var(--color-primary-hover)}.nav-mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:min(95vw,1400px);box-shadow:0 20px 60px #0000001f,0 8px 25px #00000014;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);margin-top:12px;z-index:1000}.nav-mega-menu:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;background:var(--color-white);rotate:45deg;border-radius:3px;box-shadow:-2px -2px 4px #0000000a}.nav-mega-menu:after{content:"";position:absolute;top:-20px;left:0;right:0;height:20px}.nav-mega-dropdown:hover .nav-mega-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1116;opacity:0;visibility:hidden;border:none;padding:0;margin:0;z-index:999;transition:opacity .2s ease,visibility .2s ease}.nav-overlay.is-visible{opacity:1;visibility:visible}body.nav-open{overflow:hidden}.nav-menu-close{display:none}@media (max-width: 1024px){.main-nav{padding:var(--spacing-sm) var(--spacing-lg)}.nav-content{justify-content:center}.nav-toggle{display:inline-flex;position:absolute;right:0}.nav-menu{position:fixed;top:0;right:-100%;width:min(360px,86vw);height:100vh;height:100dvh;background:var(--color-white);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-lg);padding:calc(var(--spacing-2xl) + 20px) 0 var(--spacing-xl);box-shadow:-12px 0 30px #0000001f;z-index:1000;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-menu.is-open{right:0}.nav-menu-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:all .2s ease;z-index:1}.nav-menu-close:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.nav-links{flex-direction:column;align-items:stretch;width:100%;gap:0}.nav-links>a{display:block;width:100%;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-gray-100);font-size:.9rem;text-align:right}.nav-links>a:after{display:none}.nav-dropdown-trigger{font-size:.9rem}.nav-actions{width:100%;flex-direction:column;align-items:stretch;gap:var(--spacing-md);margin-top:auto;padding:var(--spacing-lg) var(--spacing-xl) 0;border-top:1px solid var(--color-gray-100)}.nav-actions .social-icons{justify-content:flex-end}.nav-cta{width:100%;text-align:center}.nav-dropdown{width:100%;border-bottom:1px solid var(--color-gray-100);flex-direction:column;align-items:stretch}.nav-dropdown-trigger{width:100%;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-xl);text-align:right}.nav-dropdown-trigger:after{display:none}.nav-dropdown.is-open .nav-dropdown-trigger .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu,.nav-mega-menu{position:static;transform:none;opacity:1;visibility:visible;margin:0 0 var(--spacing-sm);width:100%;max-width:100%;display:none;box-shadow:none;border:none;background:var(--color-gray-100);border-radius:var(--radius-md);overflow:visible}.nav-dropdown-menu,.nav-mega-menu{padding:var(--spacing-md) var(--spacing-xl);gap:var(--spacing-lg);overflow:visible;border-radius:0}.nav-mega-menu:before,.nav-mega-menu:after,.nav-dropdown-menu:before,.nav-dropdown-menu:after{content:none}.nav-dropdown.is-open .nav-dropdown-menu,.nav-dropdown.is-open .nav-mega-menu{display:flex;flex-direction:column;transform:none}.mega-menu-category{min-width:0;width:100%;height:auto}.mega-menu-item{white-space:normal;font-size:.8125rem;text-align:right}.mega-menu-title{font-size:.875rem;text-align:right}.nav-dropdown-item{padding:var(--spacing-xs) 0;text-align:right;justify-content:flex-end;font-size:.8125rem;border-bottom:none;background:none}.nav-dropdown-item:before{display:none}.nav-dropdown-item:not(:last-child){border-bottom:none}}@media (max-width: 600px){.main-nav{padding:var(--spacing-sm) var(--spacing-md)}.nav-logo img{height:40px}.nav-toggle{width:38px;height:38px}.nav-toggle-bar{width:16px}}.main-footer{background:#fdf8f6;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-md)}.footer-content{max-width:1400px;margin:0 auto}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl)}.footer-brand-section{flex-shrink:0;min-width:180px}.footer-brand-section .footer-logo{height:50px;margin-bottom:var(--spacing-md)}.footer-brand-section .footer-social{display:flex;flex-direction:row;gap:var(--spacing-sm);justify-content:center;margin-left:15px}.footer-contact-section{flex-shrink:0;min-width:180px}.footer-contact-section h4{font-family:var(--font-sans);font-size:1rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-gray-800);text-align:right}.footer-contact-items{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-end}.footer-contact-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem}.footer-contact-item svg{width:16px;height:16px;flex-shrink:0;color:var(--color-gray-400)}.footer-contact-section a{color:var(--color-gray-600);text-decoration:none;transition:color .2s}.footer-contact-section a:hover{color:var(--color-primary)}.footer-locaties-center{display:flex;justify-content:center;gap:var(--spacing-2xl);flex:1}.footer-locatie h4{font-family:var(--font-sans);font-size:1rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-gray-800)}.footer-locatie-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-locatie-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-600)}.footer-locatie-item svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--color-gray-400)}.footer-locatie-item div{display:flex;flex-direction:column}.footer-locatie-item a{color:var(--color-gray-600);text-decoration:none;transition:color .2s}.footer-locatie-item a:hover{color:var(--color-primary)}.footer-social{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-end}.social-icon-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;background:transparent;color:var(--color-gray-500);transition:all .2s ease;border:1px solid var(--color-gray-300)}.social-icon-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.social-icon-link svg{width:18px;height:18px}.footer-copyright{text-align:center;font-size:.85rem;color:var(--color-gray-500);border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-lg);margin-top:var(--spacing-xl)}@media (max-width: 1200px){.footer-locaties-center{gap:var(--spacing-xl)}}@media (max-width: 1024px){.footer-main{flex-wrap:wrap;justify-content:center}.footer-brand-section{width:100%;text-align:center;order:1}.footer-brand-section .footer-social{justify-content:center}.footer-locaties-center{width:100%;order:2;justify-content:center}.footer-contact-section{width:100%;order:3;margin-top:var(--spacing-lg)}.footer-contact-section h4{text-align:center}.footer-contact-items{align-items:center}}@media (max-width: 768px){.main-footer{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.footer-locaties-center{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xl)}.footer-locatie-item{justify-content:center}.footer-copyright{font-size:.8rem;padding-top:var(--spacing-md);margin-top:var(--spacing-lg)}}@media (max-width: 480px){.footer-locatie h4{font-size:.9rem}.footer-locatie-item,.footer-contact-item{font-size:.8125rem}.footer-contact-section h4{font-size:.9rem}}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4{font-family:var(--font-sans);font-size:.85rem;font-weight:700;margin-bottom:var(--spacing-md)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:var(--spacing-sm);font-size:.9rem;color:var(--color-gray-600)}.footer-section a{color:var(--color-gray-600)}.footer-section a:hover{color:var(--color-primary)}.footer-social-icons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.social-label{display:flex;align-items:center;gap:var(--spacing-sm)}.social-icon{width:18px;height:18px;color:var(--color-gray-500)}.settings-card-description{color:var(--color-gray-500);font-size:.9rem;margin-bottom:var(--spacing-lg)}.page-header{height:60px;padding:0 var(--spacing-2xl);background:var(--color-white);text-align:center;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-gray-200);box-shadow:0 1px 3px #0000000a;position:sticky;top:0;z-index:10}.page-header h1{font-family:var(--font-serif);font-size:2rem;font-weight:400;letter-spacing:-.02em;margin:0;color:var(--color-black)}.page-header p{color:var(--color-gray-600);margin:0}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.notif-wrapper{position:relative}.notif-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-gray-600);transition:all .15s ease}.notif-btn:hover{background:var(--color-gray-50);color:var(--color-gray-800)}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--color-error);color:#fff;font-size:.625rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.notif-badge-pulse{animation:notifPulse .6s ease-out}@keyframes notifPulse{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.notif-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:-60px;width:340px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden}.notif-dropdown.active{display:block}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--color-gray-100)}.notif-dropdown-title{font-size:.9375rem;font-weight:600;color:var(--color-black)}.notif-mark-all{background:none;border:none;color:var(--color-primary);font-size:.8125rem;font-weight:500;cursor:pointer;padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-list{max-height:320px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:.75rem 1rem;cursor:pointer;transition:background .15s ease}.notif-item:hover{background:var(--color-gray-50)}.notif-item-dot{width:8px;height:8px;border-radius:var(--radius-full);background:transparent;flex-shrink:0;margin-top:6px}.notif-item.unread .notif-item-dot{background:var(--color-primary)}.notif-item.unread .notif-item-title{font-weight:600}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-size:.8125rem;font-weight:400;color:var(--color-gray-800);line-height:1.4;margin-bottom:2px}.notif-item-time{font-size:.75rem;color:var(--color-gray-400)}.notif-empty{padding:2rem 1rem;text-align:center;color:var(--color-gray-400);font-size:.875rem}.notif-dropdown-footer{padding:.625rem 1rem;border-top:1px solid var(--color-gray-100);text-align:center}.notif-view-all{font-size:.8125rem;font-weight:500;color:var(--color-primary);text-decoration:none}.notif-view-all:hover{text-decoration:underline}.user-dropdown{position:relative}.user-dropdown-avatar{width:30px;height:30px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.user-dropdown-avatar-initials{display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-white);font-size:.7rem;font-weight:600;letter-spacing:.02em}.user-dropdown-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:.3rem .75rem .3rem .3rem;background:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-gray-700);transition:all .15s ease}.user-dropdown-btn:hover,.user-dropdown-btn.active{background:var(--color-gray-50);border-color:var(--color-gray-200)}.user-dropdown-chevron{transition:transform .2s ease}.user-dropdown-btn.active .user-dropdown-chevron{transform:rotate(180deg)}.user-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden}.user-dropdown-menu.active{display:block}.user-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:.625rem 1rem;background:none;border:none;color:var(--color-gray-700);font-size:.875rem;font-weight:400;cursor:pointer;text-decoration:none;transition:background .15s ease}.user-dropdown-item:hover{background:var(--color-gray-50)}.user-dropdown-logout{border-top:1px solid var(--color-gray-100);color:var(--color-error)}.user-dropdown-logout:hover{background:#ef44440d}.portal-layout{display:flex;min-height:100vh;background:var(--color-background)}.main-container{flex:1;padding:0;background:var(--color-background);overflow-y:auto}.page-content{padding:var(--spacing-2xl)}.portal-menu-toggle{display:none;position:fixed;bottom:20px;right:20px;z-index:1001;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);border:none;cursor:pointer;box-shadow:0 4px 12px #00000026;align-items:center;justify-content:center;transition:transform .2s ease}.portal-menu-toggle:hover{transform:scale(1.05)}.portal-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}.portal-sidebar-overlay.active{display:block}@media (max-width: 1024px){.portal-layout .sidebar,.klanten-portal .sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 16px #0000001a}.portal-layout .sidebar.open,.klanten-portal .sidebar.open{transform:translate(0)}.portal-menu-toggle{display:flex}.portal-layout .main-container,.klanten-portal .main-container{margin-left:0;width:100%}.page-header{padding:0 var(--spacing-lg)}.page-content{padding:var(--spacing-lg)}}@media (max-width: 768px){.page-header h1{font-size:1.5rem}.page-content{padding:var(--spacing-md)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container table{min-width:500px}}@media (max-width: 480px){.portal-layout .sidebar,.klanten-portal .sidebar{width:280px}.page-header{padding:0 var(--spacing-md);height:50px}.page-header h1{font-size:1.25rem}.page-content{padding:var(--spacing-sm)}.portal-menu-toggle{bottom:16px;right:16px;width:44px;height:44px}}.sidebar{width:220px;background:var(--color-white);padding:var(--spacing-lg) 12px;display:flex;flex-direction:column;border-right:1px solid var(--color-gray-200);box-shadow:2px 0 8px #0000000a}.sidebar-logo,.lumera-logo{max-width:198px;width:100%;height:auto;margin:0 auto var(--spacing-xl);display:block}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem var(--spacing-md);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:.875rem;font-weight:500;transition:all .2s ease;background:none;border:none;cursor:pointer;text-align:left;width:100%}.sidebar-btn:hover,.sidebar-btn.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.user-info{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.user-info .user-name{margin:0 0 var(--spacing-xs);font-size:.9375rem;font-weight:600;color:var(--color-black);font-family:var(--font-sans)}.user-info .user-role{margin:0;font-size:.8125rem;color:var(--color-gray-600);text-transform:capitalize;font-weight:500}.logout-btn{width:100%;justify-content:center;margin-top:0;font-weight:500;border:1.5px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700)}.logout-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-black)}.essance-footer-logo{max-width:180px;width:100%;height:auto;margin:var(--spacing-lg) auto 0;display:block;opacity:.6}.lumera-sidebar{background:var(--color-white);color:var(--color-black);border-right:1px solid var(--color-gray-200);box-shadow:2px 0 8px #0000000a}.lumera-sidebar .sidebar-btn{color:var(--color-gray-600)}.lumera-sidebar .sidebar-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.lumera-sidebar .sidebar-btn.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600;border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-md) - 3px)}.lumera-sidebar .sidebar-footer{border-color:var(--color-gray-200)}.lumera-sidebar .user-info h4{color:var(--color-black)}.lumera-sidebar .user-info p{color:var(--color-gray-500)}.view-selector{margin-bottom:var(--spacing-lg)}.view-dropdown-btn{width:100%;padding:.875rem var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.875rem;letter-spacing:.02em;transition:all .2s ease;box-shadow:0 2px 4px #b8956a33}.view-dropdown-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 8px #b8956a4d;transform:translateY(-1px)}.view-dropdown-text{flex:1}.view-dropdown-arrow{font-size:.75rem;margin-left:var(--spacing-sm);transition:transform .2s ease}.view-dropdown-btn:hover .view-dropdown-arrow{transform:translateY(2px)}.view-dropdown-menu{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--spacing-xs);box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-gray-200)}.view-dropdown-item{width:100%;padding:var(--spacing-md);background:none;border:none;color:var(--color-gray-600);cursor:pointer;text-align:left;font-weight:500;transition:all .2s ease}.view-dropdown-item:hover{background:var(--color-gray-50);color:var(--color-black)}.view-dropdown-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-btn{position:relative;justify-content:space-between}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-error);color:#fff;font-size:.625rem;font-weight:700;border-radius:var(--radius-full);line-height:1;margin-left:auto;flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--color-primary);color:var(--color-white);padding:.625rem 1.5rem;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #b8956a33}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-white);box-shadow:0 4px 8px #b8956a4d;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--color-gray-100);color:var(--color-black);padding:.625rem 1.5rem;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--color-gray-200);transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:transparent;color:var(--color-black);padding:.625rem 1.5rem;border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);transform:translateY(-1px)}.btn-icon{background:var(--color-white);border:1px solid var(--color-gray-200);padding:.5rem .75rem;border-radius:var(--radius-md);cursor:pointer;font-size:1.1rem;color:var(--color-gray-700);transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.btn-icon:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-gray-700)}.form-control,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=date],input[type=number],select,textarea{width:100%;padding:.75rem var(--spacing-md);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9375rem;transition:all .2s ease;background:var(--color-white)}.form-control:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.form-control:hover,input:hover,select:hover,textarea:hover{border-color:var(--color-gray-300)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:var(--spacing-lg)}.login-card{background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;width:100%;text-align:center}.login-logo{max-width:260px;margin-bottom:var(--spacing-lg)}.login-title{font-family:var(--font-serif);font-size:1.8rem;margin-bottom:var(--spacing-lg)}.login-form{text-align:left}.login-btn{width:100%;justify-content:center;margin-top:var(--spacing-md)}.login-error{color:var(--color-error);font-size:.85rem;margin-top:var(--spacing-md);text-align:center}.login-footer{margin-top:var(--spacing-lg);font-size:.85rem;color:var(--color-gray-500)}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px}.forgot-password{font-size:.85rem;color:var(--color-primary);display:block;text-align:right;margin-bottom:var(--spacing-md)}.login-footer a{color:var(--color-primary);text-decoration:none}.login-footer a:hover{text-decoration:underline}.reset-description{font-size:.875rem;color:var(--color-gray-600);margin-bottom:var(--spacing-lg);line-height:1.5}.reset-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.reset-success svg{color:#16a34a}.reset-success p{font-size:.875rem;color:var(--color-gray-700);line-height:1.5}.reset-error-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.reset-error-state p{font-size:.875rem;color:var(--color-gray-700);line-height:1.5}.lumera-login-page{background:var(--color-white)!important}.lumera-login-card{max-width:450px;padding:var(--spacing-2xl) var(--spacing-2xl) calc(var(--spacing-2xl) + 1rem)}.lumera-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-xl);width:100%}.lumera-login-logo{max-width:320px;width:100%;height:auto;display:block;margin:0 auto}.lumera-login-btn{width:100%;justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-gray-900);color:var(--color-white);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.lumera-login-btn:hover:not(:disabled){background:var(--color-gray-800);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.lumera-login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.lumera-login-btn:disabled{opacity:.6;cursor:not-allowed}.table-container{overflow-x:auto;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-gray-200)}.producten-content .table-container{flex:1;max-height:none;overflow-y:auto;overflow-x:auto;min-height:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;box-shadow:none}table{width:100%;border-collapse:collapse}th,td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-gray-200)}th{font-size:.8125rem;font-weight:600;color:var(--color-gray-700);background:var(--color-gray-50);text-transform:uppercase;letter-spacing:.05em;position:relative}tbody tr:hover{background:var(--color-gray-50);transition:background .15s ease}.clickable-row{cursor:pointer}.producten-content thead{position:sticky;top:0;z-index:10}.producten-content thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb}.col-resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;background:transparent;transition:background .15s ease;z-index:2}.col-resize-handle:hover,.resizing .col-resize-handle{background:var(--color-primary)}.table-resized{table-layout:fixed}.table-resized td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-toggle-wrapper{position:relative}.btn-column-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.btn-column-toggle:hover{border-color:var(--color-gray-300);color:var(--color-gray-800);background:var(--color-gray-50)}.column-toggle-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;display:none}.column-toggle-dropdown.active{display:block}.column-toggle-header{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-100)}.column-toggle-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:.875rem;color:var(--color-gray-700);transition:background .15s ease}.column-toggle-item:hover{background:var(--color-gray-50)}.column-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-gray-200)}.card h2{font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-gray-200);transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card h3{font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--color-gray-500);margin:0 0 var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.stat-card .value{font-size:2rem;font-weight:700;color:var(--color-black);margin:0;letter-spacing:-.02em}.stat-card .trend{font-size:.8rem;color:var(--color-gray-500);margin:var(--spacing-xs) 0 0}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status-gepland,.status-bevestigd{background:var(--color-success-bg);color:var(--color-success-text)}.status-geannuleerd{background:var(--color-error-bg);color:var(--color-error-text)}.status-open{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-betaald{background:var(--color-success-bg);color:var(--color-success-text)}.badge-neutral{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.1rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--color-border);color:var(--color-text-muted)}.tabs-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.tabs{display:flex;gap:var(--spacing-xs)}.tab-button{background:none;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--color-gray-500);border-radius:var(--radius-md);transition:all .2s ease}.tab-button:hover{background:var(--color-gray-50);color:var(--color-gray-700)}.tab-button.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.chart-container{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.chart-container h3{font-family:var(--font-sans);font-size:1rem;margin-bottom:var(--spacing-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;padding:var(--spacing-lg)}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;border:1px solid var(--color-gray-200);display:flex;flex-direction:column;width:100%;max-width:600px;max-height:calc(100vh - var(--spacing-2xl) * 2);transform:scale(.95);transition:transform .2s ease;overflow:hidden}.modal-overlay.active .modal{transform:scale(1)}.modal.modal-sm{max-width:450px}.modal.modal-md{max-width:600px}.modal.modal-lg{max-width:800px}.modal.modal-xl{max-width:1100px}.modal.modal-small{max-width:450px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);flex-shrink:0;gap:var(--spacing-md)}.modal-header h2{margin:0;font-family:var(--font-serif);font-size:1.5rem;font-weight:500;line-height:1.3;flex:1;min-width:0}.modal-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-gray-400);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease;flex-shrink:0}.modal-close:hover{background:var(--color-gray-100);color:var(--color-black)}.modal>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto;min-height:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-gray-200);flex-shrink:0}.modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.modal .form-row.form-row-3{grid-template-columns:1fr 1fr 1fr}.modal .form-group{margin-bottom:var(--spacing-md)}.modal .form-group:last-child{margin-bottom:0}.modal .form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem;color:var(--color-gray-700)}.modal .form-group input,.modal .form-group textarea,.modal .form-group select{width:100%;padding:.625rem var(--spacing-md);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease;background:var(--color-white);box-sizing:border-box}.modal .form-group input:focus,.modal .form-group textarea:focus,.modal .form-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #b8956a1a}.modal .form-group textarea{resize:vertical;min-height:80px}.modal .form-group small{display:block;margin-top:var(--spacing-xs);color:var(--color-gray-500);font-size:.8125rem}.modal .form-error{color:var(--color-error);font-size:.875rem;margin-top:var(--spacing-sm)}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-xl)}.modal-form-grid .form-group{margin-bottom:0}.modal-form-grid .form-group.full-width{grid-column:1 / -1}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-md)}.modal,.modal.modal-sm,.modal.modal-md{max-width:100%}.modal.modal-lg,.modal.modal-xl{max-width:100%;max-height:100vh;border-radius:0}.modal .form-row,.modal .form-row.form-row-3,.modal-form-grid{grid-template-columns:1fr}.modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width: 480px){.modal-overlay{padding:0}.modal{max-height:100vh;border-radius:0}}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-black);font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;margin-top:var(--spacing-xs);color:var(--color-gray-500);font-size:.8125rem}.form-error{color:var(--color-error);font-size:.875rem;margin-top:var(--spacing-xs)}.spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px}.empty-state h3{color:var(--color-black)}.py-8{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.text-gray-500{color:var(--color-gray-500)}.hero-section{min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--spacing-2xl) 5%;position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#f8f6f4f2,#f8f6f4d9 35%,#f8f6f466 60%,#f8f6f41a);z-index:1}.hero-content{position:relative;z-index:2;max-width:550px}.hero-subtitle{font-family:var(--font-sans);font-size:.9rem;color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.hero-title{font-family:var(--font-serif);font-size:4rem;font-weight:400;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--color-black)}.hero-text{font-size:1.1rem;color:var(--color-gray-600);margin-bottom:var(--spacing-xl)}.hero-buttons{display:flex;gap:var(--spacing-md)}@media (max-width: 768px){.hero-section{min-height:60vh;background-position:70% top}.hero-overlay{background:linear-gradient(to bottom,#f8f6f4e6,#f8f6f4cc,#f8f6f4b3)}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column}}.about-banner{background:var(--color-primary);color:var(--color-white);padding:var(--spacing-2xl);text-align:center}.about-banner h2{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;margin-bottom:var(--spacing-lg)}.about-banner .btn-primary{background:var(--color-white);color:var(--color-primary)}.journey-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);max-width:1400px;margin:0 auto;padding:var(--spacing-2xl) 5%;align-items:center;background:var(--color-white);box-shadow:0 0 0 100vmax var(--color-white);clip-path:inset(0 -100vmax)}.journey-content{padding-right:var(--spacing-xl)}.journey-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;color:var(--color-primary);margin-bottom:var(--spacing-2xl);line-height:1.2;letter-spacing:.02em}.journey-step{margin-bottom:var(--spacing-xl)}.journey-step h3{font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--color-black);margin-bottom:var(--spacing-sm)}.journey-step p{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--color-primary);line-height:1.6;margin:0}.journey-cta{margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl)}.journey-image{position:relative;border-radius:var(--radius-lg);overflow:hidden}.journey-image img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);object-fit:cover}@media (max-width: 968px){.journey-section{grid-template-columns:1fr;gap:var(--spacing-xl)}.journey-content{padding-right:0;order:2}.journey-image{order:1;max-width:500px;margin:0 auto}.journey-title{font-size:2rem;text-align:center}.journey-step{text-align:center}.journey-cta{display:block;text-align:center}}.reviews-section{padding:var(--spacing-2xl);max-width:1200px;margin:0 auto}.reviews-header{text-align:center;margin-bottom:var(--spacing-2xl)}.reviews-header h2{font-family:var(--font-serif);font-size:2rem}.reviews-rating{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.rating-number{font-size:1.5rem;font-weight:700}.rating-stars{color:#ffc107;font-size:1.2rem}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.review-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.review-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.review-avatar{width:50px;height:50px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700}.review-author h4{margin:0;font-family:var(--font-sans);font-size:.85rem;font-weight:700}.review-author p{margin:0;font-size:.75rem;color:var(--color-gray-500)}@media (max-width: 768px){.about-banner{padding:var(--spacing-xl) var(--spacing-md)}.about-banner h2{font-size:1.4rem}.reviews-section{padding:var(--spacing-xl) var(--spacing-md)}.reviews-header h2{font-size:1.5rem}}@media (max-width: 600px){.reviews-grid{grid-template-columns:1fr}.journey-title{font-size:1.75rem}}.behandelingen-hero{background:var(--color-background);padding:5rem 0 4rem;text-align:center}.behandelingen-hero h1{font-family:var(--font-serif);font-size:3rem;font-weight:400;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.behandelingen-hero p{font-size:1.1rem;color:var(--color-gray-500);max-width:500px;margin:0 auto;line-height:1.6}.behandelingen-hero-divider{width:60px;height:2px;background:var(--color-primary);margin:var(--spacing-lg) auto 0}.behandelingen-nav{background:var(--color-white);border-bottom:1px solid var(--color-gray-100);position:sticky;top:0;z-index:10;padding:var(--spacing-md) 0}.behandelingen-nav-inner{padding:0 var(--spacing-xl);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.behandelingen-nav-pill{display:inline-block;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--color-gray-500);border:1px solid var(--color-gray-200);border-radius:999px;white-space:nowrap;transition:all .2s}.behandelingen-nav-pill:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.treatments-section{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.treatment-category{margin-bottom:4rem;scroll-margin-top:5rem}.treatment-category-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.treatment-category-header h2{font-family:var(--font-serif);font-size:2rem;font-weight:400;letter-spacing:.06em;color:var(--color-primary);white-space:nowrap}.treatment-category-line{flex:1;height:1px;background:var(--color-gray-200)}.treatments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.treatment-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;transition:all .3s ease}.treatment-card h3{font-family:var(--font-serif);font-size:1.35rem;font-weight:400;letter-spacing:.03em;color:var(--color-gray-800);margin-bottom:var(--spacing-sm)}.treatment-card p{color:var(--color-gray-500);font-size:.9rem;line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pricing-section{max-width:800px;margin:0 auto;padding:var(--spacing-2xl)}.pricing-category{margin-bottom:var(--spacing-2xl)}.pricing-category h2{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:var(--spacing-md)}.pricing-table{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden}.pricing-row{display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100)}.pricing-row:last-child{border-bottom:none}[class^=behandeling-] img,.tekst-afbeelding-block-image img,.twee-tekst-afbeelding-image img,.comparison-img,.foto-carrousel-slide img{display:block}.behandeling-loading,.behandeling-not-found,.behandeling-error{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl)}.behandeling-hero{padding:var(--spacing-2xl) 0;background:var(--color-background)}.behandeling-hero-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.behandeling-video{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.behandeling-video--vertical{aspect-ratio:9 / 16;max-height:60vh;max-width:33.75vh;margin:0 auto}.behandeling-video.behandeling-media--image{aspect-ratio:auto;width:auto;overflow:visible;border-radius:0;box-shadow:none;background:none;display:flex;justify-content:center}.behandeling-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.behandeling-video img{max-width:100%;max-height:60vh;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.behandeling-intro{display:flex;flex-direction:column;justify-content:center}.behandeling-intro h1{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--spacing-md)}.behandeling-subtitle{font-family:var(--font-serif);font-size:1.25rem;font-weight:400;letter-spacing:.08em;color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.behandeling-description{font-size:1rem;line-height:1.8;color:var(--color-gray-600);margin-bottom:var(--spacing-xl)}.behandeling-section-title{font-family:var(--font-serif);font-size:2rem;font-weight:400;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--spacing-md);white-space:nowrap}.behandeling-cta{display:flex;gap:var(--spacing-md)}.behandeling-cta .btn-outline{color:var(--color-primary);border-color:var(--color-primary)}.behandeling-cta .btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.behandeling-waarom{padding:var(--spacing-2xl) 0;background:var(--color-white)}.behandeling-waarom-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.waarom-divider,.hoe-werkt-divider,.faq-divider{width:60px;height:2px;background:var(--color-primary);margin-bottom:var(--spacing-xl)}.waarom-intro,.hoe-werkt-intro{margin-bottom:var(--spacing-xl);font-size:1rem;line-height:1.8;color:var(--color-gray-600);overflow-wrap:break-word;word-wrap:break-word}.rich-text-content,.rich-text-content *{font-size:inherit!important;overflow-wrap:break-word;word-wrap:break-word}.waarom-intro p,.hoe-werkt-intro p{margin:0 0 var(--spacing-md)}.waarom-intro ul,.waarom-intro ol,.hoe-werkt-intro ul,.hoe-werkt-intro ol{margin:0 0 var(--spacing-md);padding-left:1.25rem}.waarom-intro li,.hoe-werkt-intro li{margin-bottom:var(--spacing-xs)}.waarom-items{display:flex;flex-direction:column;gap:var(--spacing-lg)}.waarom-item h3{font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.waarom-item p{font-size:.95rem;line-height:1.6;color:var(--color-gray-600)}.behandeling-waarom-image,.behandeling-hoe-werkt-image,.behandeling-faq-image{display:flex;justify-content:center}.behandeling-waarom-image img,.behandeling-hoe-werkt-image img,.behandeling-faq-image img{max-width:100%;max-height:60vh;height:auto;border-radius:var(--radius-lg)}.behandeling-hoe-werkt{padding:var(--spacing-2xl) 0;background:var(--color-white)}.behandeling-hoe-werkt-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.accordion-container{display:flex;flex-direction:column;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-gray-200)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.accordion-header:hover{background:var(--color-gray-50)}.accordion-icon{font-size:1rem;color:var(--color-primary);font-weight:300}.accordion-title{font-size:1rem;font-weight:500;color:var(--color-primary)}.accordion-content{display:none;padding:0 var(--spacing-lg) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 1.5rem)}.accordion-content p{font-size:.95rem;line-height:1.7;color:var(--color-gray-600)}.behandeling-faq{padding:var(--spacing-2xl) 0;background:var(--color-background)}.behandeling-faq-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.behandeling-contact{padding:4rem 0;background:#faf8f6}.behandeling-contact-content{max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);background:#fffffff2;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.behandeling-contact-content .behandeling-section-title{text-align:center;margin-bottom:var(--spacing-xs)}.behandeling-contact-content h2:after{content:"";display:block;width:60px;height:2px;background:var(--color-primary);margin:var(--spacing-md) auto var(--spacing-xl)}.behandeling-contact-form{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:700px;margin:0 auto}.behandeling-contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.behandeling-contact-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.behandeling-contact-form label{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gray-500)}.behandeling-contact-form input,.behandeling-contact-form textarea{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-family:inherit;font-size:1rem;color:var(--color-gray-800);transition:all .2s ease}.behandeling-contact-form input::placeholder,.behandeling-contact-form textarea::placeholder{color:var(--color-gray-400)}.behandeling-contact-form input:hover,.behandeling-contact-form textarea:hover{border-color:var(--color-gray-300)}.behandeling-contact-form input:focus,.behandeling-contact-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a26}.behandeling-contact-form textarea{resize:vertical;min-height:120px}.behandeling-contact-form .btn-outline{align-self:center;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-primary);color:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.behandeling-contact-form .btn-outline:hover{background:transparent;color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #b8956a4d}.form-success{text-align:center;padding:var(--spacing-2xl);color:var(--color-success)}.form-success svg{width:64px;height:64px;color:var(--color-success)}.form-success h3{margin-top:var(--spacing-lg);font-family:var(--font-serif);font-size:1.5rem;font-weight:400;color:var(--color-gray-800)}.form-success p{color:var(--color-gray-600)}.treatment-details{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100)}.treatment-duration{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-gray-400)}.treatment-duration svg{color:var(--color-primary);opacity:.7}.treatment-price{font-family:var(--font-serif);font-size:1rem;color:var(--color-primary);font-weight:500;margin-left:auto}.treatment-card-link{text-decoration:none;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease}.treatment-card-link:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000014;border-color:var(--color-primary)}.treatment-card-link:hover h3{color:var(--color-primary)}.treatment-card-link .treatment-card-content{color:inherit;flex:1;display:flex;flex-direction:column}.treatment-card-link h3{color:var(--color-gray-800);transition:color .2s}.treatment-card-link p{color:var(--color-gray-500)}.treatment-card-btn{display:none}.empty-treatments{text-align:center;padding:4rem 0;color:var(--color-gray-500)}.empty-treatments .btn-primary{margin-top:var(--spacing-lg)}.behandeling-voor-na{padding:var(--spacing-2xl) 0;background:var(--color-white)}.behandeling-voor-na-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.behandeling-voor-na-text{display:flex;flex-direction:column}.behandeling-voor-na-text .behandeling-section-title{margin-bottom:var(--spacing-xs)}.voor-na-divider{width:60px;height:2px;background:var(--color-primary);margin:var(--spacing-md) 0 var(--spacing-xl)}.voor-na-intro{max-width:700px;margin:0 0 var(--spacing-2xl);color:var(--color-gray-600);line-height:1.8;font-size:1.05rem}.voor-na-sliders{display:flex;flex-direction:column;gap:3rem}.voor-na-slider-item{display:flex;flex-direction:column;gap:var(--spacing-md)}.voor-na-slider-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:400;letter-spacing:.08em;color:var(--color-gray-800)}.comparison-slider{width:100%;user-select:none;-webkit-user-select:none}.comparison-slider-wrapper{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg);cursor:ew-resize;background:var(--color-gray-100)}.comparison-img--before{display:block;width:100%;max-height:60vh;object-fit:cover;pointer-events:none}.comparison-img{pointer-events:none}.comparison-img--after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.comparison-img--after{clip-path:inset(0 0 0 50%)}.comparison-slider-handle{position:absolute;top:0;bottom:0;left:50%;width:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.comparison-slider-line{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:3px;background:var(--color-white);box-shadow:0 0 6px #0000004d}.comparison-slider-button{position:relative;width:44px;height:44px;border-radius:50%;background:var(--color-white);border:3px solid var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;color:var(--color-primary);z-index:6}.comparison-slider-button svg{width:14px;height:14px;flex-shrink:0}.comparison-labels{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xs) 0}.comparison-label{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gray-500)}.behandeling-tekst-afbeelding{padding:var(--spacing-2xl) 0}.behandeling-tekst-afbeelding-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.tekst-afbeelding-divider{width:60px;height:2px;background:var(--color-primary);margin-bottom:var(--spacing-xl)}.tekst-afbeelding-blocks{display:flex;flex-direction:column;gap:5rem}.tekst-afbeelding-block{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.tekst-afbeelding-block-text h3{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md)}.tekst-afbeelding-block-text .rich-text-content{font-size:.95rem;line-height:1.8;color:var(--color-gray-600)}.tekst-afbeelding-block-image{display:flex;justify-content:center}.tekst-afbeelding-block-image img{max-width:100%;max-height:60vh;height:auto;border-radius:var(--radius-lg)}.behandeling-tekst-afbeelding-slider{padding:var(--spacing-2xl) 0}.behandeling-tekst-afbeelding-slider-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.behandeling-tekst-afbeelding-slider-text .rich-text-content{font-size:.95rem;line-height:1.8;color:var(--color-gray-600)}.behandeling-image-slider{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.behandeling-image-slider-track{display:flex;transition:transform .35s ease}.behandeling-image-slide{min-width:100%}.behandeling-image-slide img{max-width:100%;max-height:60vh;height:auto;border-radius:var(--radius-lg)}.behandeling-image-slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:999px;background:#ffffffe6;color:var(--color-gray-700);font-size:1.4rem;line-height:1;cursor:pointer;z-index:2;box-shadow:var(--shadow-md)}.behandeling-image-slider-nav.prev{left:12px}.behandeling-image-slider-nav.next{right:12px}.behandeling-image-slider-dots{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:8px;z-index:2}.behandeling-image-slider-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:#ffffff80;cursor:pointer}.behandeling-image-slider-dot.active{background:var(--color-white)}.behandeling-tekst-faq-afbeelding{padding:var(--spacing-2xl) 0}.behandeling-tekst-faq-afbeelding-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.behandeling-tekst-faq-afbeelding-text .tekst-faq-intro{margin-bottom:var(--spacing-xl)}.behandeling-tekst-faq-afbeelding-image{display:flex;justify-content:center}.behandeling-tekst-faq-afbeelding-image img{max-width:100%;max-height:60vh;height:auto;border-radius:var(--radius-lg)}.behandeling-twee-kolommen{padding:var(--spacing-2xl) 0}.behandeling-twee-kolommen-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.twee-kolommen-divider{width:60px;height:2px;background:var(--color-primary);margin-bottom:var(--spacing-xl)}.twee-kolommen-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.twee-kolommen-grid .twee-kolommen-col .rich-text-content{font-size:.95rem;line-height:1.8;color:var(--color-gray-600)}.behandeling-waarom-content.layout-text-right,.behandeling-faq-content.layout-text-right,.behandeling-voor-na-content.layout-text-right,.behandeling-tekst-afbeelding-slider-content.layout-text-right,.behandeling-tekst-faq-afbeelding-content.layout-text-right,.tekst-afbeelding-block.layout-text-right{direction:rtl}.behandeling-waarom-content.layout-text-right>*,.behandeling-faq-content.layout-text-right>*,.behandeling-voor-na-content.layout-text-right>*,.behandeling-tekst-afbeelding-slider-content.layout-text-right>*,.behandeling-tekst-faq-afbeelding-content.layout-text-right>*,.tekst-afbeelding-block.layout-text-right>*{direction:ltr}.behandeling-hoe-werkt-content.layout-text-left{direction:rtl}.behandeling-hoe-werkt-content.layout-text-left>*{direction:ltr}.behandeling-hoe-werkt-content>.behandeling-hoe-werkt-text:only-child{grid-column:2}@media (max-width: 900px){.behandelingen-hero{padding:3rem var(--spacing-md) 2.5rem}.behandelingen-hero h1{font-size:2.2rem}.behandelingen-nav-inner{padding:0 var(--spacing-md);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.behandelingen-nav-inner::-webkit-scrollbar{display:none}.treatments-section{padding:var(--spacing-xl) var(--spacing-md)}.treatments-grid{grid-template-columns:1fr}.treatment-category-header h2{font-size:1.5rem}.behandeling-hero-content,.behandeling-waarom-content,.behandeling-hoe-werkt-content,.behandeling-faq-content,.behandeling-voor-na-content,.behandeling-tekst-afbeelding-slider-content,.behandeling-tekst-faq-afbeelding-content,.tekst-afbeelding-block{grid-template-columns:1fr;direction:ltr;max-width:100%;overflow:hidden}.behandeling-waarom-image img,.behandeling-hoe-werkt-image img,.behandeling-faq-image img,.behandeling-tekst-faq-afbeelding-image img,.tekst-afbeelding-block-image img,.twee-tekst-afbeelding-image img{max-height:50vh}.twee-kolommen-grid{grid-template-columns:1fr}.behandeling-intro h1,.behandeling-section-title{font-size:1.8rem;white-space:normal}.behandeling-hero{padding:var(--spacing-xl) 0}.behandeling-hero-content{padding:0 var(--spacing-md);gap:var(--spacing-xl)}.behandeling-video{width:100%}.behandeling-video.behandeling-media--image img{max-height:50vh}.behandeling-waarom,.behandeling-hoe-werkt,.behandeling-tekst-afbeelding-slider,.behandeling-tekst-faq-afbeelding,.behandeling-tekst-afbeelding,.behandeling-twee-kolommen{padding:var(--spacing-xl) 0}.behandeling-waarom-content,.behandeling-hoe-werkt-content,.behandeling-tekst-afbeelding-slider-content,.behandeling-tekst-faq-afbeelding-content,.behandeling-tekst-afbeelding-content,.behandeling-twee-kolommen-content{padding:0 var(--spacing-md)}.behandeling-image-slider{min-height:auto}.tekst-afbeelding-block{gap:var(--spacing-xl)}.behandeling-contact{padding:var(--spacing-2xl) var(--spacing-md)}.behandeling-contact-content{padding:var(--spacing-xl);max-width:100%;overflow:hidden}.behandeling-contact-content .behandeling-section-title{font-size:1.8rem;white-space:normal}.behandeling-contact-form .form-row{grid-template-columns:1fr;gap:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.behandeling-detail-page .page-header{flex-wrap:wrap;padding:var(--spacing-lg)}.page-header-title{order:3;width:100%;margin-top:var(--spacing-md)}.behandeling-voor-na{padding:var(--spacing-2xl) var(--spacing-md)}.comparison-img--before{max-height:50vh}.comparison-slider-button{width:36px;height:36px}.comparison-slider-button svg{width:12px;height:12px}.behandeling-faq{padding:var(--spacing-xl) 0}.behandeling-faq-content{padding:0 var(--spacing-md);gap:var(--spacing-xl)}.pricing-section{padding:var(--spacing-xl) var(--spacing-md)}.pricing-row{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}}@media (max-width: 600px){.behandelingen-hero h1{font-size:1.8rem;letter-spacing:.04em}.behandelingen-hero p{font-size:1rem}.behandeling-intro h1{font-size:1.5rem;letter-spacing:.05em}.behandeling-cta{flex-direction:column}.behandeling-cta .btn-primary,.behandeling-cta .btn-outline{width:100%;text-align:center}.behandeling-voor-na-content{padding:0 var(--spacing-sm)}.voor-na-intro{font-size:.95rem}}.behandeling-twee-tekst-afbeelding{padding:var(--spacing-2xl) 0}.behandeling-twee-tekst-afbeelding-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.behandeling-twee-tekst-afbeelding-content.no-image{grid-template-columns:1fr;max-width:900px}.behandeling-twee-tekst-afbeelding-content.layout-text-right{direction:rtl}.behandeling-twee-tekst-afbeelding-content.layout-text-right>*{direction:ltr}.twee-tekst-afbeelding-divider{width:60px;height:2px;background:var(--color-primary);margin-bottom:var(--spacing-xl)}.twee-tekst-afbeelding-block{margin-bottom:var(--spacing-md)}.twee-tekst-afbeelding-block:last-child{margin-bottom:0}.twee-tekst-afbeelding-block h3{font-family:var(--font-serif);font-size:1.3rem;font-weight:400;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.twee-tekst-afbeelding-block .rich-text-content{font-size:1rem;line-height:1.8;color:var(--color-gray-600)}.twee-tekst-afbeelding-image{display:flex;justify-content:center}.twee-tekst-afbeelding-image img{max-width:100%;max-height:60vh;height:auto;border-radius:var(--radius-lg)}@media (max-width: 900px){.behandeling-twee-tekst-afbeelding-content{grid-template-columns:1fr}.behandeling-twee-tekst-afbeelding-content.layout-text-right{direction:ltr}.twee-tekst-afbeelding-image{order:-1}}.behandeling-foto-carrousel{padding:var(--spacing-2xl) 0}.behandeling-foto-carrousel-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);text-align:center}.foto-carrousel-divider{width:60px;height:2px;background:var(--color-primary, #b08d6e);margin:var(--spacing-md) auto var(--spacing-xl)}.foto-carrousel-slider{position:relative;overflow:hidden}.foto-carrousel-track{display:flex;gap:var(--spacing-xl);transition:transform .35s ease;align-items:center}.foto-carrousel-slide{min-width:calc(25% - var(--spacing-xl) * 3 / 4);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.foto-carrousel-slide img{max-width:100%;max-height:180px;height:auto}.foto-carrousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:999px;background:#ffffffe6;color:var(--color-gray-700);font-size:1.4rem;line-height:1;cursor:pointer;z-index:2;box-shadow:var(--shadow-md)}.foto-carrousel-nav.prev{left:0}.foto-carrousel-nav.next{right:0}@media (max-width: 900px){.foto-carrousel-slide{min-width:calc(50% - var(--spacing-xl) / 2)}}@media (max-width: 600px){.foto-carrousel-slide{min-width:100%}}.behandeling-hero[data-bg=white],.behandeling-waarom[data-bg=white],.behandeling-hoe-werkt[data-bg=white],.behandeling-faq[data-bg=white],.behandeling-voor-na[data-bg=white],.behandeling-tekst-afbeelding[data-bg=white],.behandeling-tekst-afbeelding-slider[data-bg=white],.behandeling-tekst-faq-afbeelding[data-bg=white],.behandeling-twee-tekst-afbeelding[data-bg=white],.behandeling-twee-kolommen[data-bg=white],.behandeling-foto-carrousel[data-bg=white],.behandeling-contact[data-bg=white]{background:var(--color-white)}.behandeling-hero[data-bg=beige],.behandeling-waarom[data-bg=beige],.behandeling-hoe-werkt[data-bg=beige],.behandeling-faq[data-bg=beige],.behandeling-voor-na[data-bg=beige],.behandeling-tekst-afbeelding[data-bg=beige],.behandeling-tekst-afbeelding-slider[data-bg=beige],.behandeling-tekst-faq-afbeelding[data-bg=beige],.behandeling-twee-tekst-afbeelding[data-bg=beige],.behandeling-twee-kolommen[data-bg=beige],.behandeling-foto-carrousel[data-bg=beige],.behandeling-contact[data-bg=beige]{background:var(--color-background)}.tarieven-hero{background:var(--color-background);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;position:relative;overflow:hidden}.tarieven-hero-content{max-width:700px;margin:0 auto;position:relative;z-index:1}.tarieven-hero h1{font-family:var(--font-serif);font-size:2.75rem;font-weight:400;color:var(--color-black);margin:0 0 var(--spacing-sm);letter-spacing:-.02em}.tarieven-hero p{font-size:1.125rem;color:var(--color-gray-600);margin:0 0 var(--spacing-xl)}.tarieven-search-container{position:relative;max-width:480px;margin:0 auto}.tarieven-search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.tarieven-search-input{width:100%;padding:14px 48px 14px 20px;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:.9375rem;background:var(--color-white);transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.tarieven-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 2px 12px #b8956a1f}.tarieven-search-input::placeholder{color:var(--color-gray-400)}.tarieven-section{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-2xl);background:var(--color-background)}.tarieven-loading,.tarieven-empty,.tarieven-error,.tarieven-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-600);min-height:300px;gap:var(--spacing-md)}.tarieven-empty svg,.tarieven-error svg,.tarieven-no-results svg{color:var(--color-gray-300);margin-bottom:var(--spacing-sm)}.tarieven-loading .spinner{width:40px;height:40px}.tarieven-container{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl);align-items:start}.tarieven-sidebar{position:sticky;top:100px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000000f;overflow:hidden}.tarieven-sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-100)}.tarieven-sidebar-header h3{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin:0 0 var(--spacing-xs)}.total-count{font-size:.875rem;color:var(--color-gray-600)}.tarieven-tabs{display:flex;flex-direction:column;padding:var(--spacing-sm)}.tarieven-tab{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .2s ease;text-align:left}.tarieven-tab:hover{background:var(--color-gray-50);color:var(--color-primary)}.tarieven-tab.active{background:var(--color-primary-light);color:var(--color-primary)}.tarieven-tab .tab-name{flex:1}.tarieven-tab .tab-count{font-size:.75rem;font-weight:600;background:var(--color-gray-100);color:var(--color-gray-500);padding:2px 8px;border-radius:var(--radius-full);transition:all .2s ease}.tarieven-tab.active .tab-count{background:var(--color-primary);color:var(--color-white)}.tarieven-main{min-width:0}.tarieven-tab-content{display:none;animation:tarievenFadeIn .3s ease}.tarieven-tab-content.active{display:block}@keyframes tarievenFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tarieven-category-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary)}.tarieven-category-header h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;color:var(--color-black);margin:0}.category-count{font-size:.875rem;color:var(--color-gray-500)}.tarieven-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tarief-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all .2s ease;gap:var(--spacing-xl)}.tarief-item:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #b8956a1a;transform:translateY(-2px)}.tarief-info{flex:1;min-width:0}.tarief-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.tarief-info h3{font-family:var(--font-serif);font-size:1.125rem;font-weight:500;color:var(--color-black);margin:0}.tarief-info h3 mark{background:var(--color-warning-bg);color:inherit;padding:0 2px;border-radius:2px}.tarief-duur{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--color-gray-500);padding:4px 10px;background:var(--color-gray-100);border-radius:var(--radius-full)}.tarief-duur svg{flex-shrink:0}.tarief-beschrijving{font-size:.9rem;color:var(--color-gray-600);margin:0;line-height:1.6}.tarief-beschrijving mark{background:var(--color-warning-bg);color:inherit;padding:0 2px;border-radius:2px}.tarief-prijs-container{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.prijs-bedrag{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--color-primary)}.prijs-op-aanvraag{font-size:.9rem;color:var(--color-gray-500);font-style:italic}.tarief-book-btn{padding:8px 20px;background:transparent;border:1.5px solid var(--color-primary);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--color-primary);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.tarief-book-btn:hover{background:var(--color-primary);color:var(--color-white)}.tarief-variants{margin-top:var(--spacing-md);display:flex;flex-direction:column}.tarief-variant{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;gap:var(--spacing-md)}.tarief-variant .variant-info{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.variant-divider{border:none;border-top:1px solid var(--color-gray-200);margin:0}.variant-prijs-container{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.tarief-item-with-variants .tarief-info{width:100%}.tarief-item-with-variants{flex-direction:column;align-items:stretch}@media (max-width: 1024px){.tarieven-container{grid-template-columns:240px 1fr;gap:var(--spacing-lg)}}@media (max-width: 768px){.tarieven-hero{padding:var(--spacing-xl) var(--spacing-md)}.tarieven-hero h1{font-size:2rem}.tarieven-search-input{padding:14px 20px 14px 48px}.tarieven-search-icon{left:16px}.tarieven-section{padding:var(--spacing-lg) var(--spacing-md)}.tarieven-container{grid-template-columns:1fr;gap:var(--spacing-md)}.tarieven-sidebar{position:static}.tarieven-tabs{flex-direction:row;overflow-x:auto;padding:var(--spacing-sm);gap:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none}.tarieven-tabs::-webkit-scrollbar{display:none}.tarieven-tab{flex-shrink:0;padding:10px 16px;white-space:nowrap}.tarieven-tab .tab-count{display:none}.tarief-item{flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding:var(--spacing-md)}.tarief-header{flex-wrap:wrap}.tarief-prijs-container{flex-direction:row;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100)}.tarief-variant{flex-wrap:wrap;gap:var(--spacing-sm)}.variant-prijs-container{width:100%;justify-content:space-between}}.contact-section{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.contact-info h2,.contact-form h2{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:var(--spacing-lg)}.contact-item{margin-bottom:var(--spacing-lg)}.contact-item h3{font-family:var(--font-sans);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-xs)}.contact-hero{background:#fdf8f5;padding:var(--spacing-2xl) 0}.contact-hero-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);padding:0 var(--spacing-xl);align-items:start}.contact-hero-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #0000001a;max-width:90%}.contact-hero-image img{width:100%;height:auto;display:block}.contact-hero-info{padding:var(--spacing-lg) 0}.contact-info-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:300;letter-spacing:.15em;color:transparent;background:linear-gradient(135deg,#d4a574,#b8956a,#c9a87c);-webkit-background-clip:text;background-clip:text;margin:0 0 var(--spacing-xl)}.contact-info-block{margin-bottom:var(--spacing-xl)}.contact-info-subtitle{font-family:var(--font-serif);font-size:1.125rem;font-weight:500;color:var(--color-black);margin:0 0 var(--spacing-md)}.contact-hours-table{width:100%;border-collapse:collapse}.contact-hours-table tr{border-bottom:none}.contact-hours-table td{padding:var(--spacing-xs) 0;font-size:.9375rem;color:var(--color-gray-700)}.contact-hours-table td.day{color:#b8956a;font-weight:400;width:120px}.contact-hours-table td.time{color:var(--color-gray-600);width:auto;padding-left:var(--spacing-lg)}.contact-hours-note{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-600);font-style:italic}.contact-detail-row{display:flex;align-items:center;gap:var(--spacing-sm)}.contact-icon{width:20px;height:20px;color:#b8956a;flex-shrink:0}.contact-link{color:#b8956a;text-decoration:none;font-size:.9375rem;transition:color .2s ease}.contact-link:hover{color:#9a7856}.contact-faq-section{margin-top:var(--spacing-xl);border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-xl)}.contact-faq-item{margin-bottom:var(--spacing-sm)}.contact-faq-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;background:none;border:none;padding:var(--spacing-sm) 0;cursor:pointer;text-align:left;font-family:inherit;font-size:.9375rem;color:#b8956a;transition:color .2s ease}.contact-faq-toggle:hover{color:#9a7856}.contact-faq-icon{width:18px;height:18px;flex-shrink:0;transition:transform .3s ease}.contact-faq-toggle.active .contact-faq-icon{transform:rotate(45deg)}.contact-faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding-left:26px}.contact-faq-content.active{max-height:200px;padding-bottom:var(--spacing-md)}.contact-faq-content p{font-size:.875rem;color:var(--color-gray-600);line-height:1.7;margin:0}.contact-form-section{background:#fff;padding:var(--spacing-2xl) 0;border-top:1px solid var(--color-gray-100)}.contact-form-wrapper{max-width:760px;margin:0 auto;padding:0 var(--spacing-xl)}.contact-form-title{font-family:var(--font-serif);font-size:2rem;font-weight:300;letter-spacing:.1em;color:var(--color-black);margin:0 0 var(--spacing-sm)}.contact-form-subtitle{font-size:.9375rem;color:var(--color-gray-500);margin:0 0 var(--spacing-xl)}.contact-page-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.contact-form-group{display:flex;flex-direction:column;gap:6px}.contact-form-label{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-700)}.contact-form-input{border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9375rem;font-family:inherit;color:var(--color-black);background:#fafafa;transition:border-color .2s ease,background .2s ease;outline:none;width:100%;box-sizing:border-box}.contact-form-input:focus{border-color:#b8956a;background:#fff}.contact-form-textarea{resize:vertical;min-height:120px}.contact-form-footer{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-sm)}.contact-form-btn{min-width:200px}.contact-form-error{font-size:.875rem;color:#c0392b;margin:0}.contact-form-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) 0;text-align:center;color:#b8956a}.contact-form-success h3{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;margin:0;color:var(--color-black)}.contact-form-success p{font-size:.9375rem;color:var(--color-gray-500);margin:0}@media (max-width: 900px){.contact-hero-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.contact-hero-image{max-width:500px;margin:0 auto}.contact-info-title{text-align:center}.contact-hours-table td.day{width:100px}.contact-hours-table td.time{padding-left:var(--spacing-md)}.contact-form-row{grid-template-columns:1fr}.contact-form-btn{width:100%}}.about-section{max-width:800px;margin:0 auto;padding:var(--spacing-2xl)}.about-content h2{font-family:var(--font-serif);font-size:1.5rem;margin:var(--spacing-xl) 0 var(--spacing-md)}.locations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.location-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.location-card h3{margin-bottom:var(--spacing-sm)}.over-ons-hero-wrapper{background:linear-gradient(135deg,#fdf8f5,#f8f2ed);width:100%}.over-ons-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);max-width:1400px;margin:0 auto;padding:5rem 5%;align-items:center}.over-ons-content{padding-right:var(--spacing-xl)}.over-ons-title{font-family:var(--font-serif);font-size:2.8rem;font-weight:400;color:var(--color-black);letter-spacing:.15em;margin:0 0 var(--spacing-md)}.over-ons-underline{width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,#c4a77d 100%);margin-bottom:var(--spacing-xl);border-radius:2px}.over-ons-intro{font-family:var(--font-serif);font-size:1.15rem;font-style:italic;line-height:1.8;color:var(--color-primary);margin-bottom:var(--spacing-xl)}.over-ons-highlight{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.over-ons-cta-text{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--color-primary);line-height:1.7}.over-ons-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #b8956a33}.over-ons-image img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);object-fit:cover}.team-section-wrapper{background:var(--color-white);width:100%}.team-section{max-width:1400px;margin:0 auto;padding:5rem 5%}.team-header{text-align:center;max-width:600px;margin:0 auto var(--spacing-2xl)}.team-title{font-family:var(--font-serif);font-size:2rem;font-weight:400;color:var(--color-black);letter-spacing:.12em;margin:0 0 var(--spacing-md)}.team-underline{width:50px;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,#c4a77d 100%);margin:0 auto var(--spacing-lg);border-radius:2px}.team-subtitle{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--color-gray-500)}.team-members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto var(--spacing-2xl)}.team-loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500);font-style:italic;grid-column:1 / -1}.team-member-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white);box-shadow:var(--shadow-md);transition:all .3s ease}.team-member-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.team-member-photo{position:relative;aspect-ratio:3 / 4;overflow:hidden}.team-member-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.team-member-card:hover .team-member-photo img{transform:scale(1.05)}.team-member-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4c4b5,#b8956a);color:var(--color-white);font-family:var(--font-serif);font-size:4rem;font-weight:500}.team-member-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 60%,transparent 100%);color:var(--color-white);text-align:center}.team-member-name{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;margin:0 0 var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-white)}.team-member-functie{font-family:var(--font-sans);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;margin:0 0 var(--spacing-md);opacity:.9}.team-member-btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-white);border:none;font-family:var(--font-sans);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.team-member-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}a.team-member-card{text-decoration:none;color:inherit;display:block}.team-profiel-loading,.team-profiel-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl)}.team-profiel-error h1{font-family:var(--font-serif);font-size:2rem;margin-bottom:var(--spacing-md)}.team-profiel-error p{color:var(--color-gray-500);margin-bottom:var(--spacing-xl)}.team-profiel-section{background:var(--color-white);min-height:80vh}.team-profiel-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl);display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-2xl);align-items:start}.team-profiel-sidebar{position:sticky;top:100px}.team-profiel-photo{width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-lg)}.team-profiel-photo img{width:100%;height:100%;object-fit:cover}.team-profiel-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4c4b5,#b8956a);color:var(--color-white);font-family:var(--font-serif);font-size:6rem;font-weight:500}.team-profiel-card-info{text-align:center}.team-profiel-card-name{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;letter-spacing:.1em;color:var(--color-primary);margin:0 0 var(--spacing-xs)}.team-profiel-card-functie{font-family:var(--font-sans);font-size:.875rem;color:var(--color-gray-500);margin:0}.team-profiel-content{padding-top:var(--spacing-md)}.team-profiel-header{margin-bottom:var(--spacing-xl)}.team-profiel-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;color:var(--color-primary);margin:0 0 var(--spacing-md)}.team-profiel-underline{width:60px;height:2px;background:var(--color-primary)}.team-profiel-bio{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.9;color:var(--color-gray-700)}.team-profiel-bio p{margin-bottom:var(--spacing-lg)}.team-profiel-bio p:first-child{font-style:italic;color:var(--color-primary);font-size:1.125rem}.team-profiel-bio .bio-heading{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-black);margin:var(--spacing-xl) 0 var(--spacing-md);text-decoration:underline;text-underline-offset:4px}.team-profiel-bio .bio-list{list-style:none;padding:0;margin:0 0 var(--spacing-lg)}.team-profiel-bio .bio-list li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.team-profiel-bio .bio-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.team-profiel-intro{font-style:italic;color:var(--color-gray-600)}.team-profiel-cta{margin-top:var(--spacing-2xl);display:flex;gap:var(--spacing-md);flex-wrap:wrap}.team-profiel-cta .btn-secondary{padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:all .3s ease}.team-profiel-cta .btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}@media (max-width: 900px){.team-profiel-container{grid-template-columns:1fr;max-width:600px}.team-profiel-sidebar{position:static;max-width:300px;margin:0 auto}.team-profiel-title{font-size:2rem;text-align:center}.team-profiel-underline{margin:0 auto var(--spacing-xl)}.team-profiel-cta{justify-content:center}}@media (max-width: 600px){.team-profiel-container{padding:var(--spacing-lg)}.team-profiel-title{font-size:1.5rem}.team-profiel-bio{font-size:1rem}}.team-values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.value-card{text-align:center;padding:var(--spacing-xl);background:linear-gradient(180deg,#fdf9f6 0%,var(--color-white) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);transition:all .3s ease}.value-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #b8956a26;border-color:var(--color-primary-light)}.value-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.value-card h3{font-family:var(--font-serif);font-size:1.3rem;font-weight:500;color:var(--color-black);margin:0 0 var(--spacing-md)}.value-card p{font-family:var(--font-serif);font-size:.95rem;font-style:italic;color:var(--color-gray-600);line-height:1.7;margin:0}.locations-section-wrapper{background:linear-gradient(135deg,#fdf8f5,#f8f2ed);width:100%}.locations-section{max-width:1400px;margin:0 auto;padding:5rem 5%}.locations-header{text-align:center;margin-bottom:var(--spacing-2xl)}.locations-title{font-family:var(--font-serif);font-size:2rem;font-weight:400;color:var(--color-black);letter-spacing:.12em;margin:0 0 var(--spacing-md)}.locations-underline{width:50px;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,#c4a77d 100%);margin:0 auto;border-radius:2px}.locations-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:800px;margin:0 auto}.location-detail-card{background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;box-shadow:0 4px 20px #0000000f;border:1px solid var(--color-gray-100);transition:all .3s ease}.location-detail-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #b8956a26}.location-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.location-detail-card h3{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;color:var(--color-black);margin:0 0 var(--spacing-md)}.location-address{font-family:var(--font-sans);font-size:.95rem;color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--spacing-lg)}.location-btn{display:inline-block;padding:.75rem 1.5rem;font-size:.8rem;letter-spacing:.05em}.cta-section{background:var(--color-primary);padding:4rem 5%}.cta-content{max-width:700px;margin:0 auto;text-align:center}.cta-section h2{font-family:var(--font-serif);font-size:2rem;font-weight:400;color:var(--color-white);margin:0 0 var(--spacing-md)}.cta-section p{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:#ffffffe6;margin-bottom:var(--spacing-xl)}.cta-btn{background:var(--color-white);color:var(--color-primary);padding:1rem 2rem;font-size:.9rem;letter-spacing:.08em}.cta-btn:hover{background:var(--color-white);color:var(--color-primary-hover);transform:translateY(-2px)}@media (max-width: 968px){.over-ons-hero{grid-template-columns:1fr;gap:var(--spacing-xl);padding:3rem 5%}.over-ons-content{padding-right:0;text-align:center;order:2}.over-ons-underline{margin-left:auto;margin-right:auto}.over-ons-image{order:1;max-width:600px;margin:0 auto}.over-ons-title{font-size:2.2rem}.team-section{padding:3rem 5%}.team-members-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.team-values{grid-template-columns:1fr;max-width:400px;margin:0 auto}.locations-section{padding:3rem 5%}.locations-cards{grid-template-columns:1fr;max-width:400px}}@media (max-width: 600px){.over-ons-title{font-size:1.8rem;letter-spacing:.1em}.over-ons-intro,.over-ons-highlight,.over-ons-cta-text{font-size:1rem}.team-title,.locations-title{font-size:1.5rem}.team-members-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto var(--spacing-xl)}.team-member-name{font-size:1.25rem}.cta-section h2{font-size:1.5rem}}.faq-section{max-width:800px;margin:0 auto;padding:var(--spacing-2xl)}.faq-item{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.faq-item h3{font-family:var(--font-sans);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.faq-item p{color:var(--color-gray-600);margin:0}.helpcenter-hero{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fdfaf7,#f8f2ed,#f5ede5)}.helpcenter-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/VIRGINIECLAES.webp);background-size:cover;background-position:center 20%;opacity:.08}.helpcenter-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(184,149,106,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(184,149,106,.06) 0%,transparent 50%)}.helpcenter-hero-decoration{position:absolute;right:-100px;top:50%;transform:translateY(-50%);width:400px;height:400px;color:#b8956a0f;pointer-events:none}.helpcenter-hero-content{position:relative;z-index:2;width:100%;max-width:680px;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.helpcenter-hero-title{font-family:var(--font-serif);font-size:3.25rem;font-weight:400;color:var(--color-black);margin:0 0 var(--spacing-md);line-height:1.15;letter-spacing:-.01em}.helpcenter-hero-subtitle{font-family:var(--font-sans);font-size:1.0625rem;color:var(--color-gray-600);margin:0 0 var(--spacing-xl);line-height:1.6;max-width:480px;margin-left:auto;margin-right:auto}.helpcenter-search-container{position:relative;width:100%;max-width:540px;margin:0 auto}.helpcenter-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--color-primary);pointer-events:none;opacity:.7}.helpcenter-search-container .helpcenter-search-input{width:100%;padding:18px 24px 18px 56px;border:2px solid rgba(184,149,106,.2);border-radius:60px;font-family:var(--font-sans);font-size:1rem;background:var(--color-white);box-shadow:0 4px 24px #b8956a14,0 1px 3px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.helpcenter-search-container .helpcenter-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 8px 32px #b8956a26,0 0 0 4px #b8956a14}.helpcenter-search-container .helpcenter-search-input::placeholder{color:var(--color-gray-400)}.helpcenter-categories{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg) calc(var(--spacing-2xl) * 1.5);background:var(--color-white)}.helpcenter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@keyframes helpcenter-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.helpcenter-card{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-gray-700);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:68px;animation:helpcenter-card-enter .5s cubic-bezier(.4,0,.2,1) forwards;animation-play-state:paused;opacity:0}.helpcenter-card.visible{animation-play-state:running}.helpcenter-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary-light) 0%,rgba(184,149,106,.08) 100%);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0;transition:all .3s ease}.helpcenter-card-text{flex:1;line-height:1.4;text-align:left}.helpcenter-card-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-gray-300);transition:all .3s ease;opacity:0;transform:translate(-8px)}.helpcenter-card:hover{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-primary-light) 100%);transform:translateY(-3px);box-shadow:0 12px 32px #b8956a1f,0 4px 12px #0000000a;color:var(--color-black)}.helpcenter-card:hover .helpcenter-card-icon{background:var(--color-primary);color:var(--color-white);transform:scale(1.05)}.helpcenter-card:hover .helpcenter-card-arrow{opacity:1;transform:translate(0);color:var(--color-primary)}.helpcenter-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-2xl) * 2);text-align:center;gap:var(--spacing-lg)}.helpcenter-no-results-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-50, #fafafa) 100%);border-radius:50%;color:var(--color-gray-300)}.helpcenter-no-results h3{font-family:var(--font-serif);font-size:1.75rem;color:var(--color-gray-700);margin:0}.helpcenter-no-results p{font-family:var(--font-sans);font-size:1rem;color:var(--color-gray-500);margin:0}.helpcenter-cta{background:linear-gradient(135deg,#fdfaf7,#f8f2ed);padding:calc(var(--spacing-2xl) * 1.5) var(--spacing-lg);text-align:center;position:relative;overflow:hidden}.helpcenter-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(184,149,106,.3) 50%,transparent 100%)}.helpcenter-cta-content{max-width:540px;margin:0 auto}.helpcenter-cta h2{font-family:var(--font-serif);font-size:2.25rem;font-weight:400;color:var(--color-black);margin:0 0 var(--spacing-md)}.helpcenter-cta p{font-family:var(--font-sans);font-size:1rem;color:var(--color-gray-600);line-height:1.7;margin:0 0 var(--spacing-xl)}.helpcenter-cta .btn-primary{padding:var(--spacing-md) var(--spacing-xl);font-size:.875rem}@media (max-width: 1024px){.helpcenter-hero-decoration{width:300px;height:300px;right:-80px}}@media (max-width: 900px){.helpcenter-grid{grid-template-columns:repeat(2,1fr)}.helpcenter-hero-title{font-size:2.5rem}}@media (max-width: 600px){.helpcenter-hero{min-height:360px}.helpcenter-hero-title{font-size:2rem}.helpcenter-hero-subtitle{font-size:.9375rem}.helpcenter-hero-decoration{display:none}.helpcenter-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.helpcenter-card{min-height:60px;padding:var(--spacing-md) var(--spacing-lg)}.helpcenter-cta h2{font-size:1.75rem}}.helpcenter-toolbar{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.subcategory-row{display:flex;gap:var(--spacing-sm);align-items:center}.subcategory-row select{flex:1}.subcategory-add-btn{white-space:nowrap;padding:.5rem .9rem}.helpcenter-search-bar{flex:1;min-width:200px;max-width:350px}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none;z-index:1}.search-input-wrapper .search-input{width:100%;padding:.625rem 2.5rem .625rem 40px;border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;background:var(--color-white);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.search-input::placeholder{color:var(--color-gray-400)}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--color-gray-200);border:none;width:20px;height:20px;border-radius:50%;font-size:14px;line-height:1;color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear-btn:hover{background:var(--color-gray-300);color:var(--color-gray-800)}.helpcenter-admin-filters{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-600);white-space:nowrap}.filter-select{min-width:180px;padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-white)}.loading-cell,.error-cell,.empty-cell{text-align:center;padding:var(--spacing-xl)!important;color:var(--color-gray-500)}.error-cell{color:var(--color-error)}.text-muted{color:var(--color-gray-500);font-size:.8125rem}.status-concept{background:var(--color-warning-bg);color:var(--color-warning-text)}.modal-lg{max-width:800px}.modal-xl{max-width:900px}.modal-sm{max-width:400px}.factuur-row{cursor:pointer;transition:background .2s ease}.factuur-row:hover{background:var(--color-gray-50)}.factuur-row-disabled{cursor:default;opacity:.6}.factuur-detail-modal{max-width:980px}.factuur-detail-header{display:flex;align-items:center;gap:var(--spacing-md)}.factuur-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--spacing-xl)}.factuur-detail-section{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.factuur-detail-section h4{margin:0 0 var(--spacing-md);font-size:1rem}.factuur-detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.factuur-detail-total{font-weight:600;color:var(--color-black)}.factuur-items-table{width:100%;border-collapse:collapse;font-size:.9rem}.factuur-items-table th,.factuur-items-table td{text-align:left;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-100)}.factuur-items-table tfoot td{font-weight:600;border-bottom:none;padding-top:var(--spacing-md)}.factuur-betaling-bonnummer{font-weight:500;font-size:.75rem;color:var(--color-primary);background:var(--color-primary-light, rgba(var(--color-primary-rgb, 99, 102, 241), .1));padding:1px 6px;border-radius:4px;margin-left:6px}.factuur-detail-sidebar{background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.factuur-detail-sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.factuur-detail-klant{display:flex;align-items:center;gap:var(--spacing-md)}.factuur-detail-klant strong{display:block;margin-bottom:2px}.factuur-detail-klant span{display:block;color:var(--color-gray-500);font-size:.85rem}.factuur-detail-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.factuur-detail-label{display:block;text-transform:uppercase;font-size:.7rem;color:var(--color-gray-500);letter-spacing:.4px;margin-bottom:4px}.factuur-detail-value{font-weight:600;color:var(--color-black)}.factuur-action-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-weight:500;cursor:pointer;text-align:left;transition:border .2s ease,background .2s ease}.factuur-action-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.factuur-history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.factuur-history li{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-gray-600)}.factuur-history-date{color:var(--color-gray-500)}.factuur-detail-loading,.factuur-detail-empty{text-align:center;color:var(--color-gray-500);padding:var(--spacing-xl) 0}.klant-naam-link{text-decoration:none;color:inherit;transition:color .2s ease}.klant-naam-link:hover{color:var(--color-primary, #b8956a);text-decoration:underline}.factuur-notitie-section{background:var(--color-gray-50, #f9fafb);border-radius:var(--radius-md);padding:var(--spacing-md)}.factuur-notitie-text{color:var(--color-gray-700, #374151);font-size:.9rem;line-height:1.5;white-space:pre-wrap}@media (max-width: 900px){.factuur-detail-grid{grid-template-columns:1fr}}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.btn-danger{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--color-error);color:var(--color-white);padding:.625rem 1.5rem;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.delete-article-title{font-weight:600;color:var(--color-black);margin-top:var(--spacing-md)}.helpcenter-category-hero{position:relative;padding:var(--spacing-2xl) 5%;background:linear-gradient(135deg,#fdf8f5,#f8f2ed);text-align:center}.helpcenter-category-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;color:var(--color-black);margin:0 0 var(--spacing-sm)}.helpcenter-category-count{font-size:.9375rem;color:var(--color-gray-500)}.helpcenter-back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-lg)}.helpcenter-back-link:hover{color:var(--color-primary-hover)}.helpcenter-articles{max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.helpcenter-category-layout{max-width:1200px}.helpcenter-subcategory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(456px,100%),1fr));gap:var(--spacing-xl)}.helpcenter-subcategory-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 12px 28px #0000000a}.helpcenter-subcategory-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:var(--color-black);margin:0 0 var(--spacing-md)}.helpcenter-subcategory-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-sm)}.helpcenter-subcategory-link{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gray-700);text-decoration:none;font-size:.9375rem;line-height:1.5;transition:color .2s ease}.helpcenter-subcategory-link:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.helpcenter-subcategory-link:hover{color:var(--color-primary)}.helpcenter-article-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);text-decoration:none;display:block;transition:all .2s ease}.helpcenter-article-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #b8956a26;transform:translateY(-2px)}.helpcenter-article-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;color:var(--color-black);margin:0 0 var(--spacing-sm)}.helpcenter-article-summary{font-size:.9375rem;color:var(--color-gray-600);line-height:1.6;margin:0 0 var(--spacing-md)}.helpcenter-article-meta{font-size:.8125rem;color:var(--color-gray-400)}.helpcenter-article-hero{background:linear-gradient(135deg,#fdf8f5,#f8f2ed);padding:var(--spacing-2xl) 5%}.helpcenter-article-header{max-width:800px;margin:0 auto}.helpcenter-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;margin-bottom:var(--spacing-lg)}.helpcenter-breadcrumb a{color:var(--color-primary)}.helpcenter-breadcrumb span{color:var(--color-gray-400)}.helpcenter-article-page-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;color:var(--color-black);margin:0 0 var(--spacing-md);line-height:1.2}.helpcenter-article-date{font-size:.875rem;color:var(--color-gray-500)}.helpcenter-article-content{max-width:800px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.helpcenter-article-body{font-size:1.0625rem;line-height:1.8;color:var(--color-gray-700)}.helpcenter-article-body h1,.helpcenter-article-body h2,.helpcenter-article-body h3{font-family:var(--font-serif);color:var(--color-black);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.helpcenter-article-body h1{font-size:2rem}.helpcenter-article-body h2{font-size:1.5rem}.helpcenter-article-body h3{font-size:1.25rem}.helpcenter-article-body p{margin-bottom:var(--spacing-lg)}.helpcenter-article-body ul,.helpcenter-article-body ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.helpcenter-article-body li{margin-bottom:var(--spacing-sm)}.helpcenter-article-body strong{color:var(--color-black)}.helpcenter-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.helpcenter-empty h3{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.booking-page{min-height:100vh;background:#faf9f7;padding-top:80px}.booking-container{max-width:800px;margin:0 auto;padding:var(--spacing-lg);background:var(--color-white);min-height:calc(100vh - 80px);box-shadow:0 0 40px #0000000d;display:flex;flex-direction:column}.booking-header{display:flex;flex-direction:column;border-bottom:1px solid var(--color-gray-100)}.booking-steps-indicator{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);gap:0;background:#faf9f7}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;background:var(--color-white);border:2px solid var(--color-gray-300);color:var(--color-gray-400);transition:all .3s}.step-item.active .step-circle,.step-item.completed .step-circle{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.step-label{font-size:.7rem;font-weight:500;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.step-item.active .step-label{color:var(--color-primary)}.step-item.completed .step-label{color:var(--color-gray-600)}.step-connector{width:40px;height:2px;background:var(--color-gray-300);margin:0 var(--spacing-xs);margin-bottom:20px;transition:background .3s}.step-connector.completed{background:var(--color-primary)}.booking-title-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-white)}.booking-back-btn,.booking-back-placeholder{width:40px;height:40px;flex-shrink:0}.booking-back-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-primary);border-radius:var(--radius-full);transition:background .2s}.booking-back-btn:hover{background:var(--color-gray-100)}.booking-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--color-primary);margin:0;text-align:center;flex:1}.booking-main{flex:1;overflow-y:auto;padding-bottom:100px}.booking-step{padding:var(--spacing-lg) var(--spacing-md)}.booking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.booking-bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;background:var(--color-white);border-top:1px solid var(--color-gray-200);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;z-index:100}.bottom-bar-info{font-size:.875rem;color:var(--color-gray-600)}.bekijk-afspraken{color:var(--color-primary);font-weight:500;margin-left:var(--spacing-xs)}.booking-next-btn{min-width:180px}.booking-next-btn:disabled{opacity:.5;cursor:not-allowed}.booking-filter-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-primary-light, #fdf4ed);border:1px solid var(--color-primary, #c8956c);border-radius:8px;font-size:.875rem;color:var(--color-text)}.booking-filter-clear{background:none;border:none;color:var(--color-primary, #c8956c);cursor:pointer;font-size:.875rem;font-weight:600;white-space:nowrap;text-decoration:underline;padding:0}.booking-filter-clear:hover{opacity:.8}.category-tabs-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);position:relative}.category-tabs{display:flex;gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-xs) 0;scroll-behavior:smooth}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:25px;font-size:.875rem;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .2s;white-space:nowrap}.category-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.category-scroll-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;color:var(--color-gray-500);transition:all .2s}.category-scroll-btn:hover{background:var(--color-gray-50);color:var(--color-primary)}.booking-search{position:relative;margin-bottom:var(--spacing-lg)}.booking-search .search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.booking-search .search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 48px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;outline:none;transition:border-color .2s}.booking-search .search-input:focus{border-color:var(--color-primary)}.booking-search .search-input::placeholder{color:var(--color-gray-400)}.diensten-list{display:flex;flex-direction:column}.diensten-category-title{font-size:.75rem;font-weight:600;color:var(--color-gray-500);letter-spacing:.05em;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.dienst-group{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);background:var(--color-white);transition:all .2s;overflow:hidden}.dienst-group:hover{border-color:var(--color-primary-light)}.dienst-group.expanded{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.dienst-main-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s}.dienst-main-item.selected{background:#fdf9f6}.dienst-chevron{color:var(--color-gray-400);transition:transform .2s}.dienst-group.expanded .dienst-chevron{transform:rotate(180deg)}.dienst-variants{display:none;border-top:1px solid var(--color-gray-100);background:#fafafa}.dienst-group.expanded .dienst-variants{display:block}.variant-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);padding-left:calc(var(--spacing-md) * 2.5);cursor:pointer;transition:all .2s;border-bottom:1px solid var(--color-gray-50)}.variant-item:last-child{border-bottom:none}.variant-item:hover,.variant-item.selected{background:#fdf9f6}.variant-radio{flex-shrink:0;padding-top:2px}.variant-radio input[type=radio]{display:none}.variant-item.selected .radio-custom,.variant-radio input:checked+.radio-custom{border-color:var(--color-primary)}.variant-item.selected .radio-custom:after,.variant-radio input:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-primary);border-radius:50%}.variant-info{flex:1;min-width:0}.variant-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.variant-naam{font-weight:500;color:var(--color-gray-800);font-size:.9375rem;display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.variant-duur-label{display:inline-block;font-size:.75rem;font-weight:500;color:var(--color-gray-600);border:1px solid var(--color-gray-300);border-radius:25px;padding:2px 10px;white-space:nowrap;line-height:1.4}.variant-prijs{font-weight:600;color:var(--color-gray-700);font-size:.9375rem}.variant-details{font-size:.8125rem;color:var(--color-gray-500)}.dienst-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all .2s;background:var(--color-white)}.dienst-item:hover{border-color:var(--color-primary-light);background:#fdf9f6}.dienst-item.selected{border-color:var(--color-primary);background:#fdf9f6}.dienst-radio{flex-shrink:0;padding-top:2px}.dienst-radio input[type=radio]{display:none}.radio-custom{display:block;width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:50%;position:relative;transition:all .2s}.dienst-item.selected .radio-custom,.dienst-radio input:checked+.radio-custom{border-color:var(--color-primary)}.dienst-item.selected .radio-custom:after,.dienst-radio input:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-primary);border-radius:50%}.dienst-info{flex:1;min-width:0}.dienst-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.dienst-naam{font-weight:600;color:var(--color-gray-900);line-height:1.3}.dienst-prijs{font-weight:600;color:var(--color-gray-700);white-space:nowrap}.dienst-details{font-size:.875rem;color:var(--color-gray-500);line-height:1.5}.dienst-duur{color:var(--color-gray-600)}.dienst-beschrijving{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-results{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.location-sort{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-lg)}.sort-btn{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm)}.sort-btn:hover{text-decoration:underline}.locations-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.location-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;background:var(--color-white)}.location-item:hover{border-color:var(--color-primary-light);background:#fdf9f6}.location-item.selected{border-color:var(--color-primary);background:#fdf9f6}.location-item.disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-gray-50);border-color:var(--color-gray-200)}.location-item.disabled:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-200)}.location-not-available{color:var(--color-error);font-size:.75rem;margin-top:4px;font-weight:500}.location-eerst-beschikbaar{color:var(--color-success);font-size:.75rem;margin-top:4px;font-weight:500}.location-niet-beschikbaar-binnenkort{color:#d97706;font-size:.75rem;margin-top:4px;font-weight:500}.location-radio{flex-shrink:0;padding-top:2px}.location-radio input[type=radio]{display:none}.location-item.selected .radio-custom,.location-radio input:checked+.radio-custom{border-color:var(--color-primary)}.location-item.selected .radio-custom:after,.location-radio input:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-primary);border-radius:50%}.location-info{display:flex;flex-direction:column;gap:2px}.location-naam{font-weight:600;color:var(--color-gray-900)}.location-adres{font-size:.875rem;color:var(--color-gray-500)}.medewerker-preference{margin-bottom:var(--spacing-lg);position:relative}.medewerker-select-wrapper{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s;background:var(--color-white)}.medewerker-select-wrapper:hover{border-color:var(--color-primary-light)}.medewerker-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);overflow:hidden}.medewerker-avatar img,.medewerker-photo{width:100%;height:100%;object-fit:cover}.medewerker-select-info{flex:1}.medewerker-label{display:block;font-weight:600;color:var(--color-gray-900)}.medewerker-photo-select{position:relative;width:100%}.medewerker-select-display{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;background:var(--color-white);transition:all .2s ease;min-height:48px;width:100%}.medewerker-select-display span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medewerker-select-display:hover{border-color:var(--color-primary)}.medewerker-select-display .dropdown-chevron{margin-left:auto;color:var(--color-gray-400);transition:transform .2s ease}.medewerker-photo-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-gray-100);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600);font-size:12px;font-weight:600;flex-shrink:0;border:none;outline:none}.medewerker-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:1000}.medewerker-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .2s ease}.medewerker-dropdown-item:hover{background:var(--color-gray-100)}.medewerker-info{display:flex;flex-direction:column;gap:2px}.medewerker-name{font-size:14px;font-weight:500;color:var(--color-gray-900)}.medewerker-location{font-size:12px;color:var(--color-gray-500)}.medewerker-sublabel{display:block;font-size:.875rem;color:var(--color-gray-500)}.dropdown-arrow{color:var(--color-gray-400);transition:transform .2s}.medewerker-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;max-height:300px;overflow-y:auto;display:none;margin-top:var(--spacing-xs)}.medewerker-dropdown.open{display:block}.medewerker-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;transition:background .2s}.medewerker-option:hover{background:var(--color-gray-50)}.medewerker-option.selected{background:#fdf9f6}.medewerker-option input{display:none}.medewerker-option-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);overflow:hidden}.medewerker-option-avatar img{width:100%;height:100%;object-fit:cover}.medewerker-option-info{display:flex;flex-direction:column;gap:2px}.medewerker-eerst-beschikbaar{font-size:.7rem;color:var(--color-success);font-weight:500}.medewerker-niet-beschikbaar{font-size:.7rem;color:#d97706;font-weight:500}.klant-check-notice{display:none;margin-bottom:var(--spacing-md)}.klant-check-notice.visible{display:block}.klant-check-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-bg);border:1px solid #fbbf24;border-radius:var(--radius-md);color:var(--color-warning-text);font-size:.875rem}.klant-check-message svg{flex-shrink:0;margin-top:2px;color:#d97706}.klant-check-message p{margin:0 0 var(--spacing-xs)}.klant-login-link{color:var(--color-primary);font-weight:600;text-decoration:underline}.klant-login-link:hover{opacity:.8}.calendar-view-toggle{display:flex;justify-content:center;gap:0;margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200)}.view-toggle-btn{flex:1;max-width:150px;padding:var(--spacing-md);background:none;border:none;font-size:1rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;position:relative;transition:color .2s}.view-toggle-btn:hover{color:var(--color-gray-700)}.view-toggle-btn.active{color:var(--color-gray-900)}.view-toggle-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-gray-900)}.week-calendar{margin-bottom:var(--spacing-lg)}.week-navigation{display:flex;align-items:center;gap:var(--spacing-sm)}.week-nav-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-gray-500);border-radius:var(--radius-full);transition:all .2s}.week-nav-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.week-days{display:flex;flex:1;gap:var(--spacing-xs);justify-content:space-between}.week-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm) var(--spacing-xs);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.week-day:hover:not(:disabled){background:var(--color-gray-100)}.week-day:disabled{opacity:.4;cursor:not-allowed}.week-day.selected{background:var(--color-primary);color:var(--color-white)}.week-day.today:not(.selected){background:#fdf3eb}.week-day.unavailable{opacity:.4;cursor:not-allowed}.week-day.unavailable .day-number{text-decoration:line-through}.day-label{font-size:.7rem;font-weight:500;text-transform:capitalize;color:inherit}.week-day:not(.selected) .day-label{color:var(--color-gray-500)}.day-number{font-size:1.25rem;font-weight:600;line-height:1}.day-month{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.week-day:not(.selected) .day-month{color:var(--color-gray-500)}.next-available-hint{text-align:center;margin-top:var(--spacing-md);font-size:.875rem;color:var(--color-gray-500)}.next-available-link{background:none;border:none;padding:0;font:inherit;color:var(--color-primary);font-weight:600;text-decoration:none;margin-left:var(--spacing-xs);cursor:pointer}.next-available-link:hover{text-decoration:underline}.month-calendar{margin-bottom:var(--spacing-lg)}.month-navigation{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.month-title{font-size:1rem;font-weight:600;text-transform:capitalize;min-width:160px;text-align:center}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.month-day-header{text-align:center;font-size:.75rem;font-weight:600;color:var(--color-gray-500);padding:var(--spacing-xs)}.month-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.month-day:hover:not(:disabled){background:var(--color-gray-100)}.month-day:disabled{opacity:.3;cursor:not-allowed}.month-day.selected{background:var(--color-primary);color:var(--color-white)}.month-day.today:not(.selected){background:#fdf3eb;font-weight:700}.month-day.other-month{color:var(--color-gray-300)}.month-day.unavailable{opacity:.3;cursor:not-allowed;text-decoration:line-through}.time-slots-section{margin-top:var(--spacing-lg)}.slots-title{font-size:.875rem;font-weight:500;color:var(--color-gray-600);text-align:center;margin-bottom:var(--spacing-lg)}.slots-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-gray-500)}.time-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.time-slot{padding:var(--spacing-sm) var(--spacing-md);background:#fdf3eb;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .2s;text-align:center}.time-slot:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.time-slot.selected{background:var(--color-primary);color:var(--color-white)}.no-slots,.select-date-prompt{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500)}.no-slots-hint{font-size:.875rem;margin-top:var(--spacing-sm);color:var(--color-gray-400)}.booking-step-4{max-width:600px;margin:0 auto}.form-section{margin-bottom:var(--spacing-lg)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.form-header h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin:0}.required-note{font-size:.75rem;color:var(--color-gray-500)}.booking-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.booking-form .form-group,.booking-form .form-row{margin-bottom:0}.form-group label{font-size:.75rem;font-weight:500;color:var(--color-gray-600);margin-bottom:2px;padding-left:var(--spacing-sm)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;outline:none;transition:border-color .2s;background:var(--color-white)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary)}.phone-input-wrapper{display:flex;gap:0}.landcode-select{width:110px;min-width:110px;max-width:110px;flex-shrink:0;border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none;padding-left:8px;padding-right:4px}.phone-input-wrapper input{flex:1;min-width:0;border-radius:0 var(--radius-md) var(--radius-md) 0}.herkomst-search-wrapper{position:relative}.herkomst-search-input{width:100%;box-sizing:border-box}.herkomst-search-results{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.herkomst-search-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:.9375rem;transition:background .15s}.herkomst-search-item:hover{background:var(--color-gray-50, #f5f5f5)}.herkomst-search-item.herkomst-search-empty{color:var(--color-gray-400);cursor:default;font-style:italic}.booking-summary{background:#faf9f7;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.summary-datetime{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.summary-datetime strong{font-weight:600}.summary-duration{font-size:.875rem;color:var(--color-gray-500)}.summary-dienst{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.summary-dienst-naam{color:var(--color-gray-700)}.summary-dienst-prijs{font-weight:500}.summary-total{display:flex;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-md)}.kortingscode-btn{background:none;border:none;color:var(--color-primary);font-size:.875rem;cursor:pointer;padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm)}.kortingscode-btn:hover{text-decoration:underline}.kortingscode-input{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.kortingscode-input.hidden{display:none}.kortingscode-input input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.kortingscode-feedback{font-size:.8rem;margin-top:var(--spacing-xs);min-height:1.2em}.kortingscode-feedback.success{color:var(--color-success, var(--color-success))}.kortingscode-feedback.error{color:var(--color-error, var(--color-error))}.form-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--color-gray-700)}.checkbox-item input[type=checkbox]{display:none}.checkbox-custom{flex-shrink:0;width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:4px;position:relative;transition:all .2s}.checkbox-item input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-item input:checked+.checkbox-custom:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.account-creation-section{margin-top:var(--spacing-sm)}.account-creation-divider{height:1px;background:var(--color-gray-200);margin:var(--spacing-md) 0}.account-password-fields{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.account-password-fields.hidden{display:none}.account-creation-info{font-size:.8125rem;color:var(--color-gray-600);margin:0 0 var(--spacing-md);line-height:1.5}.account-password-fields .form-group{margin-bottom:var(--spacing-md)}.account-password-fields .form-group:last-child{margin-bottom:0}.account-password-fields .password-input-wrapper{position:relative}.account-password-fields .password-input-wrapper input{padding-right:42px}.account-password-fields .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;color:var(--color-gray-500)}.account-password-fields .password-toggle:hover{color:var(--color-gray-700)}.account-created-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);margin-top:var(--spacing-md);font-size:.875rem;color:#166534}.account-created-notice svg{flex-shrink:0}.account-created-notice a{color:#166534;font-weight:600;text-decoration:underline}.booking-step-5{display:flex;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md)}.confirmation-card{text-align:center;max-width:500px}.confirmation-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4caf50}.confirmation-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-sm)}.confirmation-number{color:var(--color-gray-600);margin-bottom:var(--spacing-xl)}.confirmation-details{background:#faf9f7;border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:left;margin-bottom:var(--spacing-lg)}.confirmation-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-200)}.confirmation-row:last-child{border-bottom:none}.confirmation-row.total{padding-top:var(--spacing-md);margin-top:var(--spacing-sm);border-top:2px solid var(--color-gray-300);border-bottom:none}.confirmation-label{color:var(--color-gray-500)}.confirmation-value{text-align:right;color:var(--color-gray-900)}.confirmation-value small{display:block;color:var(--color-gray-500);font-size:.875rem}.confirmation-email-notice{font-size:.875rem;color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.confirmation-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.confirmation-actions .btn-outline,.confirmation-actions .btn-primary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.confirmation-error{text-align:center;padding:var(--spacing-2xl)}@media (max-width: 640px){.booking-container{padding:0}.booking-header,.booking-step{padding:var(--spacing-md)}.form-row{grid-template-columns:1fr}.time-slots-grid{grid-template-columns:repeat(3,1fr)}.week-day{padding:var(--spacing-xs)}.day-number{font-size:1rem}.booking-bottom-bar{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.booking-next-btn{width:100%}}.afspraak-actie-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--color-gray-50, #f9fafb)}.afspraak-actie-container{width:100%;max-width:520px}.afspraak-actie-card{background:var(--color-white, #fff);border-radius:16px;padding:40px;box-shadow:0 4px 24px #00000014;text-align:center}.afspraak-actie-card h2{margin:16px 0 8px;font-size:1.5rem;font-weight:700;color:var(--color-gray-900, #111827)}.afspraak-actie-card .text-muted{color:var(--color-gray-500, #6b7280);margin:0 0 20px;line-height:1.5}.afspraak-actie-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:8px}.afspraak-actie-icon.success{background:#dcfce7;color:#16a34a}.afspraak-actie-icon.error{background:#fef2f2;color:#dc2626}.afspraak-actie-icon.warning{background:#fef3c7;color:#d97706}.afspraak-actie-icon.info{background:#dbeafe;color:#2563eb}.afspraak-actie-icon.primary{background:var(--color-primary-light, #f5f0eb);color:var(--color-primary, #b8956a)}.afspraak-actie-details{background:var(--color-gray-50, #f9fafb);border-radius:12px;padding:16px 20px;margin:20px 0;text-align:left}.afspraak-actie-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.afspraak-actie-details .detail-row:last-child{border-bottom:none}.afspraak-actie-details .detail-label{color:var(--color-gray-500, #6b7280);font-size:.875rem}.afspraak-actie-details .detail-value{font-weight:600;color:var(--color-gray-900, #111827);font-size:.9rem}.afspraak-actie-form{text-align:left;margin:20px 0}.afspraak-actie-form .form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-gray-700, #374151);margin-bottom:6px}.afspraak-actie-form .form-input,.afspraak-actie-form .form-textarea{width:100%;padding:10px 14px;border:1px solid var(--color-gray-300, #d1d5db);border-radius:8px;font-size:.9rem;color:var(--color-gray-900, #111827);background:var(--color-white, #fff);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.afspraak-actie-form .form-input:focus,.afspraak-actie-form .form-textarea:focus{outline:none;border-color:var(--color-primary, #b8956a);box-shadow:0 0 0 3px #b8956a26}.afspraak-actie-form .form-textarea{resize:vertical;min-height:80px}.slots-container{margin-top:16px}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:8px}.slot-btn{padding:10px 8px;background:var(--color-white, #fff);border:1.5px solid var(--color-gray-300, #d1d5db);border-radius:8px;font-size:.9rem;font-weight:500;color:var(--color-gray-700, #374151);cursor:pointer;transition:all .15s ease;text-align:center}.slot-btn:hover{border-color:var(--color-primary, #b8956a);background:var(--color-primary-light, #f5f0eb);color:var(--color-primary, #b8956a)}.slot-btn.selected{background:var(--color-primary, #b8956a);border-color:var(--color-primary, #b8956a);color:#fff;font-weight:600}.afspraak-actie-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.afspraak-actie-btn{display:inline-block;padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;border:none;transition:all .2s ease}.afspraak-actie-btn.btn-primary{background:var(--color-primary, #b8956a);color:#fff}.afspraak-actie-btn.btn-primary:hover{background:var(--color-primary-hover, #a0805a);transform:translateY(-1px);box-shadow:0 4px 12px #b8956a4d}.afspraak-actie-btn.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.afspraak-actie-btn.btn-secondary{background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-700, #374151);border:1px solid var(--color-gray-300, #d1d5db)}.afspraak-actie-btn.btn-secondary:hover{background:var(--color-gray-200, #e5e7eb)}.afspraak-actie-btn.btn-danger{background:#dc2626;color:#fff}.afspraak-actie-btn.btn-danger:hover{background:#b91c1c}.afspraak-actie-btn.btn-danger:disabled{opacity:.5;cursor:not-allowed}.afspraak-actie-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;color:var(--color-gray-500, #6b7280)}.afspraak-actie-loading .spinner{width:36px;height:36px;border:3px solid var(--color-gray-200, #e5e7eb);border-top-color:var(--color-primary, #b8956a);border-radius:50%;animation:spin .8s linear infinite}.afspraak-actie-loading .spinner.small{width:24px;height:24px;border-width:2px}.feedback-stars{display:flex;gap:8px;justify-content:center;margin:12px 0}.feedback-star{background:none;border:none;padding:4px;cursor:pointer;transition:transform .15s ease;border-radius:4px}.feedback-star:hover{transform:scale(1.2)}.feedback-star.active{transform:scale(1.05)}.feedback-stars-inline{display:inline-flex;gap:2px;align-items:center}.required{color:#dc2626}.formulier-progress{display:flex;align-items:center;justify-content:center;gap:0;margin:20px 0;padding:0 8px}.formulier-progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;flex-shrink:0}.formulier-progress-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;background:var(--color-gray-200, #e5e7eb);color:var(--color-gray-500, #6b7280);transition:all .3s ease}.formulier-progress-step.active .formulier-progress-dot{background:var(--color-primary, #b8956a);color:#fff}.formulier-progress-step.done .formulier-progress-dot{background:#16a34a;color:#fff}.formulier-progress-label{font-size:.7rem;color:var(--color-gray-500, #6b7280);text-align:center;max-width:80px;white-space:nowrap}.formulier-progress-step.active .formulier-progress-label{color:var(--color-primary, #b8956a);font-weight:600}.formulier-progress-step.done .formulier-progress-label{color:#16a34a}.formulier-progress-line{flex:1;height:2px;background:var(--color-gray-200, #e5e7eb);min-width:24px;margin:0 8px 22px}@media (max-width: 600px){.afspraak-actie-card{padding:24px 20px}.afspraak-actie-details .detail-row{flex-direction:column;align-items:flex-start;gap:2px}.slots-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.not-found-section{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl)}.not-found-content{text-align:center;max-width:480px}.not-found-code{display:block;font-size:7rem;font-weight:800;line-height:1;color:var(--color-primary);opacity:.15;margin-bottom:var(--spacing-md)}.not-found-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md)}.not-found-text{font-size:1rem;line-height:1.6;color:var(--color-text-light);margin:0 0 var(--spacing-xl)}.not-found-btn{text-decoration:none}@media (max-width: 600px){.not-found-code{font-size:5rem}.not-found-title{font-size:1.375rem}}.calendar-container{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid var(--color-gray-200)}.calendar-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.day-column{padding:var(--spacing-md);text-align:center;font-weight:600;font-size:.8125rem;letter-spacing:.02em;border-left:1px solid var(--color-gray-200);color:var(--color-gray-700)}.day-column.today{background:var(--color-primary-light);color:var(--color-primary);font-weight:700}.time-row{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid var(--color-gray-100);transition:background .15s ease}.time-row:hover{background:var(--color-gray-50)}.time-label{padding:var(--spacing-sm);font-size:.75rem;color:var(--color-gray-500);text-align:right;font-weight:500}.calendar-cell{min-height:60px;border-left:1px solid var(--color-gray-100);padding:var(--spacing-xs);transition:background .15s ease}.calendar-cell:hover{background:var(--color-primary-light);opacity:.5}.agenda-main{background:#f8f9fa}.agenda-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);gap:16px;flex-wrap:wrap}.agenda-toolbar-left,.agenda-toolbar-right{display:flex;align-items:center;gap:12px}.agenda-btn{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700)}.agenda-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.agenda-btn-today{background:var(--color-white);border:1px solid var(--color-gray-300)}.agenda-view-toggle{display:flex;background:var(--color-gray-100);border-radius:8px;padding:3px;gap:2px}.agenda-view-btn{padding:6px 14px;border:none;background:transparent;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;color:var(--color-gray-600);transition:all .15s ease}.agenda-view-btn:hover{color:var(--color-gray-800)}.agenda-view-btn.active{background:var(--color-white);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.agenda-date-nav{display:flex;align-items:center;gap:8px}.agenda-date-range{font-size:.9375rem;font-weight:500;color:var(--color-gray-800);min-width:160px}.agenda-nav-buttons{display:flex;gap:2px}.agenda-nav-btn{width:32px;height:32px;border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600);transition:all .15s ease}.agenda-nav-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-800)}.agenda-nav-btn:first-child{border-radius:6px 0 0 6px}.agenda-nav-btn:last-child{border-radius:0 6px 6px 0}.agenda-nav-btn:only-child{border-radius:6px}.agenda-nav-double{border-radius:6px}.agenda-week-jump-wrapper{position:relative}.agenda-week-jump-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:120px;background:#fff;border:1px solid var(--color-gray-200);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,visibility .15s,transform .15s;overflow:hidden}.agenda-week-jump-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.week-jump-item{padding:10px 16px;cursor:pointer;font-size:14px;color:var(--color-gray-700);white-space:nowrap;transition:background .1s}.week-jump-item:hover{background:var(--color-gray-50);color:var(--color-primary)}.week-jump-item:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.agenda-medewerker-dropdown{position:relative}.agenda-medewerker-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--color-gray-300);background:var(--color-white);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--color-gray-700);transition:all .15s ease}.agenda-medewerker-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.agenda-medewerker-btn svg{flex-shrink:0}.agenda-selected-medewerker{display:flex;align-items:center;gap:8px}.agenda-medewerker-select{padding:8px 32px 8px 12px;border:1px solid var(--color-gray-300);background:var(--color-white);border-radius:6px;font-size:.875rem;cursor:pointer;color:var(--color-gray-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:180px}.medewerker-chip{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;background:var(--color-gray-100);border-radius:20px;border:1px solid var(--color-gray-200)}.medewerker-chip-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary-light);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--color-primary)}.medewerker-chip-name{font-size:.8125rem;font-weight:500;color:var(--color-gray-800)}.medewerker-chip-remove{width:20px;height:20px;border:none;background:var(--color-gray-300);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-gray-600);transition:all .15s ease;line-height:1}.medewerker-chip-remove:hover{background:var(--color-gray-400);color:var(--color-white)}.agenda-filter-dropdown{position:relative}.agenda-filter-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--color-gray-300);background:var(--color-white);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--color-gray-600);transition:all .15s ease;min-width:140px}.agenda-filter-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.agenda-filter-btn.has-selection{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.agenda-filter-btn svg:first-child{flex-shrink:0}.agenda-filter-btn .dropdown-chevron{margin-left:auto;transition:transform .2s ease}.agenda-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;max-height:320px;overflow-y:auto;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;box-shadow:0 10px 40px #0000001f;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.agenda-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.agenda-dropdown-menu .dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s ease;font-size:.875rem;color:var(--color-gray-700)}.agenda-dropdown-menu .dropdown-item:first-child{border-bottom:1px solid var(--color-gray-100);font-weight:500}.agenda-dropdown-menu .dropdown-item:hover{background:var(--color-gray-50)}.agenda-dropdown-menu .dropdown-item.active{background:var(--color-primary-light);color:var(--color-primary)}.dropdown-item-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-gray-200);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--color-gray-600);flex-shrink:0}.dropdown-item-avatar-all{background:var(--color-primary-light, #e3f2fd);color:var(--color-primary, #1976d2)}.dropdown-item-info{display:flex;flex-direction:column;min-width:0}.locatie-color-indicator{width:16px;height:16px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.dropdown-item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item-sub{font-size:.75rem;color:var(--color-gray-500)}.agenda-btn-primary{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.agenda-btn-primary:hover{background:var(--color-primary-dark)}.agenda-content{padding:0!important;height:calc(100vh - 130px);overflow:hidden}.agenda-calendar{display:flex;flex-direction:column;height:100%;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:0;overflow:hidden}.agenda-calendar-header{display:grid;grid-template-columns:60px repeat(7,minmax(0,1fr)) var(--scrollbar-width, 15px);border-bottom:1px solid var(--color-gray-200);background:var(--color-white);position:sticky;top:0;z-index:10}.agenda-calendar-header>*{box-sizing:border-box}.agenda-week-label{padding:12px 8px;font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-align:center;border-right:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:center}.agenda-day-header{padding:10px 8px;text-align:center;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:2px}.agenda-day-header:last-child{border-right:none}.agenda-day-name{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase}.agenda-day-number{font-size:.8125rem;font-weight:500;color:var(--color-gray-700)}.agenda-day-header.is-today .agenda-day-name{color:var(--color-primary)}.agenda-day-header.is-today .agenda-day-number{color:var(--color-primary);font-weight:700}.today-badge{background:var(--color-primary);color:#fff!important;padding:2px 8px;border-radius:10px;font-size:.75rem}.agenda-allday-row{display:grid;grid-template-columns:60px repeat(7,minmax(0,1fr)) var(--scrollbar-width, 15px);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);min-height:32px}.agenda-allday-row>*{box-sizing:border-box}.agenda-allday-label{padding:6px 4px;font-size:.6875rem;color:var(--color-gray-500);text-align:center;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.agenda-add-note-btn{width:20px;height:20px;border:none;background:var(--color-primary-light);color:var(--color-primary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.agenda-add-note-btn:hover{background:var(--color-primary);color:#fff}.agenda-allday-cell{padding:4px;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:background .15s ease}.agenda-allday-cell:hover{background:#b8956a1a}.agenda-allday-cell:last-child{border-right:none}.agenda-allday-event{padding:3px 6px;border-radius:4px;font-size:.6875rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-allday-event.yellow{background:var(--color-warning-bg);color:var(--color-warning-text);border-left:3px solid var(--color-warning)}.agenda-allday-event.blue{background:var(--color-info-bg);color:var(--color-info-text);border-left:3px solid var(--color-info)}.agenda-allday-event.green{background:var(--color-success-bg);color:var(--color-success-text);border-left:3px solid #22c55e}.agenda-allday-event.purple{background:#f3e8ff;color:#7c3aed;border-left:3px solid #8b5cf6}.allday-event-text{overflow:hidden;text-overflow:ellipsis}.allday-event-icon{font-size:.625rem}.agenda-allday-more{font-size:.625rem;color:var(--color-gray-500);padding:2px 4px}.note-color-options{display:flex;gap:.5rem}.note-color-option{cursor:pointer}.note-color-option input{display:none}.note-color-swatch{display:block;width:32px;height:32px;border-radius:8px;border:2px solid transparent;transition:border-color .15s,transform .15s}.note-color-option input:checked+.note-color-swatch{border-color:var(--color-primary);transform:scale(1.1)}.note-color-swatch:hover{transform:scale(1.05)}.note-modal-footer-info{font-size:.8125rem;color:var(--color-gray-500);display:flex;flex-direction:column;gap:.125rem}.note-added-by{white-space:nowrap}.note-modal-footer-info strong{color:var(--color-gray-700)}.note-added-date{font-size:.75rem;color:var(--color-gray-400)}.note-textarea-large{min-height:100px;resize:vertical}.agenda-calendar-body{display:grid;grid-template-columns:60px repeat(7,minmax(0,1fr));flex:1;overflow-y:auto;overflow-y:overlay;overflow-x:hidden;position:relative}.agenda-calendar-body>*{box-sizing:border-box}.agenda-time-column{border-right:1px solid var(--color-gray-200);background:var(--color-white);position:sticky;left:0;z-index:5}.agenda-time-slot{height:21px;display:flex;align-items:flex-start;justify-content:flex-end;padding-right:10px;border-top:1px solid var(--color-gray-300)}.agenda-time-slot-minor{border-bottom:1px solid var(--color-gray-50);border-top:1px solid var(--color-gray-50)}.agenda-time-label{font-size:.75rem;color:var(--color-gray-700);font-weight:500}.agenda-time-label-minor{font-size:.625rem;font-weight:400;color:var(--color-gray-500);font-weight:500;transform:translateY(-6px);white-space:nowrap}.agenda-time-cell{cursor:crosshair;transition:background .1s ease}.agenda-time-cell:hover{background:#b8956a14}.agenda-time-cell.dragging{background:#b8956a26}.agenda-drag-preview{display:none;background:var(--color-primary-light);border:2px solid var(--color-primary);border-radius:6px;padding:6px 10px;z-index:20;pointer-events:none;opacity:.9;box-shadow:0 4px 12px #b8956a40}.agenda-drag-preview span{display:block;font-size:.75rem;font-weight:500;color:var(--color-primary)}.agenda-drag-preview span:first-child{font-size:.8125rem;font-weight:600;margin-bottom:2px}.agenda-day-column{border-right:1px solid var(--color-gray-200);position:relative}.agenda-day-column:last-child{border-right:none}.agenda-day-column.is-today-column{background:rgba(var(--color-primary-rgb, 181, 148, 115),.03)}.agenda-day-column.drag-drop-target{outline:2px dashed var(--color-gray-300);outline-offset:-2px}.agenda-day-column.drag-drop-active{outline-color:var(--color-primary);background:rgba(var(--color-primary-rgb, 181, 148, 115),.06)}.agenda-time-cell{height:21px;border-bottom:1px dashed var(--color-gray-100);position:relative;border-top:1px solid var(--color-gray-300)}.agenda-time-cell-minor{border-top:1px solid var(--color-gray-50)}.agenda-time-cell.slot-unavailable{background-color:#f0f0f0}.agenda-time-cell.slot-unavailable:hover{background-color:#e8e8e8}.agenda-time-cell.slot-available:hover{box-shadow:inset 0 0 0 9999px #0000000d}.agenda-location-legend{display:flex;align-items:center;gap:16px;padding:8px 16px;background-color:#fff;border-bottom:1px solid var(--color-gray-200);font-size:13px;flex-wrap:wrap}.agenda-location-legend .legend-label{font-weight:600;color:var(--color-gray-600)}.agenda-location-legend .legend-item{display:flex;align-items:center;gap:6px}.agenda-location-legend .legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.agenda-location-legend .legend-name{color:var(--color-gray-700)}.agenda-current-time-line{position:absolute;left:0;right:0;height:2px;background:var(--color-error);z-index:20;pointer-events:none}.agenda-current-time-dot{position:absolute;left:-5px;top:-4px;width:10px;height:10px;background:var(--color-error);border-radius:50%}.agenda-event{position:absolute;left:2px;right:2px;padding:4px 6px;border-radius:4px;font-size:.6875rem;overflow:hidden;cursor:pointer;z-index:10;transition:box-shadow .15s ease}.agenda-event:hover{box-shadow:0 2px 8px #00000026;z-index:15}.agenda-event-resize-handle{position:absolute;left:0;right:0;height:6px;z-index:20;opacity:0;transition:opacity .15s ease}.agenda-event:hover .agenda-event-resize-handle{opacity:1}.resize-handle-top{top:0;cursor:n-resize;border-radius:4px 4px 0 0}.resize-handle-bottom{bottom:0;cursor:s-resize;border-radius:0 0 4px 4px}.agenda-event-resize-handle:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:20px;height:2px;background:#00000040;border-radius:1px}.resize-handle-top:after{top:2px}.resize-handle-bottom:after{bottom:2px}.agenda-event.event-yellow{background:var(--color-warning-bg);border-left:3px solid var(--color-warning);color:var(--color-warning-text)}.agenda-event.event-blue{background:var(--color-info-bg);border-left:3px solid var(--color-info);color:var(--color-info-text)}.agenda-event.event-green{background:var(--color-success-bg);border-left:3px solid #22c55e;color:var(--color-success-text)}.agenda-event.event-gray{background:#f3f4f6;border-left:3px solid #9ca3af;color:#4b5563}.agenda-event.event-purple{background:#f3e8ff;border-left:3px solid #8b5cf6;color:#7c3aed}.agenda-event-header-row{display:flex;align-items:center;gap:6px;margin-bottom:1px;min-width:0}.agenda-event-time{font-weight:600;font-size:.625rem;flex-shrink:0;white-space:nowrap}.agenda-event-service{font-weight:600;font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:1px}.agenda-event-medewerker{font-size:.5625rem;font-weight:600;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.agenda-event-client{font-size:.625rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.agenda-event-type{font-size:.6rem;opacity:.7;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-event-nieuwe-klant{display:inline-flex;align-items:center;padding:0 4px;background:#fef3c7;color:#92400e;border-radius:3px;font-size:.5625rem;font-weight:700;white-space:nowrap;flex-shrink:0;line-height:1.4}.agenda-event-klantengroep{display:inline-flex;align-items:center;padding:0 4px;background:#dbeafe;color:#1e40af;border-radius:3px;font-size:.5625rem;font-weight:600;white-space:nowrap;flex-shrink:0;line-height:1.4}.agenda-event-label{display:inline-flex;align-items:center;padding:0 4px;border-radius:3px;font-size:.5625rem;font-weight:600;white-space:nowrap;flex-shrink:0;line-height:1.4}.agenda-event-icons{position:absolute;bottom:3px;right:4px;display:flex;align-items:center;gap:3px;opacity:.65}.agenda-event:hover .agenda-event-icons{opacity:1}.event-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:2px}.event-icon-noshow{color:#dc2626}.event-icon-online{color:#2563eb}.event-icon-notitie{color:#7c3aed}.event-icon-voorschot{color:#16a34a}.agenda-event-title{font-weight:600;font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-event-person{font-size:.625rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.agenda-btn-logs{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-gray-300);background:var(--color-white);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--color-gray-600);transition:all .15s ease}.agenda-btn-logs:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-800)}.agenda-btn-logs svg{flex-shrink:0}.agenda-logs-modal .modal-body{padding:0;display:flex;flex-direction:column;min-height:400px;max-height:calc(100vh - 200px)}.logs-filters{display:flex;align-items:flex-end;gap:12px;padding:16px 24px;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);flex-wrap:wrap;flex-shrink:0}.logs-filter-group{display:flex;flex-direction:column;gap:4px;min-width:0}.logs-filter-group label{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.03em}.logs-filter-input{height:36px;padding:0 10px;border:1px solid var(--color-gray-300);border-radius:6px;font-size:.8125rem;font-family:var(--font-sans);background:var(--color-white);color:var(--color-gray-700);transition:border-color .15s ease;min-width:130px;box-sizing:border-box;line-height:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.logs-filter-input{padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.logs-filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #b8956a1a}.logs-filter-search{flex:1;min-width:180px}.logs-filter-search .logs-filter-input{width:100%}.logs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:var(--color-gray-500)}.logs-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-gray-400);font-size:.9375rem}.logs-timeline{padding:24px 24px 12px;overflow-y:auto;flex:1}.logs-entry{display:flex;gap:16px;position:relative}.logs-entry:last-child .logs-entry-line{display:none}.logs-entry-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:32px}.logs-entry-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.logs-entry-line{width:2px;flex:1;background:var(--color-gray-200);min-height:16px}.logs-dot-created{background:#dcfce7;color:#16a34a;border:2px solid #86efac}.logs-dot-updated{background:#dbeafe;color:#2563eb;border:2px solid #93c5fd}.logs-dot-deleted{background:#fee2e2;color:#dc2626;border:2px solid #fca5a5}.logs-dot-cancelled{background:#fef3c7;color:#d97706;border:2px solid #fcd34d}.logs-dot-moved{background:#f3e8ff;color:#7c3aed;border:2px solid #c4b5fd}.logs-dot-default{background:var(--color-gray-100);color:var(--color-gray-500);border:2px solid var(--color-gray-300)}.logs-entry-content{flex:1;padding-bottom:20px;min-width:0}.logs-entry-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.logs-entry-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.logs-badge-created{background:#dcfce7;color:#15803d}.logs-badge-updated{background:#dbeafe;color:#1d4ed8}.logs-badge-deleted{background:#fee2e2;color:#b91c1c}.logs-badge-cancelled{background:#fef3c7;color:#92400e}.logs-badge-moved{background:#f3e8ff;color:#5b21b6}.logs-badge-default{background:var(--color-gray-100);color:var(--color-gray-600)}.logs-entry-time{font-size:.75rem;color:var(--color-gray-400)}.logs-entry-body{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:12px 16px}.logs-entry-user{font-size:.875rem;font-weight:600;color:var(--color-gray-800);display:block;margin-bottom:6px}.logs-entry-details{display:flex;flex-direction:column;gap:4px}.logs-detail-row{font-size:.8125rem;color:var(--color-gray-600);line-height:1.5}.logs-detail-label{font-weight:600;color:var(--color-gray-700)}.logs-detail-empty{font-size:.8125rem;color:var(--color-gray-400);font-style:italic}.logs-change-old{text-decoration:line-through;color:var(--color-gray-400)}.logs-change-arrow{color:var(--color-gray-400);margin:0 4px}.logs-change-new{font-weight:600;color:var(--color-primary)}.logs-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);flex-shrink:0}.logs-pagination-info{font-size:.8125rem;color:var(--color-gray-500)}.logs-pagination-buttons{display:flex;gap:8px}.logs-page-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--color-gray-300);background:var(--color-white);border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;color:var(--color-gray-600);transition:all .15s ease}.logs-page-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.logs-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.logs-filters{padding:12px 16px;gap:8px}.logs-filter-input{min-width:100px}.logs-timeline{padding:16px}.logs-entry-content{padding-bottom:16px}.logs-pagination{flex-direction:column;gap:8px;align-items:stretch;text-align:center}}.agenda-pick-mode-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-md);margin:0 0 12px;gap:16px;animation:pickModeFadeIn .2s ease}@keyframes pickModeFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pick-mode-banner-content{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;color:#92400e}.pick-mode-banner-content svg{flex-shrink:0;color:#d97706}.pick-mode-cancel-btn{padding:6px 16px;border-radius:6px;border:1px solid #d97706;background:transparent;color:#92400e;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.pick-mode-cancel-btn:hover{background:#fde68a}.agenda-pick-mode .agenda-time-cell{cursor:crosshair!important}.agenda-pick-mode .agenda-time-cell:hover{background-color:#b8956a33!important;box-shadow:inset 0 0 0 2px var(--color-primary, #b8956a)}.klant-detail-container{background:var(--color-background);display:flex;flex-direction:column;height:100vh;overflow:hidden}.klant-sticky-header{flex-shrink:0;z-index:12;box-shadow:0 2px 8px #0000;transition:box-shadow .2s ease}.klant-sticky-header.is-stuck{box-shadow:0 2px 8px #00000014}.klant-info-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md) 25px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.klant-info-bar-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.klant-info-back{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-500);text-decoration:none;flex-shrink:0;transition:all .2s ease}.klant-info-back:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-primary)}.klant-info-name-row{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex-wrap:wrap}.klant-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-gray-500)}.klant-meta-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.klant-meta-item svg{color:var(--color-gray-400);flex-shrink:0}.klant-meta-tag{display:inline-block;padding:1px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.klant-meta-id{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-200);font-family:var(--font-mono, monospace);letter-spacing:.5px}.klant-meta-sep{color:var(--color-gray-300);-webkit-user-select:none;user-select:none}.klant-header-badges{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.klant-header-badge{display:inline-block;padding:1px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.3px;white-space:nowrap;line-height:1.5}.klant-header-badge-outline{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.klant-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.klant-name{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin:0;color:var(--color-black);line-height:1.3}.klant-actions{display:flex;gap:var(--spacing-sm)}.action-btn{width:36px;height:36px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-black)}.klant-tabs{display:flex;gap:var(--spacing-xs);padding:0 25px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);overflow-x:auto}.klant-tab{padding:var(--spacing-md) var(--spacing-md);background:none;border:none;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;position:relative;white-space:nowrap;transition:color .2s ease}.klant-tab:hover{color:var(--color-gray-700)}.klant-tab.active{color:var(--color-primary);font-weight:600}.klant-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0}.klant-tab-content{padding:var(--spacing-md) 25px var(--spacing-lg);flex:1;overflow-y:auto;min-height:0}.tab-content{animation:fadeIn .2s ease}.overzicht-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.overzicht-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.right-stack{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-card,.labels-groups-card{height:100%}.overzicht-grid .info-card.full-width{grid-column:1 / -1}.klant-detail-layout{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-gray-200);box-shadow:0 1px 3px #0000000a}.info-card.full-width{grid-column:1 / -1}.bio-card .bio-content{line-height:1.8;color:var(--color-gray-700)}.bio-card .bio-content p{margin-bottom:var(--spacing-md)}.bio-card .bio-content p:last-child{margin-bottom:0}.bio-card .no-bio{color:var(--color-gray-400);font-style:italic;margin:0}.bio-card textarea{width:100%;min-height:300px;padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9375rem;line-height:1.7;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.bio-card textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.bio-card textarea::placeholder{color:var(--color-gray-400)}.info-card h3{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-100)}.notities-content{line-height:1.6;color:var(--color-gray-700);white-space:pre-wrap;word-wrap:break-word}.inline-notities-textarea{width:100%;min-height:60px;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.9rem;line-height:1.6;color:var(--color-gray-700);background:var(--color-gray-50, #f9fafb);border:1px solid transparent;border-radius:var(--radius-md, 8px);resize:none;overflow:hidden;transition:border-color .2s,background-color .2s,box-shadow .2s}.inline-notities-textarea:hover{background:var(--color-white, #fff);border-color:var(--color-gray-200, #e5e7eb)}.inline-notities-textarea:focus{outline:none;background:var(--color-white, #fff);border-color:var(--color-primary, #b8956a);box-shadow:0 0 0 3px #b8956a1a}.inline-notities-textarea::placeholder{color:var(--color-gray-400, #9ca3af)}.notities-save-status{font-size:.75rem;white-space:nowrap;transition:opacity .2s}.settings-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.settings-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-100)}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{font-size:.9375rem;color:var(--color-gray-800);font-weight:500}.klant-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);transition:all .2s ease}.stat-card:hover{background:var(--color-gray-100);transform:translateY(-1px)}.stat-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-md);flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-label{font-size:.75rem;color:var(--color-gray-600);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-300);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#5b48e8}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #5b48e833}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-100)}.card-header-row h3{margin:0;padding:0;border:none}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-50)}.info-row:last-child{border-bottom:none}.info-label{font-size:.875rem;color:var(--color-gray-500);font-weight:500}.info-value{font-size:.875rem;color:var(--color-black);text-align:right;max-width:60%}.info-card-header h3{margin:0;padding:0;border:none}.labels-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.klant-label{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.labels-checkbox-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:1px solid transparent}.checkbox-label:has(input:checked){background-color:var(--color-primary-light);border-color:var(--color-primary)}.checkbox-label:hover{background-color:var(--color-gray-50)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.stats-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat-mini{text-align:center;padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.stat-mini-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-black);margin-bottom:var(--spacing-xs)}.stat-mini-label{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.mini-table{width:100%;border-collapse:collapse}.mini-table th,.mini-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-100);font-size:.875rem}.mini-table th{font-weight:600;color:var(--color-gray-600);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-gray-50)}.mini-table tbody tr:hover{background:var(--color-gray-50)}.empty-text{color:var(--color-gray-400);font-style:italic;text-align:center;padding:var(--spacing-xl)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--color-gray-500);gap:var(--spacing-md)}.timeline{position:relative;padding-left:var(--spacing-xl)}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--color-gray-200)}.timeline-item{position:relative;padding-bottom:var(--spacing-lg)}.timeline-dot{position:absolute;left:calc(-1 * var(--spacing-xl) + 2px);top:4px;width:10px;height:10px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-white)}.timeline-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timeline-date{font-size:.75rem;color:var(--color-gray-500);font-weight:500}.timeline-text{font-size:.875rem;color:var(--color-black)}.btn-filter-type{font-size:.75rem;padding:4px 12px;border-radius:9999px;border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;font-weight:500}.btn-filter-type:hover{border-color:var(--filter-color, var(--color-gray-400));color:var(--filter-color, var(--color-gray-700))}.btn-filter-type.active{background:var(--filter-color, var(--color-gray-700));color:var(--color-white);border-color:var(--filter-color, var(--color-gray-700))}.tl-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tl-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-gray-600)}.tl-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.behandeling-timeline{position:relative;padding-left:28px}.behandeling-timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--color-gray-200)}.tl-month-header{position:relative;font-size:.75rem;font-weight:600;text-transform:capitalize;color:var(--color-gray-500);letter-spacing:.03em;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs);margin-left:-28px;padding-left:28px}.tl-item{position:relative;padding-bottom:var(--spacing-md);cursor:pointer}.tl-dot{position:absolute;left:-24px;top:14px;width:12px;height:12px;border-radius:50%;z-index:1;transition:transform .15s ease}.tl-item:hover .tl-dot{transform:scale(1.3)}.tl-item--upcoming .tl-dot{animation:tl-pulse 2s ease-in-out infinite}@keyframes tl-pulse{0%,to{opacity:1}50%{opacity:.5}}.tl-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);transition:box-shadow .15s ease,transform .15s ease;box-shadow:0 1px 3px #0000000f}.tl-item:hover .tl-card{box-shadow:0 4px 12px #0000001a;transform:translate(2px)}.tl-item--upcoming .tl-card{background:var(--color-gray-50, #f9fafb)}.tl-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tl-card-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.tl-dienst-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full, 999px);font-size:.8rem;font-weight:600;white-space:nowrap}.tl-variant{font-size:.8rem;color:var(--color-gray-500)}.tl-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tl-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg)}.tl-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--color-gray-500)}.tl-meta-item svg{flex-shrink:0;stroke:var(--color-gray-400)}.tl-rapport-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--color-primary);font-weight:500}.tl-rapport-indicator svg{stroke:var(--color-primary)}.tl-rapport-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-md);font-size:.85rem;color:var(--color-gray-600)}.tl-rapport-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.tl-rapport-tekst{font-size:.9rem;line-height:1.6;color:var(--color-black);white-space:pre-wrap}.tl-rapport-bestanden{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tl-rapport-bestanden strong{font-size:.8rem;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.04em}.tl-rapport-bestanden-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tl-rapport-bestand{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-50, #f9fafb);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-primary);text-decoration:none;transition:background .15s}.tl-rapport-bestand:hover{background:var(--color-gray-100, #f3f4f6)}.tl-rapport-author{font-size:.8rem;color:var(--color-gray-500);font-style:italic}.tl-no-rapport{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) 0;gap:var(--spacing-sm);color:var(--color-gray-400);text-align:center}.tl-no-rapport p{font-size:.9rem}@media (max-width: 768px){.overzicht-grid{grid-template-columns:1fr}.klant-info-bar{flex-direction:column;align-items:flex-start;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.klant-info-bar-left,.klant-meta{flex-wrap:wrap}.klant-tabs{padding:0 var(--spacing-md)}.klant-tab-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg)}.klant-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.stats-mini-grid{grid-template-columns:1fr}}.table-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.3px;white-space:nowrap;margin:1px 3px 1px 0;line-height:1.4}.table-badge-outline{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.table-badge-id{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-200);font-family:var(--font-mono, monospace);font-weight:500;letter-spacing:.5px}.klanten-page .klanten-table{border-collapse:separate;border-spacing:0}.klanten-filters{display:flex;justify-content:space-between;align-items:center}.klanten-search{position:relative}.klanten-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.klanten-search .search-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 40px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem}.klanten-search .search-input:focus{outline:none;border-color:var(--color-primary)}.filter-dropdowns{display:flex;gap:var(--spacing-sm);align-items:center}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans);background:#fff;color:var(--color-gray-700);cursor:pointer;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.filter-select:focus{outline:none;border-color:var(--color-primary)}.klant-page-tab{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;transition:all .2s ease}.klant-page-tab:hover{background:var(--color-gray-50);color:var(--color-gray-700)}.klant-page-tab.active{background:var(--color-primary);color:var(--color-white)}.klant-page-tab svg{flex-shrink:0}.stats-page{animation:fadeIn .2s ease;padding:var(--spacing-lg)}.stats-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);width:100%}.stats-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-gray-200);box-shadow:0 1px 3px #0000000a}.stats-card h3{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-lg)}.stats-card-small{display:flex;flex-direction:column}.stats-card-wide{grid-column:1 / -1}.chart-container{display:flex;align-items:center;gap:var(--spacing-xl)}.herkomst-chart{flex-wrap:wrap}.donut-chart-wrapper{position:relative;width:160px;height:160px;flex-shrink:0}.donut-chart{width:100%;height:100%}.donut-segment{transition:stroke-dasharray .3s ease}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-total{display:block;font-size:1.75rem;font-weight:700;color:var(--color-black);line-height:1}.donut-label{display:block;font-size:.75rem;color:var(--color-gray-500);margin-top:var(--spacing-xs)}.chart-legend{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.herkomst-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm)}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-text{font-size:.875rem;color:var(--color-gray-700);flex:1}.legend-value{font-size:.875rem;font-weight:600;color:var(--color-black)}.bar-chart-container{height:200px;padding-top:var(--spacing-md)}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:var(--spacing-md)}.bar-column{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;position:relative;transition:height .3s ease}.bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:.8125rem;font-weight:600;color:var(--color-black)}.bar-label{font-size:.75rem;color:var(--color-gray-500);margin-top:var(--spacing-sm);text-transform:capitalize}.big-stat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.big-stat-value{font-size:3rem;font-weight:700;color:var(--color-primary);line-height:1}.big-stat-note{font-size:.875rem;color:var(--color-gray-500);margin-top:var(--spacing-sm)}@media (max-width: 1024px){.stats-overview-grid{grid-template-columns:1fr}.chart-container{flex-direction:column}.herkomst-legend{grid-template-columns:1fr}}@media (max-width: 600px){.klant-page-tabs{width:100%}.klant-page-tab{flex:1;justify-content:center}.bar-chart{gap:var(--spacing-xs)}.bar{max-width:30px}.donut-chart-wrapper{width:140px;height:140px}}.omzet-line-chart{padding-top:var(--spacing-md)}.omzet-line-chart svg text{font-family:var(--font-sans)}.klant-detail-tab{margin:calc(-1 * var(--spacing-md)) -25px calc(-1 * var(--spacing-lg));padding-top:var(--spacing-md);background:var(--color-white)}.klant-detail-tab-header{display:flex;justify-content:space-between;align-items:center;padding:0 25px var(--spacing-md);background:var(--color-white)}.klant-detail-tab-header h3{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-black);margin:0}.contracten-filters,.afspraken-filters{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 25px var(--spacing-md)}.contracten-search,.afspraken-search{position:relative;flex:1;max-width:280px}.contracten-search .search-icon,.afspraken-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.contracten-search .search-input,.afspraken-search .search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 36px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans)}.contracten-search .search-input:focus,.afspraken-search .search-input:focus{outline:none;border-color:var(--color-primary)}.klant-detail-tab .medewerker-name-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;border:1px solid;white-space:nowrap}.klant-detail-tab .table-container{border:none;border-radius:0;box-shadow:none}.klant-detail-tab table th,.klant-detail-tab table td{border-bottom:none!important}.klant-detail-tab table thead tr{border-bottom:1px solid var(--color-gray-300)}.klant-detail-tab table tbody tr{border-bottom:1px solid var(--color-gray-200)}.klant-detail-tab table tbody tr:last-child{border-bottom:none}.klant-detail-tab .empty-text{padding-left:25px;padding-right:25px}.klant-detail-tab-body{padding:0 25px}.action-btns,.klant-detail-tab .contract-actions{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:flex-start;margin-top:0;padding-top:0;border-top:none}.btn-icon-sm{background:none;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);padding:4px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all .2s}.btn-icon-sm:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon-sm:disabled{opacity:.5;cursor:wait}.btn-icon-sm.sent{border-color:var(--color-success);color:var(--color-success)}.contract-doc-links{display:flex;gap:6px;flex-wrap:wrap}.doc-link{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-decoration:none;border:1px solid;transition:all .2s;white-space:nowrap}.doc-link-contract{color:#b8956a;border-color:#e0cdb8;background:#fdf8f3}.doc-link-contract:hover{background:#f5ebe0;border-color:#b8956a}.doc-link-ic{color:#7c3aed;border-color:#c4b5fd;background:#f5f3ff}.doc-link-ic:hover{background:#ede9fe;border-color:#7c3aed}.doc-link-intake{color:#0891b2;border-color:#a5f3fc;background:#ecfeff}.doc-link-intake:hover{background:#cffafe;border-color:#0891b2}.doc-link-av{color:#b45309;border-color:#fde68a;background:#fffbeb}.doc-link-av:hover{background:#fef3c7;border-color:#b45309}.badge-type-ic{background:#f5f3ff;color:#7c3aed;border:1px solid #c4b5fd}.badge-type-intake{background:#ecfeff;color:#0891b2;border:1px solid #a5f3fc}.badge-type-av{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-type-default{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.doc-select-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.doc-select-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;color:var(--color-gray-700);transition:background .15s ease}.doc-select-item:hover{background:var(--color-gray-50)}.doc-select-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.rapport-modal{max-width:560px;width:100%}.rapport-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rapport-form .form-label-upper{display:block;font-size:.75rem;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.rapport-form .form-select,.rapport-form .form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.rapport-form .form-select:focus,.rapport-form .form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.rapport-form .form-textarea{resize:vertical;min-height:100px}.rapport-form .modal-footer{display:flex;justify-content:flex-end;padding:0;border-top:none}.file-upload-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.file-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-lg);border:2px dashed var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-gray-50);color:var(--color-gray-400);font-size:.875rem;cursor:pointer;transition:all .2s ease}.file-upload-zone:hover{border-color:var(--color-gray-300);background:var(--color-gray-100)}.file-upload-zone.dragover{border-color:var(--color-primary);background:#b8956a0d;color:var(--color-primary)}.file-upload-hint{font-size:.75rem;color:var(--color-gray-400);margin:0}.file-preview-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.file-preview-thumb{display:block;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-gray-200);background:var(--color-white);padding:0;cursor:zoom-in;transition:border-color .2s ease,box-shadow .2s ease}.file-preview-thumb:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px #b8956a33}.file-preview-thumb img{width:100%;height:100%;object-fit:cover}.rapport-image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1005;display:none;align-items:center;justify-content:center;padding:40px;background:#000000d1}.rapport-image-viewer.active{display:flex}.rapport-image-viewer img{max-width:min(92vw,1200px);max-height:86vh;border-radius:var(--radius-md);box-shadow:0 16px 40px #00000059;background:var(--color-white)}.rapport-image-viewer-close{position:absolute;top:16px;right:20px;width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#00000073;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.file-preview-doc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:72px;height:72px;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--color-gray-50);color:var(--color-gray-500);text-decoration:none;font-size:.625rem;transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden;text-align:center;padding:var(--spacing-xs)}.file-preview-doc:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px #b8956a33}.file-preview-doc span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-100)}.file-item-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.file-item-name{font-size:.8125rem;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item-size{font-size:.75rem;color:var(--color-gray-400);flex-shrink:0}.file-item-remove{background:none;border:none;color:var(--color-gray-400);cursor:pointer;font-size:1.125rem;padding:0 var(--spacing-xs);line-height:1;transition:color .2s ease}.file-item-remove:hover{color:var(--color-danger, #ef4444)}.rapport-tekst-cell{max-width:350px;min-width:180px}.rapport-tekst-inline{display:block;line-height:1.4}.rapport-tekst-expandable{display:flex;flex-direction:column;gap:4px}.rapport-tekst-preview{color:var(--color-gray-700);line-height:1.4}.rapport-tekst-full{color:var(--color-gray-700);line-height:1.5;white-space:normal}.rapport-toggle-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;padding:0;text-align:left;width:fit-content}.rapport-toggle-btn:hover{text-decoration:underline}.rapport-file-link{color:var(--color-primary);text-decoration:none;font-size:.8125rem}.rapport-file-link:hover{text-decoration:underline}.afspraak-row{cursor:pointer;transition:background-color .15s ease}.afspraak-row:hover{background:var(--color-primary-light, rgba(184, 149, 106, .08))}.btn-delete-afspraak{background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:4px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:all .2s}.btn-delete-afspraak:hover{background:#ef444414;border-color:#ef44444d;color:#ef4444}.btn-delete-afspraak:disabled{opacity:.5;cursor:wait}.merge-modal{max-width:560px;width:100%}.merge-search-wrapper{position:relative;margin-bottom:var(--spacing-md)}.merge-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.merge-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 40px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.merge-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.merge-search-input::placeholder{color:var(--color-gray-400)}.merge-results-list{max-height:240px;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);margin-bottom:var(--spacing-md)}.merge-result-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--color-gray-50)}.merge-result-item:last-child{border-bottom:none}.merge-result-item:hover{background:var(--color-gray-50)}.merge-result-info{display:flex;flex-direction:column;gap:2px}.merge-result-name{font-size:.875rem;font-weight:500;color:var(--color-black)}.merge-result-email{font-size:.75rem;color:var(--color-gray-500)}.merge-result-empty{padding:var(--spacing-md);text-align:center;color:var(--color-gray-400);font-size:.875rem;font-style:italic}.merge-selected-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.merge-selected-info{display:flex;align-items:center;gap:var(--spacing-md)}.merge-selected-info strong{font-size:.875rem;color:var(--color-black)}.merge-selected-email{display:block;font-size:.75rem;color:var(--color-gray-500)}.merge-remove-target{background:none;border:none;font-size:1.25rem;color:var(--color-gray-400);cursor:pointer;padding:0 var(--spacing-xs);line-height:1;transition:color .2s ease}.merge-remove-target:hover{color:var(--color-gray-700)}.merge-info-text{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;color:#991b1b;margin-bottom:var(--spacing-md)}.merge-conflict-section{margin-top:var(--spacing-md)}.merge-conflict-title{font-size:.875rem;font-weight:500;color:var(--color-gray-700);margin:0 0 var(--spacing-md)}.merge-conflict-row{margin-bottom:var(--spacing-md);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden}.merge-conflict-label{font-size:.75rem;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.merge-conflict-options{display:flex;flex-direction:column}.merge-conflict-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--color-gray-50)}.merge-conflict-option:last-child{border-bottom:none}.merge-conflict-option:hover{background:var(--color-gray-50)}.merge-conflict-option.selected{background:#5b48e80a}.merge-conflict-option input[type=radio]{width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:#5b48e8}.merge-conflict-value{display:flex;flex-direction:column;gap:2px;min-width:0}.merge-conflict-value span:last-child{font-size:.875rem;color:var(--color-black);word-break:break-word}.merge-conflict-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:var(--radius-sm);width:fit-content}.merge-conflict-badge.source{background:#dbeafe;color:#1e40af}.merge-conflict-badge.target{background:#dcfce7;color:#166534}.selection-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--color-primary-light, rgba(184, 149, 106, .08));border:1px solid var(--color-primary, #b8956a);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);animation:fadeIn .15s ease}.selection-toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.selection-count{font-size:.875rem;font-weight:600;color:var(--color-primary, #b8956a)}.selection-clear-btn{background:none;border:none;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--color-primary, #b8956a);cursor:pointer;text-decoration:underline;padding:0;transition:opacity .2s ease}.selection-clear-btn:hover{opacity:.7}.selection-toolbar-right{display:flex;align-items:center;gap:var(--spacing-xs)}.selection-action-btn{width:34px;height:34px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.selection-action-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-black)}.selection-action-btn:disabled{opacity:.5;cursor:wait}.selection-action-btn--danger:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.col-checkbox{width:40px!important;min-width:40px;max-width:40px}.th-checkbox,.td-checkbox{width:40px;min-width:40px;max-width:40px;text-align:center;padding:var(--spacing-xs)!important}.th-checkbox input[type=checkbox],.td-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary, #b8956a)}.clickable-row.row-selected{background:var(--color-primary-light, rgba(184, 149, 106, .06))}.clickable-row.row-selected:hover{background:var(--color-primary-light, rgba(184, 149, 106, .1))}.bulk-modal-info{font-size:.875rem;color:var(--color-gray-600);margin:0 0 var(--spacing-md)}.btn-danger{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.btn-danger:hover{background:#b91c1c!important;border-color:#b91c1c!important}.formulier-detail-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.formulier-detail-section:last-child{border-bottom:none;margin-bottom:0}.formulier-detail-section h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.formulier-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 20px;font-size:.9rem}.formulier-detail-grid .label{color:var(--text-secondary);font-weight:500}.formulier-detail-tekst{font-size:.9rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.formulier-detail-vraag{margin-bottom:12px}.formulier-detail-vraag .vraag-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:2px}.formulier-detail-vraag .vraag-antwoord{font-size:.9rem;color:var(--text-primary)}.formulier-detail-akkoorden{display:flex;flex-direction:column;gap:8px}.akkoord-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.akkoord-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-gray-300);color:#fff;flex-shrink:0}.akkoord-item.agreed .akkoord-icon{background:#16a34a}.medewerker-detail-container{background:var(--color-background)}.medewerker-detail-header{display:flex;justify-content:flex-end;align-items:center;height:60px;padding:0 25px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.medewerker-detail-subheader{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-md) 25px}.medewerker-title-row{display:flex;align-items:center;gap:var(--spacing-md)}.medewerker-photo-container{position:relative;flex-shrink:0}.medewerker-photo{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-white);box-shadow:0 2px 8px #0000001a}.medewerker-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,#c4a77d 100%);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0}.photo-upload-btn{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);border:2px solid var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 4px #00000026}.photo-upload-btn:hover{background:var(--color-primary-hover);transform:scale(1.1)}.photo-upload-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.medewerker-title-info{flex:1;min-width:0}.medewerker-name{font-family:var(--font-serif);font-size:1.75rem;font-weight:500;margin:0;color:var(--color-black);line-height:1.2}.medewerker-function{font-size:.875rem;color:var(--color-gray-600);margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.medewerker-function-sep{color:var(--color-gray-300)}.medewerker-actions{display:flex;gap:var(--spacing-sm)}.action-btn--danger:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.action-btn--success:hover{background:#f0fdf4;border-color:#86efac;color:#16a34a}.medewerker-content-wrapper{padding:var(--spacing-2xl)}.medewerker-content{animation:fadeIn .2s ease}.medewerker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.medewerker-edit-form .medewerker-grid{margin-bottom:var(--spacing-xl)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.form-help-text{font-size:.875rem;color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.form-success{color:var(--color-success-text);background:var(--color-success-bg);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-lg);text-align:center;font-weight:500}.loading-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.medewerker-mini-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,#c4a77d 100%);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0;overflow:hidden}.medewerker-mini-avatar img{width:100%;height:100%;object-fit:cover}.medewerker-row,.locatie-row{transition:all .15s ease}.medewerker-row.dragging,.locatie-row.dragging{opacity:.5;background:var(--color-gray-100)}.medewerker-row.drag-over-top,.locatie-row.drag-over-top{box-shadow:inset 0 2px 0 var(--color-primary)}.medewerker-row.drag-over-bottom,.locatie-row.drag-over-bottom{box-shadow:inset 0 -2px 0 var(--color-primary)}.clickable-cell{cursor:pointer}.clickable-cell:hover{background:var(--color-gray-50)}.drag-hint{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-gray-500);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);border-radius:var(--radius-md);transition:all .2s ease}.drag-hint.success{background:var(--color-success-bg);color:var(--color-success-text)}.drag-hint.error{background:var(--color-error-bg);color:var(--color-error)}.drag-hint-icon{font-size:1rem;font-weight:700}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.online-booking-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.online-booking-badge.online-yes{background:var(--color-success-bg);color:var(--color-success-text)}.online-booking-badge.online-no{background:var(--color-gray-100);color:var(--color-gray-500)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--color-black);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:22px;height:22px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.checkbox-label:hover .checkbox-custom{border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.checkbox-label input[type=checkbox]:focus+.checkbox-custom{box-shadow:0 0 0 3px #b8956a33}.form-hint{display:block;margin-top:var(--spacing-xs);margin-left:30px;font-size:.8125rem;color:var(--color-gray-500)}@media (max-width: 768px){.medewerker-detail-header{padding:0 var(--spacing-md)}.medewerker-detail-subheader{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.medewerker-title-row{flex-wrap:wrap;gap:var(--spacing-sm)}.medewerker-title-info{flex:1;min-width:150px}.medewerker-grid{grid-template-columns:1fr}.medewerker-content-wrapper{padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr}}.medewerkers-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-background)}.medewerkers-tabs{display:flex;gap:var(--spacing-xs);padding:11px var(--spacing-2xl) 11px 15px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.medewerkers-tab{padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;position:relative;transition:all .2s ease}.medewerkers-tab:hover{color:var(--color-gray-700)}.medewerkers-tab.active{color:var(--color-primary);font-weight:600}.medewerkers-tab.active:after{content:"";position:absolute;bottom:-13px;left:0;right:0;height:2px;background:var(--color-primary)}.medewerkers-header{height:60px;padding:0 var(--spacing-2xl)!important;padding-left:25px!important;flex-shrink:0}.medewerkers-page .tab-content-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.medewerkers-header-actions{display:flex;align-items:center;justify-content:space-between}.medewerkers-statistieken{padding:var(--spacing-xl) var(--spacing-2xl)}.medewerkers-stats-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.medewerkers-stats-header .statistieken-periode{display:flex;flex-direction:column;gap:var(--spacing-xs)}.medewerkers-stats-header .statistieken-periode label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-500)}.medewerkers-stats-header .periode-select{padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-xl);font-size:.9375rem;font-weight:500;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;min-width:160px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.medewerkers-stats-header .periode-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.medewerkers-stats-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.medewerkers-stats-actions .btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.statistieken-section{margin-bottom:var(--spacing-2xl)}.statistieken-section-title{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-lg);padding-left:var(--spacing-md);border-left:3px solid var(--color-primary)}.statistieken-table-container{overflow-x:auto;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.statistieken-table{width:100%;border-collapse:collapse;font-size:.875rem}.statistieken-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.statistieken-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.statistieken-table tbody tr:hover{background:var(--color-gray-50)}.statistieken-table tbody tr:last-child td{border-bottom:none}.statistieken-table tfoot{background:var(--color-gray-50);border-top:2px solid var(--color-gray-200)}.statistieken-table tfoot td{border-bottom:none}.statistieken-table .col-medewerker{min-width:180px}.statistieken-table .col-number{text-align:right;font-variant-numeric:tabular-nums}.statistieken-table .col-currency{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.statistieken-table .locatie-label{color:var(--color-gray-400);font-size:.8125rem}.statistieken-table .totaal-row td{font-weight:600;color:var(--color-black)}.verkoop-table{min-width:1200px}.verkoop-table th,.verkoop-table td{padding:var(--spacing-sm) var(--spacing-md)}.statistieken-table .currency-with-sub{display:flex;flex-direction:column;align-items:flex-end}.statistieken-table .currency-sub{font-size:.75rem;color:var(--color-gray-400)}@media (max-width: 1024px){.statistieken-content{padding:var(--spacing-lg)}.statistieken-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.statistieken-actions{justify-content:flex-end}}@media (max-width: 768px){.statistieken-header{padding-bottom:var(--spacing-md)}.periode-select{width:100%}.statistieken-section-title{font-size:.9375rem}}@media print{.medewerkers-stats-header,.medewerkers-tabs,.portal-sidebar{display:none}.medewerkers-statistieken{padding:0}.statistieken-table-container{border:none;box-shadow:none}.statistieken-section-title{page-break-after:avoid}.statistieken-table{page-break-inside:avoid}}.behandelingen-content{flex:1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.behandelingen-empty{text-align:center;color:var(--color-gray-500);padding:var(--spacing-2xl) 0;font-size:.9375rem}.behandelingen-group{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.behandelingen-group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.behandelingen-group.collapsed .behandelingen-group-header{border-bottom-color:transparent}.behandelingen-group-header:hover{background:var(--color-gray-100)}.behandelingen-chevron{flex-shrink:0;transition:transform .2s ease;color:var(--color-gray-400);transform:rotate(90deg)}.behandelingen-group.collapsed .behandelingen-chevron{transform:rotate(0)}.behandelingen-group-name{font-weight:600;font-size:.9375rem;color:var(--color-black)}.behandelingen-count-badge{margin-left:auto;background:var(--color-primary);color:var(--color-white);font-size:.75rem;font-weight:600;min-width:24px;height:24px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-xs)}.behandelingen-group-body{overflow:hidden;transition:max-height .25s ease}.behandelingen-group.collapsed .behandelingen-group-body{max-height:0!important}.behandelingen-table{width:100%;border-collapse:collapse;font-size:.875rem}.behandelingen-table thead th{padding:var(--spacing-sm) var(--spacing-lg);text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:var(--color-white);border-bottom:1px solid var(--color-gray-100);white-space:nowrap}.behandelingen-table tbody td{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.behandelingen-table tbody tr:last-child td{border-bottom:none}.behandelingen-table tbody tr:hover{background:var(--color-gray-50)}.behandelingen-none{text-align:center;color:var(--color-gray-400);font-style:italic;padding:var(--spacing-md) var(--spacing-lg)!important}.beh-col-naam{font-weight:500;color:var(--color-black)}@media (max-width: 768px){.behandelingen-content{padding:var(--spacing-md)}.behandelingen-group-header{padding:var(--spacing-sm) var(--spacing-md)}.behandelingen-table thead{display:none}.behandelingen-table tbody td{display:block;padding:var(--spacing-xs) var(--spacing-md);text-align:left}.behandelingen-table tbody td.beh-col-naam{font-weight:600;padding-top:var(--spacing-sm)}.behandelingen-table tbody td.beh-col-cat{font-size:.8125rem;color:var(--color-gray-500);padding-bottom:var(--spacing-sm)}.behandelingen-table tbody tr{border-bottom:1px solid var(--color-gray-100)}.behandelingen-table tbody tr:last-child{border-bottom:none}}.settings-layout{display:flex;min-height:calc(100vh - 80px);background:var(--color-background)}.settings-nav{width:260px;background:var(--color-white);border-right:1px solid var(--color-gray-200);padding:var(--spacing-xl) 0;flex-shrink:0;overflow-y:auto}.settings-category{margin-bottom:var(--spacing-lg)}.settings-category-title{font-family:var(--font-sans);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);padding:var(--spacing-sm) var(--spacing-xl);margin-bottom:var(--spacing-xs)}.settings-category-list{list-style:none;margin:0;padding:0}.settings-nav-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-xl);background:none;border:none;border-left:3px solid transparent;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--color-gray-600);text-align:left;cursor:pointer;transition:all .15s ease}.settings-nav-item:hover{color:var(--color-black);background:var(--color-gray-50)}.settings-nav-item.active{color:var(--color-primary);background:var(--color-primary-light);border-left-color:var(--color-primary);font-weight:600}.settings-content{flex:1;padding:var(--spacing-2xl);overflow-y:auto}.settings-page{max-width:1400px;width:100%;animation:fadeIn .2s ease}.settings-page.settings-page-wide{max-width:100%}.settings-page-header{margin-bottom:var(--spacing-2xl);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.settings-page-header .page-header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.settings-page-header h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:500;color:var(--color-black);margin:0 0 var(--spacing-sm)}.settings-page-description{font-size:.9375rem;color:var(--color-gray-500);margin:0}.settings-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500);font-size:.9375rem}.settings-section{margin-bottom:var(--spacing-2xl)}.settings-section h3{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-md)}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.settings-section-header h3{margin:0}.settings-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-gray-200);box-shadow:0 1px 3px #0000000a}.settings-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200)}.settings-tab{background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;position:relative}.settings-tab:hover{color:var(--color-black);background:var(--color-gray-50)}.settings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:transparent}.settings-tab-content{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.secretariaat-hours{display:flex;flex-direction:column;gap:var(--spacing-sm)}.secretariaat-day{display:grid;grid-template-columns:120px 1fr 1fr;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-100)}.secretariaat-day:last-child{border-bottom:none}.day-name{font-weight:500;color:var(--color-gray-700)}.day-hours{color:var(--color-gray-600);font-size:.9375rem}.settings-table{width:100%;border-collapse:collapse}.settings-table th,.settings-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-100);font-size:.875rem}.settings-table th{font-weight:600;color:var(--color-gray-600);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-gray-50)}.settings-table tbody tr:hover{background:var(--color-gray-50)}.settings-table tbody tr:last-child td{border-bottom:none}.settings-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-xl)}.role-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.role-admin{background:var(--color-warning-bg);color:var(--color-warning-text)}.role-operations{background:var(--color-info-bg);color:var(--color-info-text)}.role-marketing{background:#f3e8ff;color:#6b21a8}.role-management{background:var(--color-success-bg);color:var(--color-success-text)}.role-implied{opacity:.6}.role-medewerker{background:var(--color-info-bg);color:var(--color-info-text)}.status-actief{background:var(--color-success-bg);color:var(--color-success-text)}.status-inactief{background:var(--color-gray-100);color:var(--color-gray-500)}.role-permissions{display:flex;flex-direction:column;gap:var(--spacing-md)}.role-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.role-info h4{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-xs)}.role-info p{font-size:.8125rem;color:var(--color-gray-500);margin:0}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.integration-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all .2s ease}.integration-card:hover{border-color:var(--color-gray-300);box-shadow:0 4px 12px #0000000f}.integration-icon{font-size:2rem}.integration-info h4{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-xs)}.integration-info p{font-size:.8125rem;color:var(--color-gray-500);margin:0}.integration-status{margin-top:auto}.logo-upload-area{display:flex;align-items:center;gap:var(--spacing-xl)}.current-logo{width:150px;height:80px;background:var(--color-gray-50);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.preview-logo{max-width:100%;max-height:100%;object-fit:contain}.logo-upload-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upload-hint{font-size:.8125rem;color:var(--color-gray-500);margin:0}.locations-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.location-card-settings{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:relative}.location-card-settings h4{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:var(--color-black);margin:0 0 var(--spacing-md)}.location-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.location-badge.primary{background:var(--color-primary-light);color:var(--color-primary)}.location-details p{font-size:.875rem;color:var(--color-gray-600);margin:0 0 var(--spacing-xs)}.location-hours{margin-top:var(--spacing-md);font-size:.875rem}.location-hours strong{color:var(--color-black)}.location-hours ul{list-style:none;margin:var(--spacing-sm) 0 0;padding:0}.location-hours li{color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.location-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-100)}.work-hours-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.work-day{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.work-day .checkbox-label{min-width:140px}.work-hours-inputs{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-500)}.work-hours-inputs input[type=time]{width:110px;padding:var(--spacing-sm)}.work-hours-inputs.disabled{opacity:.5}.time-range{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-500)}.time-range input[type=time]{width:130px}.categories-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);transition:background .15s ease}.category-item:hover{background:var(--color-gray-100)}.category-drag{cursor:grab;color:var(--color-gray-400);font-size:1rem;letter-spacing:-2px}.category-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.category-name{flex:1;font-weight:500;color:var(--color-black)}.herkomst-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.herkomst-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);transition:background .15s ease}.herkomst-item:hover{background:var(--color-gray-100)}.herkomst-drag{cursor:grab;color:var(--color-gray-400);font-size:1rem;letter-spacing:-2px}.herkomst-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.herkomst-info{flex:1;display:flex;flex-direction:column;gap:2px}.herkomst-name{font-weight:500;color:var(--color-black)}.herkomst-description{font-size:.8125rem;color:var(--color-gray-500);line-height:1.4}.herkomst-count{font-size:.8125rem;color:var(--color-gray-500)}.herkomst-badge-systeem{font-size:.7rem;color:var(--color-gray-500);background:var(--color-gray-100);padding:2px 8px;border-radius:4px;margin-left:auto}.herkomst-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .15s ease}.herkomst-item:hover .herkomst-actions{opacity:1}.herkomst-item.dragging{opacity:.4}.herkomst-item.drag-over-top{border-top:2px solid var(--color-primary, #b8956a)}.herkomst-item.drag-over-bottom{border-bottom:2px solid var(--color-primary, #b8956a)}.labels-table{margin-top:var(--spacing-lg)}.labels-table th:first-child,.labels-table td.labels-table-drag{width:32px;padding-left:var(--spacing-sm);padding-right:0}.labels-table td.labels-table-drag .herkomst-drag{cursor:grab;color:var(--color-gray-400);font-size:1rem;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.label-color-dot{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:middle}.labels-table-naam{font-weight:500}.labels-table-omschrijving{color:var(--color-gray-600)}.labels-table-acties{white-space:nowrap}.labels-table tbody tr:hover .labels-table-acties .btn-icon{opacity:1}.labels-table tbody tr.dragging{opacity:.4}.labels-table tbody tr.drag-over-top td{border-top:2px solid var(--color-primary, #b8956a)}.labels-table tbody tr.drag-over-bottom td{border-bottom:2px solid var(--color-primary, #b8956a)}.label-type-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:500;letter-spacing:.02em}.label-type-vrij{background:var(--color-gray-100);color:var(--color-gray-600)}.label-type-systeem{background:#e0e7ff;color:#4338ca}.text-muted{color:var(--color-gray-400)}.settings-help-text{font-size:.875rem;color:var(--color-gray-500);line-height:1.6;margin:0}.category-count{font-size:.8125rem;color:var(--color-gray-500)}.category-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .15s ease}.category-item:hover .category-actions{opacity:1}.settings-info-box{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);margin-top:var(--spacing-xl)}.settings-info-box .info-icon{font-size:1.25rem;flex-shrink:0}.settings-info-box p{font-size:.875rem;color:var(--color-info-text);margin:0;line-height:1.5}.settings-info-box a{color:var(--color-info-text);font-weight:600;text-decoration:underline}.settings-info-box strong{font-size:.875rem;color:var(--color-info-text);display:block;margin-bottom:var(--spacing-xs)}.settings-info-box ul{font-size:.825rem;color:var(--color-info-text);margin:0;padding-left:var(--spacing-lg);line-height:1.6}.settings-info-box li{margin-bottom:var(--spacing-xs)}.contracten-list{margin-top:var(--spacing-lg)}.contracten-list .data-table{width:100%;border-collapse:collapse}.contracten-list .data-table th,.contracten-list .data-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-200)}.contracten-list .data-table th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:var(--color-gray-50)}.contracten-list .data-table tbody tr:hover{background:var(--color-gray-50)}.contracten-list .contract-naam{font-weight:500;color:var(--color-black)}.contracten-list .diensten-count,.contracten-list .getekend-count{font-size:.875rem;color:var(--color-gray-600)}.contracten-list .actions-cell{display:flex;gap:var(--spacing-xs)}.contracten-list .btn-icon:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status-badge.status-active{background:var(--color-success-light);color:#065f46}.status-badge.status-inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge-primary{background:#fef3e8;color:#b8956a}.badge-secondary{background:var(--color-gray-100);color:var(--color-gray-600)}.rich-text-toolbar{display:flex;gap:4px;padding:8px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;flex-wrap:wrap;align-items:center}.rich-text-toolbar .text-format-select{padding:4px 8px;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);font-size:.875rem;cursor:pointer}.rich-text-toolbar .toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;color:var(--color-gray-700);transition:background .15s ease}.rich-text-toolbar .toolbar-btn:hover{background:var(--color-gray-200)}.rich-text-toolbar .toolbar-select{height:32px;padding:0 28px 0 10px;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-gray-700);font-size:.8125rem;font-family:var(--font-sans);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 8px center;background-size:10px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.rich-text-toolbar .toolbar-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #b8956a26}.rich-text-toolbar .toolbar-select--font{width:112px;min-width:112px}.rich-text-toolbar .toolbar-select--size{width:106px;min-width:106px}.rich-text-toolbar .toolbar-color-group{display:flex;align-items:center;gap:6px}.rich-text-toolbar .toolbar-color-picker{width:32px;height:32px;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);padding:3px;cursor:pointer}.rich-text-toolbar .toolbar-color-picker:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #b8956a26}.rich-text-toolbar .toolbar-recent-colors{display:flex;align-items:center;gap:4px}.rich-text-toolbar .toolbar-recent-color{width:18px;height:18px;border:1px solid var(--color-gray-300);border-radius:50%;padding:0;cursor:pointer;flex:0 0 auto}.rich-text-toolbar .toolbar-recent-color:hover{border-color:var(--color-gray-500)}.rich-text-toolbar .toolbar-recent-color:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #b8956a26}.rich-text-editor{min-height:300px;padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-white);font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;color:var(--color-black);overflow-y:auto}.rich-text-editor *:not(br){font-size:inherit!important}.rich-text-editor--compact{min-height:140px}.rich-text-editor:focus{outline:none;border-color:var(--color-primary)}.rich-text-editor[contenteditable=false]{background:var(--color-gray-50);cursor:not-allowed}.rich-text-editor:empty:before{content:attr(data-placeholder);color:var(--color-gray-400);pointer-events:none}.rich-text-editor h1{font-size:1.5rem;font-weight:700;margin:0 0 .5em}.rich-text-editor h2{font-size:1.25rem;font-weight:600;margin:0 0 .5em}.rich-text-editor h3{font-size:1.1rem;font-weight:600;margin:0 0 .5em}.rich-text-editor p{margin:0 0 1em}.rich-text-editor ul,.rich-text-editor ol{margin:0 0 1em;padding-left:1.5em}.rich-text-editor li{margin-bottom:.25em}.rich-text-editor a{color:var(--color-primary);text-decoration:underline}.diensten-select-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.diensten-counter{font-size:.875rem;color:var(--color-gray-500)}.diensten-select-list{max-height:200px;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-sm);background:var(--color-gray-50)}.diensten-category{margin-bottom:var(--spacing-md)}.diensten-category:last-child{margin-bottom:0}.diensten-category-name{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin-bottom:var(--spacing-xs);padding-left:4px}.dienst-checkbox-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.dienst-checkbox-item:hover{background:var(--color-white)}.dienst-checkbox-item span:last-child{font-size:.875rem;color:var(--color-gray-700)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.alert-warning{background:var(--color-warning-bg);border:1px solid #fbbf24;color:var(--color-warning-text)}.alert-warning strong{font-weight:600}.link-external{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--color-primary);text-decoration:none}.link-external:hover{text-decoration:underline}.intake-list{margin-top:var(--spacing-lg)}.intake-list .data-table{width:100%;border-collapse:collapse}.intake-list .data-table th,.intake-list .data-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-200)}.intake-list .data-table th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:var(--color-gray-50)}.intake-list .data-table tbody tr:hover{background:var(--color-gray-50)}.intake-list .intake-naam{font-weight:500;color:var(--color-black)}.intake-list .vragen-count,.intake-list .diensten-count,.intake-list .ingevuld-count{font-size:.875rem;color:var(--color-gray-600)}.intake-list .actions-cell{display:flex;gap:var(--spacing-xs)}.intake-list .btn-icon:disabled{opacity:.5;cursor:not-allowed}.intake-vragen-section{margin-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-lg)}.intake-vraag-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.intake-vraag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.intake-vraag-order{display:flex;align-items:center;gap:var(--spacing-xs)}.vraag-number{font-weight:600;font-size:.875rem;color:var(--color-gray-500);min-width:30px}.btn-icon-small{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;color:var(--color-gray-600);transition:all .15s ease}.btn-icon-small:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-icon-small:disabled{opacity:.4;cursor:not-allowed}.btn-icon-small.delete-vraag-btn{color:var(--color-gray-500);font-size:1.25rem;line-height:1}.btn-icon-small.delete-vraag-btn:hover:not(:disabled){color:var(--color-error);border-color:var(--color-error);background:#fef2f2}.form-label-upper{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);display:block;margin-bottom:var(--spacing-xs)}.intake-vraag-card .form-row{display:flex;gap:var(--spacing-md);align-items:flex-start}.intake-vraag-card .vraag-input,.intake-vraag-card .vraag-type-select{width:100%}.intake-vraag-card .vraag-opties-input{width:100%;font-family:inherit;resize:vertical}.btn-add-vraag{width:100%;margin-top:var(--spacing-sm);border-style:dashed;color:var(--color-gray-500)}.btn-add-vraag:hover{border-color:var(--color-primary);color:var(--color-primary);background:#fef8f3}.btn-close-small{background:none;border:none;font-size:1.25rem;color:var(--color-gray-400);cursor:pointer;padding:0;line-height:1}.btn-close-small:hover{color:var(--color-gray-600)}.rooster-page{max-width:100%;overflow-x:auto}.rooster-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.rooster-nav{display:flex;align-items:center;gap:var(--spacing-sm)}.rooster-week-selector{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;min-width:200px;justify-content:space-between}.rooster-week-text{font-weight:500}.rooster-locatie-filter{min-width:200px}.rooster-grid-container{overflow-x:auto;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.rooster-grid{width:100%;border-collapse:collapse;min-width:900px}.rooster-grid th,.rooster-grid td{border:1px solid var(--color-gray-200);padding:var(--spacing-sm);vertical-align:top}.rooster-header-label{background:var(--color-white);width:180px;min-width:180px}.week-info{display:flex;flex-direction:column;gap:2px}.week-number{font-weight:700;font-size:1rem;color:var(--color-gray-900)}.week-dates{font-size:.75rem;color:var(--color-gray-500);font-weight:400}.rooster-header-day{background:#f8fafc;text-align:center;min-width:100px;padding:var(--spacing-sm)!important}.rooster-header-day.today{background:var(--color-warning-bg)}.rooster-header-day .day-name{display:block;font-size:.75rem;font-weight:500;text-transform:lowercase;color:var(--color-gray-500)}.rooster-header-day .day-number{display:block;font-size:1.25rem;font-weight:700;color:var(--color-gray-900)}.rooster-section-header td{background:#f1f5f9;padding:var(--spacing-sm) var(--spacing-md)!important;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-600);border-left:none;border-right:none}.rooster-location-row{background:#fafafa}.rooster-location-row .rooster-label{background:#f1f5f9}.rooster-location-info .location-name{font-weight:600;font-size:.875rem}.rooster-location-info .location-hours{font-size:.75rem;color:var(--color-gray-500)}.rooster-medewerker-row .rooster-label{background:var(--color-white)}.rooster-medewerker-info{display:flex;align-items:center;gap:var(--spacing-sm)}.medewerker-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.medewerker-avatar-placeholder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff}.medewerker-details{display:flex;flex-direction:column}.medewerker-name{font-weight:500;font-size:.875rem;color:var(--color-gray-900);white-space:nowrap}.medewerker-hours{font-size:.75rem;color:var(--color-gray-500)}.rooster-cell{min-height:50px;position:relative;background:var(--color-white)}.rooster-cell.location-cell{background:#f8fafc}.rooster-shift{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;margin-bottom:var(--spacing-xs);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);position:relative}.rooster-shift:last-child{margin-bottom:0}.rooster-shift.work{background:var(--color-success);color:#fff}.rooster-shift.unavailable{background:var(--color-error);color:#fff}.rooster-shift.location-shift{background:var(--color-success);color:#fff}.rooster-shift small{display:block;font-size:.65rem;opacity:.8;font-weight:400}.rooster-repeat-btn{background:none;border:none;color:inherit;cursor:pointer;padding:2px;opacity:.7;font-size:.875rem}.rooster-repeat-btn:hover{opacity:1}.rooster-add-btn{width:100%;height:100%;min-height:40px;background:none;border:1px dashed var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-success);font-size:1.25rem;cursor:pointer;transition:all .2s}.rooster-add-btn:hover{background:#f0fdf4;border-color:var(--color-success)}.rooster-empty{text-align:center;padding:var(--spacing-2xl)!important;color:var(--color-gray-500)}.rooster-filters{display:flex;align-items:center;gap:var(--spacing-md)}.rooster-filter-dropdown{min-width:180px}.rooster-filter-dropdown select{width:100%}.location-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block}.rooster-locatie-multiselect{position:relative;min-width:180px}.multiselect-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;color:var(--color-gray-700);transition:all .2s ease}.multiselect-trigger:hover{border-color:var(--color-primary)}.rooster-locatie-multiselect.open .multiselect-trigger{border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.rooster-locatie-multiselect.open .multiselect-trigger svg{transform:rotate(180deg)}.multiselect-trigger svg{flex-shrink:0;transition:transform .2s ease}.multiselect-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.rooster-locatie-multiselect.open .multiselect-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.multiselect-options{max-height:240px;overflow-y:auto;padding:var(--spacing-sm)}.multiselect-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease}.multiselect-option:hover{background:var(--color-gray-100)}.multiselect-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.multiselect-option .option-label{flex:1;font-size:.875rem;color:var(--color-gray-700)}.multiselect-actions{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-gray-100);background:var(--color-gray-50);border-radius:0 0 var(--radius-md) var(--radius-md)}.multiselect-actions .btn-link{background:none;border:none;color:var(--color-primary);font-size:.75rem;cursor:pointer;padding:var(--spacing-xs)}.multiselect-actions .btn-link:hover{text-decoration:underline}.rooster-location-info{display:flex;align-items:center;gap:var(--spacing-sm)}.rooster-location-info .location-color-dot{width:10px;height:10px}.rooster-page.settings-page-wide{max-width:100%}.rooster-edit-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.rooster-edit-selectors{display:flex;gap:var(--spacing-lg);flex:1}.rooster-edit-selectors .form-group{min-width:200px;margin:0;position:relative}.rooster-edit-selectors .form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.selected-locatie-color{position:absolute;right:12px;top:50%;width:12px;height:12px;border-radius:50%;pointer-events:none}.rooster-edit-actions{display:flex;gap:var(--spacing-sm)}.rooster-edit-hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem;color:#0369a1}.rooster-edit-hint.warning{background:var(--color-warning-bg);border-color:#fcd34d;color:var(--color-warning-text)}.rooster-edit-hint svg{flex-shrink:0}.rooster-copy-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.rooster-time-grid-container{overflow-x:auto;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.rooster-time-grid{min-width:800px;-webkit-user-select:none;user-select:none}.rooster-time-grid.disabled{opacity:.5;pointer-events:none}.time-grid-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:2px solid var(--color-gray-200);background:#f8fafc}.time-column-label{padding:var(--spacing-md)}.day-column-header{padding:var(--spacing-md);text-align:center;border-left:1px solid var(--color-gray-200)}.day-column-header.today{background:var(--color-warning-bg)}.day-column-header .day-name{display:block;font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.day-column-header .day-date{display:block;font-size:.75rem;color:var(--color-gray-500);margin-top:2px}.time-grid-body{max-height:500px;overflow-y:auto}.time-row{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:1px solid var(--color-gray-100)}.time-row:hover{background:#fafafa}.time-label{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;color:var(--color-gray-500);font-weight:500;display:flex;align-items:center}.time-cell{min-height:36px;border-left:1px solid var(--color-gray-100);cursor:pointer;transition:background .1s ease;position:relative}.time-cell:hover{background:#f0fdf4}.time-cell.selected,.time-cell.has-rooster{background:var(--cell-color, var(--color-success))}.time-cell .cell-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;color:#ffffffe6;white-space:nowrap}.rooster-overview{margin-top:var(--spacing-lg)}.rooster-medewerkers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.rooster-medewerker-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:box-shadow .2s ease}.rooster-medewerker-card:hover{box-shadow:var(--shadow-md)}.rooster-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-100)}.medewerker-avatar-lg{width:48px;height:48px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem}.rooster-card-header .medewerker-info h4{margin:0;font-size:1rem;font-family:var(--font-sans);font-weight:600}.rooster-card-header .total-hours{font-size:.8125rem;color:var(--color-gray-500)}.rooster-card-schedule{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.schedule-day{text-align:center;padding:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--color-gray-50)}.schedule-day.today{background:var(--color-warning-bg)}.schedule-day .day-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--color-gray-500);margin-bottom:4px}.schedule-day .day-off{color:var(--color-gray-300);font-size:.875rem}.schedule-block{padding:4px 2px;border-radius:var(--radius-sm);margin-top:2px;color:#fff;font-size:.65rem;font-weight:500}.schedule-block span{display:block;line-height:1.2}.rooster-table-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.rooster-table{width:100%;border-collapse:collapse;table-layout:fixed}.rooster-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.rooster-table th{padding:var(--spacing-md);text-align:center;font-weight:600;font-size:.8125rem;color:var(--color-gray-600)}.rooster-th-medewerker{width:200px;text-align:left!important}.rooster-th-locatie{width:160px;text-align:left!important}.rooster-th-day{width:auto}.rooster-th-day .day-name{display:block;font-weight:600;text-transform:uppercase;font-size:.6875rem;letter-spacing:.5px}.rooster-th-day .day-date{display:block;font-size:1.125rem;font-weight:700;color:var(--color-gray-800);margin-top:2px}.rooster-th-day.today{background:var(--color-primary-50)}.rooster-th-day.today .day-date{color:var(--color-primary)}.rooster-th-total{width:80px}.rooster-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:background .15s ease;cursor:pointer}.rooster-table tbody tr:hover{background:var(--color-primary-50)}.rooster-table tbody tr:last-child{border-bottom:none}.rooster-td-medewerker{padding:var(--spacing-md)}.rooster-td-locatie{padding:var(--spacing-md);vertical-align:top;text-align:left}.rooster-locatie-list{display:flex;flex-direction:column;gap:6px}.rooster-locatie-badge{margin:2px 0}.rooster-locatie-empty{color:var(--color-gray-300);font-size:.875rem}.medewerker-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.medewerker-avatar-sm{width:36px;height:36px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.75rem;flex-shrink:0}.medewerker-naam{font-weight:500;font-size:.875rem;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rooster-td-day{padding:var(--spacing-sm);text-align:center;vertical-align:top;min-height:56px}.rooster-td-day.today{background:var(--color-primary-50)}.rooster-td-day .day-off{color:var(--color-gray-300);font-size:.875rem}.rooster-shift-block{display:block;padding:4px 8px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;color:#fff;white-space:nowrap;margin:2px auto;width:fit-content}.rooster-td-total{padding:var(--spacing-md);text-align:center}.hours-badge{display:inline-block;padding:4px 10px;background:var(--color-gray-100);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-gray-700)}.rooster-legend{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);margin-top:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md)}.legend-title{font-size:.8125rem;font-weight:600;color:var(--color-gray-600)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-gray-600)}.legend-dot{width:10px;height:10px;border-radius:50%}.rooster-loading,.rooster-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.toggle-setting{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-100)}.toggle-setting:last-child{border-bottom:none}.toggle-info h4{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-xs)}.toggle-info p{font-size:.8125rem;color:var(--color-gray-500);margin:0}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--color-gray-300);transition:all .3s ease;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #00000026}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #b8956a33}@media (max-width: 1024px){.settings-layout{flex-direction:column}.settings-nav{width:100%;border-right:none;border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-md);display:flex;gap:var(--spacing-lg);overflow-x:auto}.settings-category{margin-bottom:0;flex-shrink:0}.settings-category-title{padding:var(--spacing-xs) var(--spacing-sm)}.settings-category-list{display:flex;gap:var(--spacing-xs)}.settings-nav-item{padding:var(--spacing-sm) var(--spacing-md);border-left:none;border-bottom:2px solid transparent;white-space:nowrap}.settings-nav-item.active{border-left-color:transparent;border-bottom-color:var(--color-primary)}.integrations-grid{grid-template-columns:1fr}}@media (max-width: 768px){.settings-content{padding:var(--spacing-lg)}.settings-page-header h2{font-size:1.5rem}.logo-upload-area{flex-direction:column;align-items:flex-start}.work-day{flex-wrap:wrap}.work-hours-inputs{width:100%;margin-top:var(--spacing-sm)}}.images-upload-area{display:flex;flex-direction:column;gap:var(--spacing-md)}.images-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.image-preview-item{position:relative;width:100px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-gray-200)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-item .image-overlay-actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-start;padding:4px;pointer-events:none}.image-preview-item .image-overlay-actions button{pointer-events:auto}.ta-slider-upload .empty-items{margin:0}.image-remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:var(--radius-full);background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:background .2s ease}.image-remove-btn:hover{background:#dc2626e6}.image-preview-item .btn-crop-image{width:22px;height:22px;border-radius:var(--radius-full);border:none;background:#0009;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.image-preview-item .btn-crop-image:hover{background:#000c}.image-upload-btn-wrapper{display:inline-block}.location-badge.website-visible{position:absolute;top:var(--spacing-md)}.contact-locations-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-gray-200)}.contact-locations-header{text-align:center;margin-bottom:var(--spacing-xl)}.contact-locations-header h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;color:var(--color-black);margin:0 0 var(--spacing-sm)}.contact-locations-header p{color:var(--color-gray-500);margin:0}.contact-locations-grid{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-width:1100px;margin:0 auto}.contact-location-card{display:flex;flex-direction:row;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);transition:all .3s ease;height:620px}.contact-location-card:hover{box-shadow:var(--shadow-lg)}.contact-location-images{position:relative;flex:0 0 45%;min-height:400px;overflow:hidden;background:linear-gradient(135deg,#d4c4b5,#b8956a)}.contact-location-images img{width:100%;height:100%;object-fit:cover}.contact-location-images-slider{display:flex;height:100%;transition:transform .5s ease}.contact-location-images-slider img{min-width:100%;height:100%;object-fit:cover}.contact-location-slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-gray-700);box-shadow:var(--shadow-md);transition:all .2s ease;z-index:10}.contact-location-slider-nav:hover{background:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-50%) scale(1.05)}.contact-location-slider-nav.prev{left:16px}.contact-location-slider-nav.next{right:16px}.contact-location-slider-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.contact-location-slider-dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all .2s ease}.contact-location-slider-dot:hover{background:#fffc}.contact-location-slider-dot.active{background:var(--color-white);transform:scale(1.2)}.contact-location-no-image{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:3rem}.contact-location-content{flex:1;padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.contact-location-name{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;color:var(--color-black);margin:0 0 var(--spacing-md)}.contact-location-address{color:var(--color-gray-600);margin-bottom:var(--spacing-md);line-height:1.6}.contact-location-address p{margin:0}.contact-location-details{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.contact-location-detail{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;color:var(--color-gray-700)}.contact-location-detail-icon{width:20px;text-align:center}.contact-location-info{margin-top:var(--spacing-md)}.contact-location-info-title{font-weight:600;font-size:.875rem;color:var(--color-black);margin-bottom:var(--spacing-xs)}.contact-location-info-text{font-size:.875rem;color:var(--color-gray-600);line-height:1.6}.contact-location-actions{display:flex;gap:var(--spacing-md);margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-100)}.contact-location-btn{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-md) var(--spacing-lg);font-size:.9rem;font-weight:500}@media (max-width: 768px){.contact-locations-grid{gap:var(--spacing-xl)}.contact-location-card{flex-direction:column;min-height:auto}.contact-location-images{flex:none;width:100%;height:250px;min-height:250px}.contact-location-slider-nav{width:36px;height:36px;font-size:1rem}.contact-location-slider-nav.prev{left:10px}.contact-location-slider-nav.next{right:10px}.contact-location-actions{flex-direction:column}}.berichten-kanalen-grid{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.berichten-kanaal-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.berichten-kanaal-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.berichten-kanaal-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);border-radius:var(--radius-md);flex-shrink:0}.berichten-kanaal-info{flex:1;min-width:0}.berichten-kanaal-naam{font-size:.9375rem;font-weight:600;color:var(--color-gray-800);margin-bottom:2px}.berichten-kanaal-desc{font-size:.8125rem;color:var(--color-gray-500)}.berichten-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;white-space:nowrap}.berichten-status-badge.gekoppeld{background:#10b9811a;color:var(--color-success-dark, #059669)}.berichten-status-badge.niet-gekoppeld{background:var(--color-gray-100);color:var(--color-gray-500)}.berichten-kanaal-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:.625rem;background:var(--color-gray-50);border:none;border-top:1px solid var(--color-gray-100);color:var(--color-gray-600);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.berichten-kanaal-toggle:hover{background:var(--color-gray-100)}.berichten-toggle-chevron{transition:transform .2s ease}.berichten-kanaal-config{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--color-gray-100)}.berichten-kanaal-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.berichten-kanaal-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.berichten-save-status{margin-top:var(--spacing-sm);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500}.berichten-save-status.success{background:#10b9811a;color:var(--color-success-dark, #059669)}.berichten-save-status.error{background:#ef44441a;color:var(--color-error)}.behandelingen-group{margin-bottom:var(--spacing-lg)}.behandelingen-group:last-child{margin-bottom:0}.behandelingen-group-title{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);margin:0;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#b8956a1a,#b8956a0d);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm)}.behandelingen-group .table-container{overflow-x:hidden;margin-top:var(--spacing-xs)}.behandelingen-table{table-layout:fixed;width:100%}.behandelingen-table .col-drag{width:3%}.behandelingen-table .col-naam{width:28%}.behandelingen-table .col-categorie{width:16%}.behandelingen-table .col-menus{width:22%}.behandelingen-table .col-status{width:18%}.behandelingen-table .col-actions{width:13%}.behandelingen-table td,.behandelingen-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.behandelingen-table td select{max-width:100%;width:100%;box-sizing:border-box}.menu-badges-cell{display:flex;gap:4px;flex-wrap:wrap;overflow:visible!important;white-space:normal!important}.menu-badge{display:inline-block;padding:2px 8px;font-size:.7rem;font-weight:500;border-radius:10px;background:linear-gradient(135deg,#b8956a26,#b8956a14);color:var(--color-primary);border:1px solid rgba(184,149,106,.25);white-space:nowrap}.menu-badge-empty{background:transparent;border-color:transparent;color:var(--color-gray-400)}.behandelingen-table .action-buttons{display:flex;align-items:center;gap:4px}.behandelingen-table .action-buttons .btn-icon{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;transition:color .15s ease,background .15s ease;display:inline-flex;align-items:center}.behandelingen-table .action-buttons .btn-icon:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.behandelingen-table .action-buttons .btn-remove-from-menu:hover{color:var(--color-error);background:#ef444414}.add-behandeling-btn-container{padding:var(--spacing-sm) var(--spacing-md);border-top:1px dashed var(--color-gray-200)}.btn-add-to-menu{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px dashed var(--color-gray-300);border-radius:var(--radius-sm);background:transparent;color:var(--color-gray-500);font-size:.8125rem;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.btn-add-to-menu:hover{color:var(--color-primary);border-color:var(--color-primary);background:#b8956a0d}.add-modal-search-input{width:100%;padding:10px 12px;margin-bottom:var(--spacing-md);box-sizing:border-box;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.875rem;background:var(--color-white);transition:border-color .15s ease,box-shadow .15s ease}.add-modal-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #b8956a26}.add-modal-search-input::placeholder{color:var(--color-gray-400)}.add-modal-list-container{max-height:320px;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm)}.add-modal-list{display:flex;flex-direction:column}.add-modal-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;cursor:pointer;transition:background .1s ease;border-bottom:1px solid var(--color-gray-100)}.add-modal-item:last-child{border-bottom:none}.add-modal-item:hover{background:var(--color-gray-50)}.add-modal-checkbox{flex-shrink:0;width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.add-modal-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.add-modal-item-name{font-size:.875rem;font-weight:500;color:var(--color-gray-800)}.add-modal-item-meta{font-size:.75rem;color:var(--color-gray-400)}.add-modal-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-gray-400);font-size:.875rem}.add-modal-selection-count{margin-top:var(--spacing-sm);font-size:.8125rem;color:var(--color-gray-500)}.drag-handle-cell{text-align:center;padding:var(--spacing-sm)!important}.behandelingen-table .drag-handle-cell{text-overflow:clip}.behandeling-drag-handle{color:var(--color-gray-400);cursor:grab;display:inline-flex;align-items:center}.behandeling-drag-handle:hover{color:var(--color-gray-600)}.behandeling-row.dragging{opacity:.4;background:var(--color-primary-50)}.behandeling-row.drag-over{border-top:2px solid var(--color-primary)}.menu-items-list{display:flex;flex-direction:column;gap:2px}.menu-item-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);cursor:grab;transition:box-shadow .15s ease,background .15s ease}.menu-item-row:hover{background:var(--color-gray-50)}.menu-item-row.dragging{opacity:.5;box-shadow:var(--shadow-lg)}.menu-item-row.drag-over{border-color:var(--color-primary)}.menu-item-drag-handle{color:var(--color-gray-400);cursor:grab;flex-shrink:0}.menu-item-name{flex:1;font-weight:500;font-size:.9375rem}.menu-item-count{color:var(--color-gray-400);font-size:.8125rem;white-space:nowrap}.menu-item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.menu-item-actions .btn-icon{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;transition:color .15s ease,background .15s ease}.menu-item-actions .btn-icon:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.menu-item-actions .btn-delete-menu-item:hover{color:var(--color-error);background:#ef444414}.behandeling-menu-select{padding:.375rem .5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.8125rem;background:var(--color-white);cursor:pointer}.behandeling-menu-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246),.15)}.berichtgeving-overzicht-loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-400)}.berichtgeving-overzicht-list{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.berichtgeving-overzicht-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border:none;border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background-color .15s ease;text-align:left;font-family:var(--font-sans);font-size:.875rem;color:var(--color-gray-900)}.berichtgeving-overzicht-row:last-child{border-bottom:none}.berichtgeving-overzicht-row:hover{background:var(--color-gray-50)}.berichtgeving-overzicht-row-info{display:flex;align-items:center;gap:var(--spacing-md)}.berichtgeving-overzicht-row-name{font-weight:500;color:var(--color-gray-900)}.berichtgeving-overzicht-row-status{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm);font-weight:500}.berichtgeving-overzicht-row-status.configured{background:#10b9811a;color:#059669}.berichtgeving-overzicht-row-status.not-configured{background:#f59e0b1a;color:#d97706}.berichtgeving-overzicht-row-chevron{flex-shrink:0;color:var(--color-gray-400);display:flex;align-items:center}.berichtgeving-templates-table .template-naam-cell{font-weight:500;color:var(--color-gray-900)}.berichtgeving-templates-table .actions-cell{width:80px;text-align:center}.berichtgeving-templates-table .actions-cell .btn-icon{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--color-gray-500);cursor:pointer;transition:color .15s ease,background .15s ease;display:inline-flex;align-items:center}.berichtgeving-templates-table .actions-cell .btn-icon:hover{background:var(--color-gray-100);color:var(--color-primary)}.template-category-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;white-space:nowrap}.template-category-badge.category-voor{background:#3b82f61a;color:#2563eb}.template-category-badge.category-verandering{background:#f59e0b1a;color:#d97706}.template-category-badge.category-na{background:#10b9811a;color:#059669}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.sortable-th:hover{color:var(--color-gray-800)}.sortable-th.sort-active{color:var(--color-primary)}.sort-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px;opacity:.4;transition:opacity .15s ease}.sortable-th:hover .sort-icon,.sortable-th.sort-active .sort-icon{opacity:1}.back-to-overzicht{display:inline-flex;align-items:center;gap:4px;padding:0;margin-bottom:var(--spacing-sm);font-size:.8125rem;font-weight:500;color:var(--color-gray-500);background:none;border:none;cursor:pointer;transition:color .15s ease}.back-to-overzicht:hover{color:var(--color-gray-900)}.back-to-overzicht svg{flex-shrink:0}.email-template-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--spacing-2xl);align-items:start}.email-template-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.email-template-preview{position:sticky;top:var(--spacing-xl)}.email-preview-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);margin-bottom:var(--spacing-md)}.email-template-loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-400)}.template-var-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--spacing-sm)}.template-var-chip{display:inline-flex;align-items:center;padding:3px 10px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:.75rem;font-family:SF Mono,Fira Code,monospace;color:var(--color-gray-600);cursor:pointer;transition:all .15s ease}.template-var-chip:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.email-toolbar{display:flex;align-items:center;gap:2px;padding:var(--spacing-sm);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.email-toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease}.email-toolbar-btn:hover{background:var(--color-gray-200);color:var(--color-black)}.email-toolbar-btn svg{width:16px;height:16px}.email-toolbar-sep{width:1px;height:20px;background:var(--color-gray-200);margin:0 4px}.email-body-editor{min-height:250px;max-height:500px;overflow-y:auto;padding:var(--spacing-lg);border:1px solid var(--color-gray-200);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-white);font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;color:var(--color-black)}.email-body-editor:focus{outline:none;border-color:var(--color-primary)}.email-body-editor:empty:before{content:attr(data-placeholder);color:var(--color-gray-400);pointer-events:none}.email-body-editor p{margin:0 0 12px}.email-body-editor ul,.email-body-editor ol{margin:0 0 12px;padding-left:1.5em}.email-body-editor a{color:var(--color-primary);text-decoration:underline}.email-header-upload{border-radius:var(--radius-md);overflow:hidden}.email-header-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);background:var(--color-gray-50);border:2px dashed var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:center}.email-header-upload-zone:hover,.email-header-upload-zone.dragover{background:var(--color-primary-light);border-color:var(--color-primary)}.email-header-upload-zone svg{color:var(--color-gray-400)}.email-header-upload-zone p{margin:0;font-size:.875rem;font-weight:500;color:var(--color-gray-600)}.email-header-upload-zone .text-muted{font-size:.75rem;color:var(--color-gray-400)}.email-header-upload-preview{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-gray-200)}.email-header-upload-preview img{width:100%;display:block;max-height:200px;object-fit:cover}.email-header-remove-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;border-radius:var(--radius-full);background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:background .2s ease}.email-header-remove-btn:hover{background:#dc2626e6}.email-header-upload-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--color-gray-50);border:2px dashed var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-400)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.9375rem;color:var(--color-gray-700)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.email-template-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.email-template-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.email-template-actions .btn svg{flex-shrink:0}.btn-loading{opacity:.7}.herinnering-vooraf-options{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.herinnering-vooraf-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.herinnering-vooraf-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light, rgba(200, 145, 124, .06))}.herinnering-vooraf-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.email-preview-wrapper{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-gray-50);box-shadow:0 1px 3px #0000000a}.email-preview-subject{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);font-size:.875rem;color:var(--color-gray-700)}.email-preview-subject strong{color:var(--color-gray-500);font-weight:500}.email-preview-frame{background:#f3f4f6;padding:var(--spacing-xl)}.email-preview-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:var(--spacing-xl);text-align:center;border-radius:var(--radius-md) var(--radius-md) 0 0}.email-preview-header h2{margin:0;font-size:1.25rem;font-weight:600;font-family:var(--font-sans)}.email-preview-header-img{width:100%;height:250px;display:block;border-radius:var(--radius-md) var(--radius-md) 0 0;object-fit:cover;object-position:center}.email-preview-body{background:var(--color-white);padding:var(--spacing-xl) var(--spacing-2xl);font-size:.9375rem;line-height:1.7;color:var(--color-gray-700);min-height:120px}.email-preview-body p{margin:0 0 12px}.template-var-preview{background:#ede9fe;color:#6d28d9;padding:1px 6px;border-radius:3px;font-size:.8125rem;font-weight:500}.email-preview-actions{background:var(--color-white);padding:0 var(--spacing-xl) var(--spacing-lg);text-align:center;display:flex;gap:var(--spacing-md);justify-content:center}.email-preview-action-btn{display:inline-block;padding:8px 20px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:default}.email-preview-action-btn.secondary{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-200)}.email-preview-footer{background:var(--color-gray-50);padding:var(--spacing-lg);text-align:center;font-size:.75rem;color:var(--color-gray-400);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--color-gray-100)}.email-preview-footer p{margin:2px 0}.email-preview-social{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.social-icon-preview{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-100);transition:background .15s ease}.social-icon-preview:hover{background:var(--color-gray-200)}@media (max-width: 1200px){.email-template-layout{grid-template-columns:1fr}.email-template-preview{position:static}}.sms-section{margin-bottom:1.5rem}.sms-section h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.sms-section-desc{font-size:.8125rem;color:var(--color-gray-500);margin-bottom:1.25rem}.sms-page-loading{text-align:center;padding:3rem;color:var(--color-gray-500)}.sms-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.sms-template-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.sms-template-card-header{display:flex;justify-content:space-between;align-items:center}.sms-template-card-header h4{font-weight:600;font-size:.9375rem}.sms-template-card-desc{font-size:.75rem;color:var(--color-gray-500)}.sms-template-card-preview{font-size:.8125rem;color:var(--color-gray-600);line-height:1.4;flex:1}.toggle-switch-sm{transform:scale(.8);transform-origin:right center}.sms-editor{margin-bottom:1.5rem}.sms-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.sms-template-textarea{font-family:var(--font-sans);font-size:.875rem;line-height:1.5;resize:vertical;min-height:160px}.sms-char-counter{font-size:.75rem;color:var(--color-gray-500);margin-top:.5rem}.sms-editor-actions{margin-top:1rem}.sms-back-btn{margin-bottom:1rem}.sms-editor-preview{position:sticky;top:2rem}.sms-preview-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);font-weight:600;margin-bottom:.75rem}.sms-preview-phone{background:var(--color-gray-100);border-radius:var(--radius-xl);padding:1.5rem;min-height:200px}.sms-preview-bubble{background:#fff;border-radius:var(--radius-lg);padding:1rem;font-size:.8125rem;line-height:1.5;box-shadow:0 1px 3px #00000014;word-break:break-word}.sms-timing-row{display:flex;gap:.75rem;align-items:center;max-width:360px}.sms-timing-select{flex:1}.sms-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.sms-stats-period{font-size:.75rem;font-weight:400;color:var(--color-gray-500)}.sms-stat-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:1rem;text-align:center}.sms-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.sms-stat-label{font-size:.75rem;color:var(--color-gray-500);margin-top:.25rem}.sms-stat-success .sms-stat-value{color:var(--color-success)}.sms-stat-failed .sms-stat-value{color:var(--color-error)}.sms-logs-filters{display:flex;gap:.75rem;margin-bottom:1rem}.sms-log-filter-input{max-width:200px;font-size:.8125rem;padding:.5rem .75rem}.sms-logs-empty{text-align:center;color:var(--color-gray-500);padding:2rem}.sms-logs-table{font-size:.8125rem;width:100%}.sms-logs-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sms-log-message{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-gray-500)}.sms-type-badge,.sms-status-badge{display:inline-block;font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.sms-type-bevestiging{background:#3b82f61a;color:var(--color-info)}.sms-type-herinnering{background:#f59e0b1a;color:var(--color-warning)}.sms-type-rebook{background:#8b5cf61a;color:#8b5cf6}.sms-status-verzonden{background:#10b9811a;color:var(--color-success)}.sms-status-mislukt{background:#dc26261a;color:var(--color-error)}.sms-status-afgeleverd{background:#10b98126;color:var(--color-success)}.sms-logs-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.8125rem;color:var(--color-gray-500)}.sms-logs-pagination-buttons{display:flex;gap:.5rem}@media (max-width: 900px){.sms-editor-layout{grid-template-columns:1fr}.sms-editor-preview{position:static}.sms-templates-grid{grid-template-columns:1fr}.sms-section.settings-card{width:100%;box-sizing:border-box}.sms-stats-grid{grid-template-columns:1fr 1fr}}.resource-filter-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}.resource-filter-bar select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-white);min-width:100px}.resource-filter-bar .search-input-wrapper{position:relative}.resource-filter-bar .search-input-wrapper input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;min-width:200px}.resource-section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-400);margin:var(--spacing-lg) 0 var(--spacing-sm)}.resource-list{display:flex;flex-direction:column;gap:2px}.resource-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);transition:box-shadow .15s}.resource-card:hover{box-shadow:0 1px 3px #00000014}.resource-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0;letter-spacing:.05em}.resource-info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--spacing-sm)}.resource-name{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0000000a;padding:2px 8px;border-radius:var(--radius-sm)}.resource-locatie{color:var(--color-gray-500);font-size:.8125rem;white-space:nowrap}.resource-stats{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-gray-500);font-size:.8125rem}.resource-stat{white-space:nowrap}.resource-order-btns{display:flex;flex-direction:column;gap:0}.resource-order-btns .btn-icon{padding:0;width:24px;height:20px;font-size:.75rem;line-height:1;color:var(--color-gray-400)}.resource-order-btns .btn-icon:hover{color:var(--color-gray-700)}.resource-actions-menu{position:relative}.resource-actions-menu .resource-menu-btn{padding:var(--spacing-sm);font-size:1.125rem;color:var(--color-gray-400);letter-spacing:2px}.resource-dropdown{position:absolute;right:0;top:100%;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:100;min-width:140px;overflow:hidden}.resource-dropdown button{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;border:none;background:none;font-size:.875rem;cursor:pointer;color:var(--color-gray-700)}.resource-dropdown button:hover{background:var(--color-gray-50)}.diensten-checklist{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);max-height:350px;overflow-y:auto}.dienst-checklist-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);font-weight:500}.dienst-count{font-size:.75rem;color:var(--color-gray-500)}.dienst-categorie-group{border-bottom:1px solid var(--color-gray-100)}.dienst-categorie-group:last-child{border-bottom:none}.dienst-categorie-header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;gap:var(--spacing-sm)}.dienst-categorie-header .checkbox-label{flex:1}.dienst-categorie-header .toggle-cat{padding:0;width:24px;height:24px;font-size:.75rem;color:var(--color-gray-400)}.dienst-categorie-items{padding:0 var(--spacing-md) var(--spacing-sm);padding-left:calc(var(--spacing-md) + var(--spacing-lg))}.dienst-item{display:flex;align-items:center;padding:2px 0;font-size:.8125rem}.radio-group{display:flex;gap:var(--spacing-md)}.radio-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;cursor:pointer}.rooster-section-title{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin:var(--spacing-xl) 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200)}.hc-categories-controls{display:flex;justify-content:flex-end}.hc-categories-items{display:flex;flex-direction:column;gap:.25rem}.hc-category-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:background .15s}.hc-category-item:hover{background:var(--color-gray-50)}.hc-category-name{font-size:.875rem;font-weight:500;color:var(--color-gray-800)}.taal-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.taal-badge-nl{background:#fee2e2;color:#991b1b}.taal-badge-fr{background:#dbeafe;color:#1e3a8a}.taal-badge-en{background:#d1fae5;color:#065f46}.korting-status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:600;white-space:nowrap}.korting-status-actief{background:#d1fae5;color:#065f46}.korting-status-gepland{background:#dbeafe;color:#1e3a8a}.korting-status-verlopen{background:#fee2e2;color:#991b1b}.korting-status-inactief{background:#f3f4f6;color:#6b7280}.korting-type-label{display:inline-flex;padding:2px 8px;border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:500;background:#f3f4f6;color:#374151}.acties-table-wrapper{width:100%;margin-top:var(--spacing-md);overflow-x:auto}.acties-table{width:100%;border-collapse:collapse;font-size:.875rem}.acties-table thead th{text-align:left;padding:10px 12px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500, #6b7280);border-bottom:1px solid var(--color-gray-200, #e5e7eb);white-space:nowrap}.acties-table tbody tr{border-bottom:1px solid var(--color-gray-100, #f3f4f6);transition:background .15s ease}.acties-table tbody tr:hover{background:var(--color-gray-50, #f9fafb)}.acties-table tbody td{padding:12px;vertical-align:middle;white-space:nowrap}.acties-table-naam{font-weight:500;color:var(--color-black)}.acties-table-code{font-family:monospace;font-size:.8125rem;font-weight:600;color:#374151;background:#f3f4f6;padding:2px 8px!important;border-radius:4px}.acties-table-waarde{font-weight:600;color:var(--color-primary)}.acties-table-periode,.acties-table-gebruik{color:var(--color-gray-500, #6b7280);font-size:.8125rem}.acties-table-actions{display:flex;gap:var(--spacing-xs)}.korting-color-picker{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.korting-color-option{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;padding:0}.korting-color-option:hover{transform:scale(1.15)}.korting-color-option.selected{border-color:var(--color-gray-800, #1f2937);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-gray-400, #9ca3af)}.multi-select-container{position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--color-gray-300, #d1d5db);border-radius:var(--radius-md, 6px);background:#fff;cursor:pointer;min-height:40px;font-size:.875rem;transition:border-color .15s}.multi-select-trigger:hover{border-color:var(--color-gray-400, #9ca3af)}.multi-select-placeholder{color:var(--color-gray-500, #6b7280)}.multi-select-arrow{color:var(--color-gray-400, #9ca3af);font-size:.75rem}.multi-select-dropdown{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, 6px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;max-height:260px;overflow-y:auto;margin-top:4px}.multi-select-dropdown.open{display:block}.multi-select-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:.875rem;transition:background .1s}.multi-select-option:hover{background:var(--color-gray-50, #f9fafb)}.multi-select-option input[type=checkbox]{accent-color:var(--color-primary, #b8956a);width:16px;height:16px;cursor:pointer}.multi-select-empty{padding:12px;color:var(--color-gray-500, #6b7280);font-size:.875rem;text-align:center}.multi-select-search-wrap{position:sticky;top:0;z-index:1;background:#fff;padding:8px;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.multi-select-search{width:100%;padding:6px 10px;border:1px solid var(--color-gray-300, #d1d5db);border-radius:var(--radius-md, 6px);font-size:.8125rem;outline:none;box-sizing:border-box}.multi-select-search:focus{border-color:var(--color-primary, #b8956a);box-shadow:0 0 0 2px #b8956a26}.multi-select-groups{padding:4px 0}.multi-select-group-header{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:.8125rem;font-weight:600;color:var(--color-gray-700, #374151);background:var(--color-gray-50, #f9fafb);cursor:pointer;position:sticky;top:0;z-index:0}.multi-select-group-header:hover{background:var(--color-gray-100, #f3f4f6)}.multi-select-group-header input[type=checkbox]{accent-color:var(--color-primary, #b8956a);width:15px;height:15px;cursor:pointer}.multi-select-group-name{flex:1}.multi-select-group-count{color:var(--color-gray-400, #9ca3af);font-weight:400;font-size:.75rem}.multi-select-group-item{padding-left:28px!important}.form-hint{display:block;font-size:.75rem;color:var(--color-gray-500, #6b7280);margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary, #b8956a);width:18px;height:18px;cursor:pointer}.klantengroepen-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.klantengroepen-stat-card{background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, 6px);padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:4px}.klantengroepen-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary, #b8956a)}.klantengroepen-stat-label{font-size:.8rem;color:var(--color-gray-500, #6b7280);text-transform:uppercase;letter-spacing:.5px}.klantengroep-overzicht-item{padding:14px 16px;border-bottom:1px solid var(--color-gray-100, #f3f4f6);transition:background .15s}.klantengroep-overzicht-item:last-child{border-bottom:none}.klantengroep-overzicht-item:hover{background:var(--color-gray-50, #f9fafb)}.klantengroep-overzicht-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.klantengroep-overzicht-info{flex:1;min-width:0}.klantengroep-overzicht-naam-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.klantengroep-overzicht-naam{font-weight:600;font-size:.95rem;color:var(--color-gray-900, #111827)}.klantengroep-overzicht-code{background:#f3f4f6;color:#374151;font-weight:600;font-size:11px;padding:2px 8px;border-radius:4px;font-family:monospace;text-transform:uppercase}.klantengroep-overzicht-omschrijving{color:var(--color-gray-500, #6b7280);font-size:.8rem;margin:4px 0 0;line-height:1.4}.klantengroep-overzicht-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.klantengroep-overzicht-korting{font-size:1.25rem;font-weight:700;color:#10b981}.klantengroep-overzicht-klanten{font-size:.75rem;color:var(--color-gray-500, #6b7280)}.feestdagen-list{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.feestdag-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--radius-md, 8px);border:1px solid var(--color-gray-200, #e5e7eb);transition:background .15s}.feestdag-item:hover{background:var(--color-gray-50, #f9fafb)}.feestdag-info{display:flex;align-items:center;gap:var(--spacing-md, 1rem)}.feestdag-naam{font-weight:600;color:var(--color-gray-900, #111827)}.feestdag-datum{font-size:.875rem;color:var(--color-gray-500, #6b7280)}.feestdag-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full, 9999px);font-size:.7rem;font-weight:600;background:#dbeafe;color:#1e40af}.feestdag-actions{display:flex;gap:var(--spacing-xs, .25rem);opacity:0;transition:opacity .15s}.feestdag-item:hover .feestdag-actions{opacity:1}.empty-state{color:var(--color-gray-500, #6b7280);font-size:.875rem;padding:var(--spacing-lg, 1.5rem) 0;text-align:center}.redirect-form-row{display:flex;gap:var(--spacing-md, .75rem);align-items:flex-end}.redirect-form-field{flex:1}.redirect-form-type{width:160px;flex-shrink:0}.redirect-form-action{flex-shrink:0}.redirect-form-row input,.redirect-form-row select{width:100%}.settings-page .data-table{width:100%;border-collapse:collapse}.settings-page .data-table th,.settings-page .data-table td{padding:var(--spacing-md, .75rem);text-align:left;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.settings-page .data-table th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500, #6b7280);background:var(--color-gray-50, #f9fafb)}.settings-page .data-table tbody tr:hover{background:var(--color-gray-50, #f9fafb)}.settings-page .data-table code{font-size:.8125rem;background:var(--color-gray-100, #f3f4f6);padding:.125rem .375rem;border-radius:var(--radius-sm, 4px)}.settings-page .actions-cell{text-align:right;white-space:nowrap}.settings-page .btn-icon{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem;opacity:.6;transition:opacity .15s}.settings-page .btn-icon:hover{opacity:1}.status-badge{display:inline-block;font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:999px}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#f3f4f6;color:#6b7280}.redirect-warning{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md, .75rem);margin-top:var(--spacing-md, .75rem);padding:.75rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md, 8px);animation:redirect-warning-in .25s ease-out}@keyframes redirect-warning-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.redirect-warning-content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.redirect-warning-icon{font-size:1.25rem;flex-shrink:0}.redirect-warning-text{font-size:.8125rem;font-weight:500;color:#92400e;line-height:1.4}.redirect-warning-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-sm{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm, 4px);border:none;cursor:pointer;white-space:nowrap}.btn-warning{background:#dc2626;color:#fff}.btn-warning:hover{background:#b91c1c}.redirect-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color, #e5e7eb)}.redirect-tab{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:color .15s,border-color .15s}.redirect-tab:hover{color:#374151}.redirect-tab.active{color:var(--color-primary, #6366f1);border-bottom-color:var(--color-primary, #6366f1)}.redirect-tab-count{font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:9999px;background:#f3f4f6;color:#6b7280}.redirect-tab.active .redirect-tab-count{background:#6366f11a;color:var(--color-primary, #6366f1)}.redirect-tab-count.nf-count{background:#fef2f2;color:#dc2626}.hit-count{font-size:.8125rem;font-weight:600;color:#9ca3af}.hit-count-active{color:#059669}.nf-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md, .75rem)}.nf-toggle-ignored{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280;cursor:pointer;white-space:nowrap}.nf-toggle-ignored input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.referrer-cell{display:flex;flex-wrap:wrap;gap:.25rem}.referrer-tag{font-size:.6875rem;padding:.125rem .375rem;background:#f3f4f6;border-radius:4px;color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:#9ca3af;font-size:.8125rem}.redirect-bulk-import{display:flex;flex-direction:column;gap:var(--spacing-md, .75rem)}.redirect-bulk-area{margin-top:var(--spacing-sm, .5rem)}.redirect-bulk-area textarea{width:100%;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8125rem;line-height:1.6;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 8px);resize:vertical;background:#f9fafb;color:#1f2937;box-sizing:border-box}.redirect-bulk-area textarea:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.redirect-bulk-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm, .5rem);margin-top:var(--spacing-sm, .5rem)}.redirect-bulk-hint{font-size:.8125rem;color:#6b7280;margin-right:auto}.nf-filter-add{display:flex;gap:var(--spacing-sm, .5rem);align-items:center;margin-top:var(--spacing-sm, .5rem)}.nf-filter-input{padding:.4rem .6rem;border:1px solid var(--color-gray-300, #d1d5db);border-radius:var(--radius-sm, 6px);font-size:.8125rem;font-family:monospace;flex:1;min-width:0}.nf-filter-label-input{font-family:inherit;flex:0 0 200px}.nf-filter-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .25rem);margin-top:var(--spacing-md, .75rem)}.nf-filter-item{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem;background:var(--color-gray-100, #f3f4f6);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-sm, 6px);font-size:.8125rem}.nf-filter-pattern{font-size:.75rem;color:var(--color-text, #1f2937)}.nf-filter-label-tag{font-size:.6875rem;color:var(--color-text-light, #6b7280);background:var(--color-gray-200, #e5e7eb);padding:.1rem .35rem;border-radius:3px}.nf-filter-delete-btn{font-size:1rem;line-height:1;color:var(--color-text-light, #6b7280);cursor:pointer;padding:0 .15rem}.nf-filter-delete-btn:hover{color:var(--color-danger, #ef4444)}@media (max-width: 768px){.redirect-form-row{flex-direction:column}.redirect-form-type{width:100%}.redirect-warning{flex-direction:column;align-items:stretch}.redirect-warning-actions{justify-content:flex-end}.nf-filter-add{flex-wrap:wrap}.nf-filter-label-input{width:100%}}.producten-page{background:var(--color-background);display:flex;flex-direction:column;height:100vh;overflow:hidden}.producten-header{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 var(--spacing-2xl);padding-left:25px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.producten-header h1{font-family:var(--font-serif);font-size:1.75rem;font-weight:500;margin:0;color:var(--color-black)}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.scope-toggle{display:flex;background:var(--color-gray-100);border-radius:var(--radius-md);padding:2px}.scope-btn{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.scope-btn.active{background:var(--color-primary);color:var(--color-white)}.scope-btn:hover:not(.active){color:var(--color-gray-700)}.location-selector{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-black);cursor:pointer;transition:all .2s ease}.location-selector:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.producten-tabs{display:flex;gap:var(--spacing-xs);padding:11px var(--spacing-2xl) 11px 15px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.producten-tab{padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;position:relative;transition:all .2s ease}.producten-tab:hover{color:var(--color-gray-700)}.producten-tab.active{color:var(--color-primary);font-weight:600}.producten-tab.active:after{content:"";position:absolute;bottom:-13px;left:0;right:0;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0}.producten-filters{padding:19px 30px 19px 15px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);flex-wrap:wrap}.filter-group-left{display:flex;align-items:flex-end;gap:var(--spacing-md)}.filter-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500)}.filter-toggles{display:flex;background:var(--color-gray-100);border-radius:var(--radius-md);padding:3px}.filter-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;white-space:nowrap}.filter-toggle.active{background:var(--color-white);color:var(--color-black);box-shadow:0 1px 3px #0000001a}.filter-toggle:hover:not(.active){background:#ffffff80}.filter-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-error);color:var(--color-white);font-size:.625rem;font-weight:700;border-radius:var(--radius-full);margin-left:6px}.filter-group-center{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;justify-content:flex-start}.filter-dropdown-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-dropdown-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500)}.filter-select{min-width:140px;padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-xl);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;background:var(--color-white);color:var(--color-gray-600);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s ease}.filter-select:hover{border-color:var(--color-gray-300)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.filter-search{position:relative}.filter-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.filter-search .search-input{width:200px;padding:var(--spacing-sm) var(--spacing-md);padding-left:40px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;background:var(--color-white);transition:all .2s ease}.filter-search .search-input:hover{border-color:var(--color-gray-300)}.filter-search .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a;width:250px}.filter-search .search-input::placeholder{color:var(--color-gray-400)}.filter-group-right{display:flex;align-items:center;gap:var(--spacing-sm)}.producten-content{flex:1;padding:0;overflow:hidden;min-height:0;display:flex;flex-direction:column}.producten-table{width:100%;border-collapse:collapse}.producten-table th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);padding:var(--spacing-md) var(--spacing-lg);text-align:left;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.producten-table th:last-child{width:50px}.producten-table td{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);font-size:.875rem;color:var(--color-gray-700)}.producten-table td strong{color:var(--color-black);font-weight:600}.producten-table tbody tr:hover{background:var(--color-gray-50)}.categorie-label{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap;letter-spacing:.01em;line-height:1.5}.group-header-row td{background:var(--color-gray-100);padding:var(--spacing-sm) var(--spacing-lg)!important;border-bottom:1px solid var(--color-gray-200);border-top:1px solid var(--color-gray-200);cursor:default}.group-header-label{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--color-gray-800);letter-spacing:.01em}.group-header-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;margin-left:8px;background:var(--color-gray-300);color:var(--color-gray-700);font-size:.6875rem;font-weight:600;border-radius:var(--radius-full)}.group-header-row:first-child td{border-top:none}.producten-table tbody tr.group-header-row:hover{background:var(--color-gray-100)}.action-cell{position:relative;text-align:right}.action-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;transition:all .2s ease}.action-menu-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.action-dropdown{position:absolute;top:100%;right:0;min-width:150px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.action-dropdown.active{opacity:1;visibility:visible;transform:translateY(4px)}.action-dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-family:var(--font-sans);font-size:.875rem;color:var(--color-gray-700);text-align:left;cursor:pointer;transition:all .15s ease}.action-dropdown-item:hover{background:var(--color-gray-50);color:var(--color-black)}.action-dropdown-item.action-danger{color:var(--color-error)}.action-dropdown-item.action-danger:hover{background:#fef2f2;color:#b91c1c}.inventaris-summary{display:flex;gap:100px;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.summary-card{display:flex;flex-direction:column;gap:8px}.summary-card-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500)}.summary-card-value{font-size:1.125rem;font-weight:600;color:var(--color-black)}.empty-cell{text-align:center!important;color:var(--color-gray-500);font-style:italic;padding:var(--spacing-2xl)!important}.tab-content-container{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:0}.leveranciers-filters{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.leveranciers-search{position:relative;width:250px}.leveranciers-search .search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:36px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;transition:all .2s ease}.leveranciers-search .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b89d7d1a}.leveranciers-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.leveranciers-table{width:100%;border-collapse:collapse;background:var(--color-white)}.leveranciers-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-sans);font-size:.75rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.leveranciers-table td{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-sans);font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.leveranciers-table tbody tr{transition:background .15s ease}.leveranciers-table tbody tr:hover{background:var(--color-gray-50)}.text-negative{color:var(--color-error)}.coming-soon{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-gray-500);font-style:italic}.diensten-filters{display:flex;justify-content:flex-end;align-items:center;padding:19px 30px 19px 15px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.diensten-filters.producten-filters .filter-row{width:100%}.multi-select-dropdown{position:relative}.filter-select-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-gray-700);cursor:pointer;min-width:180px;justify-content:space-between;transition:all .2s ease}.filter-select-btn:hover{border-color:var(--color-gray-400)}.filter-select-btn:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.dropdown-chevron{transition:transform .2s ease}.dropdown-chevron.open{transform:rotate(180deg)}.multi-select-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;display:none;max-height:300px;overflow-y:auto}.multi-select-menu.active{display:block}.multi-select-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background .15s ease;font-size:.875rem;color:var(--color-gray-700)}.multi-select-item:hover{background:var(--color-gray-50)}.multi-select-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.multi-select-item.select-all-item{font-weight:500;color:var(--color-gray-900)}.multi-select-divider{height:1px;background:var(--color-gray-200);margin:var(--spacing-xs) 0}.sortable-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s ease}.sortable-table th.sortable:hover{color:var(--color-primary)}.sort-icon{display:inline-block;vertical-align:middle;margin-left:4px;opacity:.4;transition:opacity .15s ease}.sort-icon.active{opacity:1;color:var(--color-primary)}.sortable-table th.sortable:hover .sort-icon{opacity:.7}.statistieken-filters{display:flex;justify-content:space-between;align-items:flex-end;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);gap:var(--spacing-lg)}.statistieken-filters-left,.statistieken-filters-right{display:flex;align-items:flex-end;gap:var(--spacing-md)}.statistieken-content{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--color-white)}.statistieken-chart-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.statistieken-chart{display:flex;justify-content:center;align-items:flex-start}.donut-chart-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.donut-chart{transform:rotate(0)}.chart-legend{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.chart-legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--color-gray-700)}.chart-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.chart-legend-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-empty{display:flex;align-items:center;justify-content:center;width:200px;height:200px;color:var(--color-gray-400);font-style:italic}.statistieken-table-section{overflow-x:auto}.statistieken-table{width:100%;border-collapse:collapse}.statistieken-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-200)}.statistieken-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.stat-category-row{background:var(--color-gray-50)}.stat-category-row td{border-top:3px solid;border-top-color:var(--color-primary);font-weight:500}.stat-category-row:nth-of-type(1) td{border-top-color:#b8956a}.stat-category-row:nth-of-type(2) td{border-top-color:#a0805a}.stat-category-row:nth-of-type(3) td{border-top-color:#d4b896}.stat-category-row:nth-of-type(4) td{border-top-color:#8b7355}.stat-category-row:nth-of-type(5) td{border-top-color:#c9a87c}.stat-service-row td{padding-left:var(--spacing-lg);color:var(--color-gray-600)}.stat-total-row{background:var(--color-gray-50)}.stat-total-row td{border-top:2px solid var(--color-gray-300);font-weight:600;color:var(--color-gray-900)}@media (max-width: 1024px){.statistieken-content{grid-template-columns:1fr}.statistieken-chart-section{order:-1}.statistieken-filters{flex-wrap:wrap}}.categorieen-filters{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.categorieen-search{position:relative;width:250px}.categorieen-search .search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:36px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;transition:all .2s ease}.categorieen-search .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b89d7d1a}.categorieen-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.categorieen-table{width:100%;border-collapse:collapse;background:var(--color-white)}.categorieen-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-lg);font-size:.75rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-200)}.categorieen-table td{padding:var(--spacing-xs) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);font-size:.875rem;color:var(--color-gray-700)}.categorieen-table tbody tr:hover{background:var(--color-gray-50)}.categorieen-table .action-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.categorieen-table .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;transition:all .2s ease}.categorieen-table .btn-icon:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.categorieen-table .btn-icon.delete-btn:hover{background:#fef2f2;color:var(--color-error)}@media (max-width: 1200px){.filter-row{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filter-group-left,.filter-group-center,.filter-group-right{width:100%;justify-content:flex-start}.filter-group-center{flex-wrap:wrap}.filter-group-right{justify-content:flex-end}}@media (max-width: 768px){.producten-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);height:auto;min-height:60px;padding:var(--spacing-md) var(--spacing-lg)}.header-right{width:100%;justify-content:space-between}.producten-tabs{padding:var(--spacing-sm) var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.producten-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;white-space:nowrap}.producten-filters{padding:var(--spacing-md) var(--spacing-lg)}.filter-toggles{flex-wrap:wrap}.producten-content{padding:0}.filter-search .search-input{width:100%}.filter-search .search-input:focus{width:100%}.filter-group-right{flex-wrap:wrap;gap:var(--spacing-xs)}.filter-group-right .btn-secondary,.filter-group-right .btn-primary{flex:1;min-width:100px;justify-content:center}}.voorraadtelling-table{width:100%;border-collapse:collapse;table-layout:fixed}.voorraadtelling-table thead th{padding:12px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-200);text-align:left;background:var(--color-white);position:sticky;top:0;z-index:1}.voorraadtelling-table tbody td{padding:0;border-bottom:1px solid var(--color-gray-100)}.telling-maand-cell{padding:14px 16px!important;font-weight:500;font-size:.875rem;color:var(--color-gray-700);white-space:nowrap;width:120px}.telling-cell{padding:10px 12px!important;cursor:pointer;transition:background .15s ease;text-align:center}.telling-cell:hover{background:var(--color-gray-50)}.telling-cell.telling-future{cursor:default;opacity:.5}.telling-cell.telling-future:hover{background:transparent}.telling-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.telling-status-badge.telling-bevestigd{background:#d5f5e3;color:#1e8449}.telling-status-badge.telling-open{background:#fef9e7;color:#b7950b}.telling-item-count{display:block;font-size:.7rem;color:var(--color-gray-400);margin-top:2px}.telling-future-label{color:var(--color-gray-300);font-size:.875rem}.btn-telling-start{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px dashed var(--color-gray-300);border-radius:var(--radius-sm);background:none;color:var(--color-gray-400);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease}.btn-telling-start:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-gray-50)}.voorraadtelling-detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.detail-header-left{display:flex;align-items:center;gap:16px}.detail-header-left h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;margin:0;color:var(--color-black)}.btn-back{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-gray-600);font-size:.8125rem;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease}.btn-back:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.detail-header-right{display:flex;align-items:center;gap:12px}.voorraadtelling-summary{display:flex;gap:16px;padding:16px 24px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.voorraadtelling-detail-table{width:100%;border-collapse:collapse}.voorraadtelling-detail-table thead th{padding:12px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-200);background:var(--color-white);position:sticky;top:0;z-index:1}.voorraadtelling-detail-table tbody td{padding:10px 16px;border-bottom:1px solid var(--color-gray-100);font-size:.875rem}.voorraadtelling-detail-table tfoot td{padding:12px 16px;border-top:2px solid var(--color-gray-200);background:var(--color-gray-50);font-size:.875rem}.telling-detail-row:hover{background:var(--color-gray-50)}.telling-input{width:70px;padding:4px 8px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-sans);text-align:center;transition:border-color .15s ease}.telling-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.telling-autosave-status{font-size:.85rem;margin-right:auto}.telling-opmerking-input{width:100%;max-width:300px;padding:4px 8px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-sans);color:var(--color-gray-600);transition:border-color .15s ease}.telling-opmerking-input:focus{outline:none;border-color:var(--color-primary)}.telling-opmerking-input::placeholder{color:var(--color-gray-300)}.text-center{text-align:center}.text-positive{color:#1e8449}.telling-totaal-row td{background:var(--color-gray-50)}@media (max-width: 768px){.voorraadtelling-detail-header{flex-direction:column;gap:12px;align-items:flex-start}.voorraadtelling-summary{flex-wrap:wrap;gap:8px}.voorraadtelling-summary .summary-card{flex:1;min-width:100px}.telling-opmerking-input{max-width:120px}}.diensten-page .page-header{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 var(--spacing-2xl);border-bottom:1px solid var(--color-gray-200)}.diensten-filters .filter-group-left{display:flex;align-items:center;gap:var(--spacing-sm)}.diensten-filters select.filter-select-native{width:auto;flex-shrink:0}.filter-select-native{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.8125rem;color:var(--color-gray-600);cursor:pointer;white-space:nowrap;transition:border-color .2s ease;height:36px}.filter-select-native:hover{border-color:var(--color-gray-400)}.filter-select-native:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5d4cd61a}.prijs-gratis{color:var(--color-success-text);background:var(--color-success-bg);padding:2px 8px;border-radius:var(--radius-sm);font-weight:600;font-size:.8125rem}.diensten-table{width:100%;border-collapse:collapse}.diensten-table th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);padding:var(--spacing-sm) var(--spacing-lg);text-align:left;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.diensten-table th:last-child{width:120px}.diensten-table .action-icons{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.diensten-table .action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;transition:all .2s ease}.diensten-table .action-icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.diensten-table .action-icon-btn.action-icon-danger:hover{background:#ef44441a;color:var(--color-error)}.diensten-table td{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);font-size:.875rem;color:var(--color-gray-700)}.diensten-table td strong{color:var(--color-black);font-weight:600}.diensten-table tbody tr:hover{background:var(--color-gray-50)}.btn-group-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.8125rem;color:var(--color-gray-600);cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-group-toggle:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.btn-group-toggle.active{background:var(--color-primary-light, rgba(93, 76, 214, .08));border-color:var(--color-primary);color:var(--color-primary)}.btn-group-toggle.active:hover{background:#5d4cd61f}.btn-group-toggle svg{flex-shrink:0}.category-group-header td{background:var(--color-primary-light);padding:10px var(--spacing-lg) 10px calc(var(--spacing-lg) - 3px);border-bottom:1px solid rgba(184,149,106,.25);border-top:2px solid rgba(184,149,106,.35);border-left:3px solid var(--color-primary)}.category-group-header:first-child td{border-top:none}.diensten-table tbody tr.category-group-header:hover td{background:var(--color-primary-light);cursor:default}.category-group-label{font-size:.875rem;font-weight:700;color:var(--color-primary);letter-spacing:.01em}.category-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-xs);margin-left:var(--spacing-sm);background:#b8956a40;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;color:var(--color-primary)}.category-group-spacer td{height:12px;background:transparent;padding:0;border:none}.diensten-table tbody tr.category-group-spacer:hover td{background:transparent;cursor:default}.categorie-section-header td{background:var(--color-gray-50);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);border-top:1px solid var(--color-gray-200)}.categorie-section-header:first-child td{border-top:none}.dienst-categorieen-table tbody tr.categorie-section-header:hover{background:var(--color-gray-50);cursor:default}.categorie-section-label{font-size:.8125rem;font-weight:600;color:var(--color-gray-600)}.categorie-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-xs);margin-left:var(--spacing-sm);background:var(--color-gray-200);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;color:var(--color-gray-600)}.categorie-section-header[data-section=hidden] td{background:var(--color-gray-100)}.categorie-section-header[data-section=hidden] .categorie-section-label{color:var(--color-gray-500)}.drag-handle-header{width:40px}.drag-handle-cell{width:40px;text-align:center;padding:var(--spacing-sm) var(--spacing-sm)!important}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:grab;transition:all .2s ease}.drag-handle:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.drag-handle:active{cursor:grabbing}.categorie-drag-row.dragging{opacity:.4;background:var(--color-gray-50)}.categorie-drag-row.drag-over{border-top:2px solid var(--color-primary)}.categorie-drag-row.drag-over td{position:relative}.dienst-categorieen-table tbody tr.categorie-drag-row{transition:opacity .2s ease}.dienst-modal-overlay{z-index:1001}.dienst-modal{max-width:1050px;width:95%;max-height:90vh;display:flex;flex-direction:column}.dienst-modal .modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.dienst-modal .modal-header h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;margin:0}.modal-content-layout{display:flex;flex:1;min-height:0;overflow:hidden}.dienst-preview-panel{width:360px;min-width:360px;background:var(--color-gray-50);border-right:1px solid var(--color-gray-200);padding:var(--spacing-lg);padding-left:var(--spacing-xl);overflow-y:auto;min-height:0}.dienst-preview-panel:after{content:"";display:block;height:var(--spacing-lg)}.preview-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);padding-left:var(--spacing-md);border-bottom:1px solid var(--color-gray-200);position:relative}.preview-section:last-child{margin-bottom:0;padding-bottom:var(--spacing-lg)}.preview-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.preview-section-header h3{font-size:.8125rem;font-weight:600;color:var(--color-gray-900);margin:0}.preview-accent-bar{position:absolute;left:0;top:0;width:4px;height:100%;background:var(--color-primary);border-radius:2px}.preview-edit-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;font-size:.75rem;color:var(--color-gray-500);cursor:pointer;padding:0}.preview-edit-btn:hover{color:var(--color-primary)}.preview-icon{width:48px;height:48px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--color-gray-400)}.preview-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.preview-detail{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--color-gray-600)}.preview-detail svg{color:var(--color-gray-400)}.preview-resource-item,.preview-setting-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--color-gray-600);padding:var(--spacing-xs) 0}.preview-resource-item svg,.preview-setting-item svg{color:var(--color-gray-400)}.dienst-form-panel{flex:1;padding:var(--spacing-xl);overflow-y:auto}.dienst-form-panel .form-group,.dienst-variaties-panel .form-group{margin-bottom:var(--spacing-lg)}.dienst-form-panel label,.dienst-variaties-panel label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.dienst-form-panel input[type=text],.dienst-form-panel input[type=number],.dienst-form-panel select,.dienst-variaties-panel input[type=text],.dienst-variaties-panel input[type=number],.dienst-variaties-panel select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;background:var(--color-white);transition:border-color .2s ease,box-shadow .2s ease}.dienst-form-panel input:focus,.dienst-form-panel select:focus,.dienst-variaties-panel input:focus,.dienst-variaties-panel select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5d4cd61a}.categorie-select-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.categorie-select-wrapper select{flex:1}.btn-add-categorie{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-add-categorie:hover{background:var(--color-primary);color:var(--color-white)}.add-categorie-form{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.categorie-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;margin-bottom:var(--spacing-sm)}.categorie-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5d4cd61a}.add-categorie-actions{display:flex;gap:var(--spacing-sm)}.btn-categorie-save{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-categorie-save:hover{background:var(--color-primary-hover)}.btn-categorie-save:disabled{opacity:.6;cursor:not-allowed}.btn-categorie-cancel{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);font-family:var(--font-sans);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.btn-categorie-cancel:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.dienst-actief-toggle{display:flex;align-items:center;gap:var(--spacing-md)}.dienst-actief-label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.dienst-naam-group input{border-color:var(--color-primary)}.dienst-details-row{display:flex;gap:var(--spacing-md);align-items:flex-end}.dienst-details-row .form-group{flex:1;margin-bottom:0}.dienst-details-row .form-group:first-child{flex:1}.dienst-details-row .form-group:nth-child(2){flex:1.8}.duur-group{flex:1!important}.meer-opties-group{flex:0 0 auto!important}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);overflow:hidden;height:38px}.input-with-prefix:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #5d4cd61a}.input-prefix{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);color:var(--color-gray-500);font-size:.875rem;border-right:1px solid var(--color-gray-300)}.input-with-prefix input{border:none!important;box-shadow:none!important;flex:1}.input-with-prefix input:focus{box-shadow:none!important}.duur-input-wrapper{display:flex;align-items:center;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);overflow:hidden;height:38px}.duur-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #5d4cd61a}.duur-input-wrapper input{border:none!important;box-shadow:none!important;flex:1;min-width:70px;text-align:center}.duur-input-wrapper input:focus{box-shadow:none!important}.duur-suffix{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);color:var(--color-gray-500);font-size:.875rem;border-left:1px solid var(--color-gray-300)}.btn-meer-opties{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.8125rem;color:var(--color-gray-600);cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-meer-opties:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.btn-variatie{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--color-white);border:1px dashed var(--color-primary);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;color:var(--color-primary);cursor:pointer;margin-top:var(--spacing-lg);transition:all .2s ease}.btn-variatie:hover{background:#5d4cd60d;border-style:solid}#variatiesContainer{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.variatie-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.variatie-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.variatie-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.variatie-title svg{color:var(--color-primary)}.variatie-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.variatie-move-btn,.variatie-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--color-gray-600)}.variatie-move-btn:hover,.variatie-delete-btn:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.variatie-move-btn.disabled{opacity:.3;cursor:not-allowed}.variatie-move-btn.disabled:hover{background:transparent;color:var(--color-gray-600)}.variatie-delete-btn:hover{background:#ef44441a;color:var(--color-error)}.variatie-body{padding:var(--spacing-lg)}.variatie-details-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.variatie-details-row .form-group{min-width:0;margin-bottom:0}.prijs-type-toggle{display:inline-flex;width:fit-content;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-xs)}.prijs-type-btn{padding:4px 8px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border:none;background:var(--color-white);color:var(--color-gray-500);cursor:pointer;transition:background .15s,color .15s;line-height:1.4}.prijs-type-btn:not(:last-child){border-right:1px solid var(--color-gray-300)}.prijs-type-btn:hover{background:var(--color-gray-50)}.prijs-type-btn.active{background:var(--color-primary, #5d4cd6);color:var(--color-white)}.prijs-type-btn.active[data-type=gratis]{background:var(--color-success, #22c55e)}.variatie-meerdere-sessies-row{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100)}.meerdere-sessies-checkbox-label{display:inline-flex!important;align-items:center;gap:var(--spacing-sm);cursor:pointer;text-transform:none!important;letter-spacing:normal!important;font-size:.875rem!important;font-weight:500!important;color:var(--color-gray-700)!important;margin-bottom:0!important}.meerdere-sessies-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent-purple);cursor:pointer;flex-shrink:0}.meerdere-sessies-label-text{font-size:.875rem;color:var(--color-gray-700)}.meerdere-sessies-info-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-gray-400);cursor:help;position:relative}.meerdere-sessies-info-icon:hover{color:var(--color-gray-600)}.dienst-modal .modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end;gap:var(--spacing-md);background:var(--color-white);flex-shrink:0}.dienst-variaties-panel{flex:1;padding:var(--spacing-xl);overflow-y:auto}.variaties-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.variaties-panel-header h3{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--color-black);margin:0}.variaties-panel-header .btn-variatie{width:auto;margin-top:0;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.dienst-instellingen-panel{flex:1;padding:var(--spacing-xl);overflow-y:auto}.instellingen-description{font-size:.8125rem;color:var(--color-gray-500);margin:0 0 var(--spacing-md) 0}.selection-panel .instellingen-section-title{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--color-black);margin:var(--spacing-2xl) 0 var(--spacing-lg) 0}.selection-panel h3{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-lg) 0}.selection-panel h4{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-black);margin:var(--spacing-xl) 0 var(--spacing-md) 0}.selection-list{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.selection-header{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.selection-header .selection-item{flex:1}.selection-count{font-size:.75rem;color:var(--color-gray-500);margin-right:var(--spacing-sm)}.selection-toggle{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-gray-500);border-radius:var(--radius-sm);transition:all .2s ease}.selection-toggle:hover{background:var(--color-gray-200);color:var(--color-black)}.selection-toggle.collapsed svg{transform:rotate(-90deg)}.selection-items{max-height:400px;overflow-y:auto;transition:max-height .3s ease}.selection-items.collapsed{max-height:0;overflow:hidden}.selection-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:background .15s ease;border-left:4px solid transparent}.selection-item:hover{background:var(--color-gray-50)}.selection-item.select-all{padding:0;border-left:none}.selection-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent-purple);cursor:pointer;flex-shrink:0}.selection-label{font-size:.875rem;font-weight:500;color:var(--color-black)}.medewerker-item{border-left-color:var(--item-color, var(--color-gray-300));padding:var(--spacing-md) var(--spacing-lg)}.medewerker-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-gray-200);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--color-gray-600);flex-shrink:0}.medewerker-name-pill{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;border:1px solid}.locatie-item{padding:var(--spacing-md) var(--spacing-lg);border-left-color:var(--item-color, var(--color-gray-300))}.locatie-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;flex-shrink:0}.locatie-name{font-size:.875rem;color:var(--color-black)}.add-new-link{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-top:1px solid var(--color-gray-200);color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.add-new-link:hover{background:var(--color-gray-50)}.selection-footer{margin-top:var(--spacing-xl)}.setting-row{padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.checkbox-setting{display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer}.checkbox-setting input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent-purple);cursor:pointer;flex-shrink:0;margin-top:2px}.setting-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.setting-title{font-size:.875rem;font-weight:500;color:var(--color-black)}.setting-description{font-size:.75rem;color:var(--color-gray-500);line-height:1.4}.checkbox-setting.disabled{cursor:not-allowed;opacity:.55}.checkbox-setting.disabled input[type=checkbox]{cursor:not-allowed}.dienst-medewerker-stack{display:inline-flex;align-items:center}.dienst-medewerker-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--color-white);background:linear-gradient(135deg,var(--color-primary) 0%,#c4a77d 100%);overflow:hidden;margin-left:-6px;flex-shrink:0;cursor:default}.dienst-medewerker-stack .dienst-medewerker-avatar:first-child{margin-left:0}.dienst-medewerker-avatar img{width:100%;height:100%;object-fit:cover}.dienst-medewerker-initials{font-size:.625rem;font-weight:600;color:var(--color-white);line-height:1;pointer-events:none}.categorie-label{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:color-mix(in srgb,var(--cat-color) 12%,transparent);color:var(--cat-color);border:1px solid color-mix(in srgb,var(--cat-color) 25%,transparent);white-space:nowrap}.locatie-label{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:color-mix(in srgb,var(--loc-color) 12%,transparent);color:var(--loc-color);border:1px solid color-mix(in srgb,var(--loc-color) 25%,transparent);margin-right:4px;margin-bottom:4px;white-space:nowrap}.locatie-label:last-child{margin-right:0}.locatie-label-none{color:var(--color-gray-400)}.locaties-section{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.locaties-header{margin-bottom:var(--spacing-md)}.locaties-header strong{font-size:.875rem;font-weight:600;color:var(--color-black)}.locaties-description{font-size:.75rem;color:var(--color-gray-500);margin-top:var(--spacing-xs)}.locaties-list{background:var(--color-white)}.additional-settings{margin-top:var(--spacing-xl)}.settings-section-title{font-size:.875rem;font-weight:600;color:var(--color-black);margin:var(--spacing-xl) 0 var(--spacing-md) 0}.preview-section.active{background:var(--color-white);border-left:3px solid var(--color-primary);margin-left:-3px}.preview-section.active .preview-accent-bar{display:none}@media (max-width: 768px){.dienst-modal{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0}.modal-content-layout{flex-direction:column}.dienst-preview-panel{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--color-gray-200);max-height:200px;padding-left:var(--spacing-xl)}.dienst-details-row{flex-wrap:wrap}.dienst-details-row .form-group{flex:1 1 45%;min-width:120px}}.conversie-links-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-200)}.conversie-links-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.conversie-links-header h3 svg{color:#ec4899;flex-shrink:0}.conversie-links-hint{display:block;font-size:.75rem;color:var(--color-gray-500);margin-bottom:var(--spacing-lg);line-height:1.4}.conversie-link-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.conversie-link-fields{flex:1;display:flex;gap:var(--spacing-md)}.conversie-link-cat,.conversie-link-dienst{flex:1;min-width:0}.conversie-link-fields .form-group{margin-bottom:0}.conversie-link-fields label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);margin-bottom:var(--spacing-xs);display:block}.conversie-link-fields select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-gray-900);background:var(--color-white);cursor:pointer}.conversie-link-fields select:disabled{opacity:.5;cursor:not-allowed}.conversie-link-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s;margin-top:18px;flex-shrink:0}.conversie-link-remove:hover{background:#fee2e2;color:#ef4444}.conversie-links-section .btn-variatie{margin-top:var(--spacing-sm)}.conversie-preview-tag{display:inline-block;background:#fdf2f8;color:#ec4899;padding:1px 6px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.preview-muted{opacity:.5}@media (max-width: 600px){.conversie-link-fields{flex-direction:column}}.afspraak-modal-overlay{z-index:1001}.afspraak-modal{max-width:1200px;width:95%;max-height:95vh;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden}.afspraak-modal-header{display:flex;align-items:flex-end;padding:var(--spacing-lg) var(--spacing-xl) 0;border-bottom:1px solid var(--color-gray-200);background:var(--color-white);gap:var(--spacing-xl)}.afspraak-modal-header h2{margin:0 0 var(--spacing-md) 0;font-family:var(--font-serif);font-size:1.35rem;font-weight:500;white-space:nowrap}.afspraak-modal-tabs{display:flex;gap:0;flex:1;justify-content:center;margin-bottom:-1px}.afspraak-tab{background:none;border:1px solid transparent;border-bottom:none;padding:var(--spacing-sm) var(--spacing-xl);font-family:var(--font-sans);font-size:.875rem;color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all .2s ease;position:relative}.afspraak-tab:hover{color:var(--color-black);background:var(--color-gray-50)}.afspraak-tab.active{color:var(--color-primary);font-weight:600;background:var(--color-white);border-color:var(--color-gray-200)}.afspraak-modal-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);align-self:center}.modal-expand-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-gray-500);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.modal-expand-btn:hover{background:var(--color-gray-100);color:var(--color-black)}.afspraak-modal-content{display:flex;flex:1;overflow:hidden}.afspraak-modal-main{flex:1;padding:var(--spacing-xl);overflow-y:auto;background:var(--color-white)}.afspraak-modal-sidebar{width:300px;min-width:300px;border-left:1px solid var(--color-gray-200);display:flex;flex-direction:column;background:var(--color-white)}.diensten-section h3,.datum-tijd-section h3,.notitie-section h3{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--color-black)}.dienst-row-item{display:flex;gap:var(--spacing-md);align-items:flex-end;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-100);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.dienst-row-item .form-field{flex:1;margin:0}.dienst-row-item .dienst-field{flex:2;min-width:260px}.dienst-row-item .duur-field{flex:0 0 100px}.dienst-row-item .medewerker-field{flex:0 0 300px;min-width:300px}.dienst-row-item .form-select,.dienst-row-item .form-input,.dienst-row-item .medewerker-select-display{height:44px;min-height:44px}.dienst-row-item .medewerker-select-wrapper{border:none;padding:0;background:transparent;border-radius:0}.dienst-row-item .medewerker-select-wrapper:hover{border-color:transparent}.dienst-row-item .medewerker-select-display{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);padding:var(--spacing-sm) var(--spacing-md)}.dienst-row-item .medewerker-select-display:hover{border-color:var(--color-primary)}.form-field label{display:block;font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.form-select,.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.875rem;background:var(--color-white);transition:border-color .2s ease}.form-select:focus,.form-input:focus{outline:none;border-color:var(--color-primary)}.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.875rem;resize:vertical;min-height:100px}.form-textarea:focus{outline:none;border-color:var(--color-primary)}.dienst-search-wrapper{position:relative}.dienst-search-display{display:flex;align-items:center;cursor:pointer}.dienst-search-display .dienst-display-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dienst-search-display .dropdown-chevron{margin-left:auto;color:var(--color-gray-400);flex-shrink:0}.dienst-search-dropdown{position:absolute;top:100%;left:0;min-width:420px;margin-top:4px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.dienst-search-input{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--color-gray-200);font-family:var(--font-sans);font-size:.875rem;outline:none;box-sizing:border-box}.dienst-search-input:focus{border-bottom-color:var(--color-primary)}.dienst-search-results{max-height:280px;overflow-y:auto}.dienst-group-header{padding:8px 12px 4px;font-size:.6875rem;font-weight:700;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;background:var(--color-white);position:sticky;top:0;z-index:1;border-bottom:1px solid var(--color-gray-200)}.dienst-search-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 20px;cursor:pointer;transition:background .15s ease;font-size:.875rem}.dienst-search-item:hover{background:var(--color-gray-100)}.dienst-search-item.active{background:var(--color-primary-light)}.dienst-search-item .dienst-item-name{flex:1;min-width:0;word-break:break-word}.dienst-search-item .dienst-item-meta{display:flex;gap:8px;align-items:center;font-size:.75rem;color:var(--color-gray-500);flex-shrink:0;margin-left:8px}.dienst-search-no-results{padding:12px;text-align:center;color:var(--color-gray-500);font-size:.875rem}.remove-dienst-btn{background:none;border:none;font-size:1.25rem;color:var(--color-gray-400);cursor:pointer;padding:var(--spacing-sm);line-height:1}.remove-dienst-btn:hover{color:var(--color-black)}.dienst-row-resources{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-md);margin-top:calc(-1 * var(--spacing-md));background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.dienst-row-resources+.dienst-row-resources{margin-top:0}.dienst-row-resources .form-field{flex:1;margin:0}.dienst-row-resources .apparaat-field,.dienst-row-resources .ruimte-field{min-width:200px}.resource-select-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.resource-select-wrapper .form-select{flex:1}.resource-conflict-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#dc2626;font-size:1.1rem;flex-shrink:0;cursor:help}.resource-select-wrapper.has-conflict .form-select{border-color:#dc2626}.dienst-row-item.has-resources{border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:0}.populaire-diensten{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.populaire-label{font-size:.8125rem;color:var(--color-gray-500)}.populaire-dienst-btn{background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary-hover);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.populaire-dienst-btn:hover{background:var(--color-primary);color:var(--color-white)}.voeg-dienst-toe-btn{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;margin-bottom:var(--spacing-xl)}.voeg-dienst-toe-btn:hover{text-decoration:underline}.datum-tijd-section{margin-bottom:var(--spacing-xl)}.datum-tijd-row{display:flex;gap:var(--spacing-md);align-items:flex-end}.datum-tijd-row .form-field{flex:1;margin:0}.datum-tijd-row .form-select,.datum-tijd-row .form-input{height:44px;min-height:44px}.datetime-inputs{display:flex;gap:var(--spacing-sm)}.datetime-inputs .date-input{flex:1}.datetime-inputs .time-input{width:120px}.beschikbaarheid-btn{white-space:nowrap;height:fit-content}.datum-tijd-range{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.datum-tijd-range .form-input{width:auto}.datum-tijd-range input[type=date]{width:170px}.datum-tijd-range input[type=time]{width:110px}.tot-label{color:var(--color-gray-500);font-size:.875rem}.hele-dag-checkbox{margin-left:var(--spacing-sm)}.geldt-voor-section{margin-bottom:var(--spacing-lg)}.geldt-voor-section>label{display:block;font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.radio-group{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:.875rem;color:var(--color-gray-700)}.radio-label input[type=radio]{accent-color:#5d4cd6;width:16px;height:16px}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--color-gray-700)}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-label .checkbox-box{width:20px;height:20px;min-width:20px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.checkbox-label:hover .checkbox-box{border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-box:after{content:"";width:6px;height:11px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.herhaal-section,.herhaal-afspraak-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-md) 0;border-top:1px solid var(--color-gray-200)}.herhaal-checkbox{font-weight:500;color:var(--color-black)}.herhaal-checkbox input[type=checkbox]:checked+span{color:var(--color-primary)}.herhaal-opties{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.herhaal-opties-row{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.herhaal-opties-row .form-field{flex:0 0 auto;margin:0}.herhaal-opties-row .form-select{min-width:130px}.herhaal-dagen-field{flex:1 1 auto!important}.herhaal-dagen{display:flex;gap:var(--spacing-xs)}.dag-btn{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);background:var(--color-white);font-size:.8125rem;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.dag-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.dag-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.herhaal-eind-waarde{margin-top:var(--spacing-sm)}.herhaal-eind-waarde .form-input{max-width:200px}.email-notificatie-checkbox{margin:var(--spacing-md) 0 0;font-size:.8125rem}.notitie-section{margin-top:var(--spacing-xl)}.notitie-section h3{display:flex;align-items:center;gap:var(--spacing-xs)}.info-icon{font-size:.875rem;color:var(--color-gray-400);cursor:help}.klant-section{padding:var(--spacing-lg);flex:1}.klant-section h3{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.klant-search-container{position:relative;margin-bottom:var(--spacing-sm)}.klant-search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none;z-index:1}.modal .form-group .klant-search-input,.klant-search-input{width:100%;padding:.625rem var(--spacing-md) .625rem 2.75rem!important;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.875rem;box-sizing:border-box}.klant-search-input::placeholder{text-align:left}.klant-search-input:focus{outline:none;border-color:var(--color-primary)}.nieuwe-klant-link{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;margin-bottom:var(--spacing-md)}.nieuwe-klant-link:hover{text-decoration:underline;color:var(--color-primary-hover)}.nieuwe-klant-modal-overlay{z-index:1050}.klant-search-results{max-height:200px;overflow-y:auto}.klant-result-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s ease}.klant-result-item:hover{background:var(--color-gray-100)}.klant-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.klant-info{display:flex;flex-direction:column;flex:1}.klant-naam{font-size:.875rem;font-weight:500;color:var(--color-black)}.klant-email{font-size:.75rem;color:var(--color-gray-500)}.selected-klant{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-primary-light);border-radius:var(--radius-sm);border:1px solid var(--color-primary)}.eerste-afspraak-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--color-primary);margin-top:var(--spacing-sm)}.eerste-afspraak-icon{font-size:.875rem}.remove-klant-btn{background:none;border:none;font-size:1.25rem;color:var(--color-gray-500);cursor:pointer;padding:0;line-height:1;margin-left:auto}.remove-klant-btn:hover{color:var(--color-black)}.no-results{padding:var(--spacing-md);text-align:center;color:var(--color-gray-500);font-size:.875rem}.afspraak-summary{padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);margin-top:auto;background:var(--color-gray-100)}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.summary-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:.9375rem;font-weight:500;color:var(--color-black)}.summary-price{font-size:1.125rem;font-weight:600}.btn-full{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);border:none;color:var(--color-white);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.btn-full:hover{background:var(--color-primary-hover)}.medewerker-select-wrapper{position:relative}.medewerker-select-wrapper .form-select{padding-left:40px}.medewerker-select-wrapper:before{display:none}.modal-footer-inline{display:flex;justify-content:flex-end;padding-top:var(--spacing-xl);margin-top:var(--spacing-xl);border-top:1px solid var(--color-gray-200)}.afwezigheid-form,.taak-form,.notitie-form{max-width:700px}.afwezigheid-form .form-field,.taak-form .form-field,.notitie-form .form-field{margin-bottom:var(--spacing-lg)}.medewerker-section{margin-top:var(--spacing-lg)}.afwezigheid-form .medewerker-select-display{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);height:44px;min-height:44px}.afwezigheid-form .medewerker-select-display:hover{border-color:var(--color-primary)}.afwezigheid-form .medewerker-select-wrapper{border:none;padding:0}@media (max-width: 900px){.afspraak-modal{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0}.afspraak-modal-content{flex-direction:column}.afspraak-modal-sidebar{width:100%;min-width:100%;border-left:none;border-top:1px solid var(--color-gray-200)}.afspraak-modal-header{flex-wrap:wrap;gap:var(--spacing-md)}.afspraak-modal-tabs{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:var(--spacing-xs)}.dienst-row-item{flex-wrap:wrap}.dienst-row-item .medewerker-field{flex:1 1 100%}.dienst-row-resources,.datum-tijd-row{flex-wrap:wrap}.datum-tijd-range{gap:var(--spacing-xs)}}.afspraak-detail-modal-overlay{z-index:1001}.afspraak-detail-modal{max-width:480px}.detail-row{margin-bottom:var(--spacing-lg)}.detail-row-status{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-xl)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-planned{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-confirmed{background:var(--color-success-light);color:#065f46}.status-completed{background:var(--color-info-bg);color:var(--color-info-text)}.status-cancelled{background:var(--color-error-bg);color:var(--color-error-text)}.status-noshow{background:var(--color-accent-pink-bg);color:var(--color-accent-pink-text)}.detail-section{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-100)}.detail-section:last-child{border-bottom:none}.detail-section-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-500)}.detail-section-content{display:flex;flex-direction:column;gap:2px;flex:1}.detail-section-content label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-400)}.detail-value{font-size:.9375rem;color:var(--color-black)}.detail-value-primary{font-weight:600;font-size:1rem}.detail-value-sub{font-size:.8125rem;color:var(--color-gray-500)}.afspraak-detail-modal .modal-footer .btn-secondary,.afspraak-detail-modal .modal-footer .btn-danger{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-danger{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.btn-danger:hover{background:var(--color-error-border);border-color:var(--color-error-light)}@media (max-width: 520px){.afspraak-detail-modal{max-width:100%;max-height:100%;height:100%;border-radius:0}.afspraak-detail-modal .modal-footer{flex-direction:column}.afspraak-detail-modal .modal-footer button{width:100%;justify-content:center}}.agenda-popover{position:fixed;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014;width:300px;padding:var(--spacing-lg);z-index:1050;border:1px solid var(--color-gray-100)}.agenda-popover-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-gray-400);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .15s}.agenda-popover-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.popover-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md);padding-right:var(--spacing-lg)}.popover-klant-info{display:flex;flex-direction:column;gap:2px}.popover-klant-naam{font-weight:600;font-size:.9375rem;color:var(--color-black);text-decoration:none;cursor:pointer}.popover-klant-naam:hover{text-decoration:underline}.popover-klant-tel{font-size:.8125rem;color:var(--color-primary)}.popover-nieuwe-klant-badge{font-size:.75rem;color:var(--color-success-text);white-space:nowrap}.popover-type-badge{font-size:.75rem;color:var(--color-text-secondary, #6b7280);background:var(--color-bg-secondary, #f3f4f6);padding:2px 8px;border-radius:4px;white-space:nowrap}.popover-details{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-sm)}.popover-detail-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--color-gray-700)}.popover-detail-row svg{flex-shrink:0;color:var(--color-gray-400)}.popover-detail-datum{padding-bottom:var(--spacing-xs)}.popover-datum-text{color:var(--color-primary);font-weight:500}.popover-medewerker-row{gap:var(--spacing-xs)}.popover-medewerker-avatar{width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-gray-200);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:600;color:var(--color-gray-500);flex-shrink:0}.popover-actions{display:flex;align-items:center;gap:var(--spacing-xs);border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-md)}.popover-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-500);cursor:pointer;transition:all .15s}.popover-action-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-700)}.popover-action-danger{color:var(--color-red-500, #ef4444);border-color:var(--color-red-200, #fecaca)}.popover-action-danger:hover{background:var(--color-red-50, #fef2f2);border-color:var(--color-red-300, #fca5a5);color:var(--color-red-600, #dc2626)}.popover-meer-btn{width:auto;padding:0 var(--spacing-md);font-size:.8125rem;font-weight:500;margin-left:auto}.popover-status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.4;margin-left:auto}.popover-status-voltooid{background:var(--color-success-bg, #dcfce7);color:var(--color-success-text, #166534)}.popover-voltooid-btn{width:auto;padding:0 var(--spacing-md);font-size:.8125rem;font-weight:500;margin-left:auto;color:var(--color-gray-500);border-color:var(--color-gray-200)}.popover-voltooid-btn:hover,.popover-voltooid-btn.popover-voltooid-active{background:var(--color-success-bg, #dcfce7);border-color:var(--color-success-text, #166534);color:var(--color-success-text, #166534)}.popover-note-tekst-row{flex-wrap:wrap;gap:var(--spacing-xs)}.popover-note-tekst{font-size:.875rem;color:var(--color-gray-700);line-height:1.4;word-break:break-word}.afspraak-detail-modal-lg{max-width:900px;width:95%;max-height:90vh;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-100)}.detail-modal-header h2{margin:0;font-family:var(--font-serif);font-size:1.25rem;font-weight:600}.detail-modal-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.detail-modal-expand-btn{background:none;border:none;cursor:pointer;color:var(--color-gray-400);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .15s}.detail-modal-expand-btn:hover{color:var(--color-gray-700)}.detail-modal-body{overflow-y:auto;flex:1}.detail-modal-layout{display:flex;min-height:400px}.detail-modal-main{flex:1;padding:var(--spacing-xl);overflow-y:auto;border-right:1px solid var(--color-gray-100)}.detail-modal-sidebar{width:260px;flex-shrink:0;padding:var(--spacing-lg);overflow-y:auto}.detail-info-bar{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.detail-info-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-gray-600)}.detail-info-item svg{color:var(--color-gray-400);flex-shrink:0}.detail-service-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.detail-service-info{display:flex;align-items:center;gap:var(--spacing-sm)}.detail-service-icon{color:var(--color-gray-500)}.detail-service-name{font-weight:500;font-size:.9375rem}.detail-service-duration{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--color-gray-500)}.detail-medewerker-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-xl)}.detail-medewerker-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-gray-200);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;color:var(--color-gray-500);flex-shrink:0}.detail-medewerker-name{font-size:.875rem;font-weight:500}.detail-room-separator{color:var(--color-gray-300);display:flex;align-items:center}.detail-room-name{font-size:.8125rem;color:var(--color-gray-500)}.detail-geschiedenis-section{margin-top:var(--spacing-md)}.detail-section-title{font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-100)}.detail-geschiedenis-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-geschiedenis-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:.8125rem;border-bottom:1px solid var(--color-gray-50)}.detail-geschiedenis-item:last-child{border-bottom:none}.detail-geschiedenis-icon{flex-shrink:0;color:var(--color-gray-400);margin-top:2px}.detail-geschiedenis-text{flex:1;color:var(--color-gray-700)}.detail-geschiedenis-datum{flex-shrink:0;color:var(--color-gray-400);font-size:.75rem;white-space:nowrap}.detail-geschiedenis-empty,.detail-loading{color:var(--color-gray-400);font-size:.8125rem;padding:var(--spacing-md) 0}.detail-klant-card{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-100);margin-bottom:var(--spacing-md)}.detail-klant-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.detail-klant-info{display:flex;flex-direction:column;gap:1px;min-width:0}.detail-klant-naam{font-weight:600;font-size:.875rem;color:var(--color-black)}.detail-klant-link{text-decoration:none;color:inherit;cursor:pointer;transition:color .15s ease}.detail-klant-link:hover{color:var(--color-primary, #6366f1);text-decoration:underline}.detail-klant-sub{font-size:.75rem;color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-eerste-afspraak-badge{background:var(--color-primary-light);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-align:center;margin-bottom:var(--spacing-md)}.detail-label-section{margin-bottom:var(--spacing-lg);position:relative}.detail-label-current{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;transition:border-color .15s}.detail-label-current:hover{border-color:var(--color-gray-300)}.detail-label-current span:nth-child(2){flex:1}.detail-label-x{color:var(--color-gray-400);cursor:pointer;font-size:1rem;line-height:1}.detail-label-x:hover{color:var(--color-gray-600)}.detail-label-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000014;z-index:10;margin-top:4px;max-height:160px;overflow-y:auto}.detail-label-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;cursor:pointer;transition:background .15s}.detail-label-option:hover{background:var(--color-gray-50)}.detail-label-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.detail-label-empty{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-gray-400);font-size:.8125rem}.detail-label-create-link{background:none;border:none;color:var(--color-primary);font-size:.8125rem;cursor:pointer;padding:0;margin-top:var(--spacing-xs);font-weight:500}.detail-label-create-link:hover{text-decoration:underline}.detail-actions-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-sm)}.detail-action-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-sm);border:none;background:none;font-size:.8125rem;color:var(--color-gray-700);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s;text-align:left}.detail-action-btn:hover{background:var(--color-gray-50)}.detail-action-btn svg{flex-shrink:0;color:var(--color-gray-400)}.detail-action-danger{color:var(--color-error-text)}.detail-action-danger svg{color:var(--color-error-text)}.detail-action-danger:hover{background:var(--color-error-bg)}.detail-action-success{color:#16a34a}.detail-action-success svg{color:#16a34a}.detail-action-success:hover{background:#f0fdf4}.agenda-rapport-modal-overlay{z-index:1100}.agenda-rapport-modal{max-width:520px}.agenda-rapport-add-file-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);font-size:.8125rem;cursor:pointer;transition:all .15s}.agenda-rapport-add-file-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.agenda-rapport-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:2px dashed var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-400);font-size:.8125rem;margin-top:var(--spacing-md);transition:all .15s}.agenda-rapport-dropzone.dragover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.agenda-rapport-file-hint{font-size:.75rem;color:var(--color-gray-400);margin-top:var(--spacing-xs)}@media (max-width: 768px){.detail-modal-layout{flex-direction:column}.detail-modal-sidebar{width:100%;border-top:1px solid var(--color-gray-100)}.detail-modal-main{border-right:none}.afspraak-detail-modal-lg{max-width:100%;max-height:100%;height:100%;border-radius:0}.agenda-popover{width:280px}}.behandelingen-table-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:0 1px 3px #0000000a;overflow:hidden}.behandelingen-table-section .table-container{border:none;box-shadow:none;border-radius:0}.behandelingen-table th:nth-child(3),.behandelingen-table td:nth-child(3){width:200px}.behandeling-row{transition:background .15s ease}.behandeling-row:hover{background:var(--color-gray-50)}.behandeling-status-select{padding:4px 28px 4px 10px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;font-family:var(--font-sans);border:1px solid transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 8px center;background-size:10px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:all .15s ease}.behandeling-status-select:hover{border-color:var(--color-gray-300)}.behandeling-status-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.behandeling-status-select.status-published{background-color:var(--color-success-bg);color:var(--color-success-text)}.behandeling-status-select.status-concept{background-color:var(--color-gray-100);color:var(--color-gray-500)}.btn-edit-behandeling{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;color:var(--color-gray-500);transition:all .15s}.btn-edit-behandeling:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.behandeling-detail-page{background:var(--color-gray-100);display:flex;flex-direction:column;height:100vh;overflow:hidden}.behandeling-top-header{flex-shrink:0;z-index:20}.behandeling-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);height:52px;padding:0 var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0;z-index:19}.behandeling-toolbar-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.behandeling-toolbar-left .btn-back{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .15s;white-space:nowrap}.behandeling-toolbar-left .btn-back:hover{border-color:var(--color-gray-300);background:var(--color-gray-50);color:var(--color-black)}.toolbar-separator{width:1px;height:20px;background:var(--color-gray-200);flex-shrink:0}.toolbar-page-label{color:var(--color-gray-500);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.behandeling-toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.behandeling-edit-layout{flex:1;display:flex;overflow:hidden;min-height:0}.section-nav{width:260px;flex-shrink:0;background:var(--color-white);border-right:1px solid var(--color-gray-200);padding:var(--spacing-lg) 0;overflow-y:auto}.section-nav-list{list-style:none;margin:0;padding:0}.section-nav-item{display:flex;align-items:center;border-left:3px solid transparent;transition:border-color .15s ease,background .15s ease}.section-nav-item:hover{background:var(--color-gray-50)}.section-nav-item.active{border-left-color:var(--color-primary);background:var(--color-primary-light)}.section-nav-item.dragging{opacity:.35}.section-nav-drag{padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-md);color:var(--color-gray-300);font-size:.7rem;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;display:flex;align-items:center;letter-spacing:1px}.section-nav-drag:active{cursor:grabbing}.section-nav-link{display:block;flex:1;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-sm);font-size:.8125rem;font-weight:500;line-height:1.35;color:var(--color-gray-500);text-decoration:none;transition:color .15s ease}.section-nav-item:hover .section-nav-link{color:var(--color-black)}.section-nav-item.active .section-nav-link{color:var(--color-primary);font-weight:600}.section-nav-divider{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xs);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm)}.section-nav-group-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400)}.section-nav-list--unpublished .section-nav-link{color:var(--color-gray-400)}.section-nav-list--unpublished .section-nav-item:hover .section-nav-link{color:var(--color-gray-600)}.section-nav-list--unpublished .section-nav-item.active .section-nav-link{color:var(--color-primary)}.section-nav-list--templates .section-nav-item--template{display:flex;align-items:center;justify-content:space-between;padding-right:var(--spacing-sm);cursor:default}.section-nav-link--template{display:block;flex:1;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-lg);font-size:.8125rem;font-weight:500;line-height:1.35;color:var(--color-gray-400);text-decoration:none;cursor:default}.btn-add-from-template{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-500);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.btn-add-from-template:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-add-from-template svg{width:12px;height:12px}.behandeling-edit-content{flex:1;padding:var(--spacing-2xl);overflow-y:auto;min-height:0}@media (max-width: 1024px){.section-nav,.behandeling-toolbar-left .toolbar-page-label{display:none}}.behandeling-sections{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.edit-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.section-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.section-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.section-header h2{margin:0;font-size:1.1rem;font-weight:600}.section-header-title-input{margin:0;padding:4px 8px;font-size:1.1rem;font-weight:600;font-family:var(--font-sans);color:var(--color-gray-900);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);outline:none;min-width:0;flex:1;transition:border-color .15s ease,background .15s ease}.section-header-title-input:hover{border-color:var(--color-gray-300);background:var(--color-white)}.section-header-title-input:focus{border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px #b8956a1a}.section-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-md)}.section-header-tools{display:flex;align-items:center;gap:4px}.btn-section-action{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-400);cursor:pointer;transition:all .15s;padding:0;flex-shrink:0}.btn-copy-section:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-delete-section:hover{border-color:var(--color-error);color:var(--color-error);background:#fef2f2}.bg-color-toggle{display:inline-flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.bg-color-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-white);cursor:pointer;transition:all .15s;padding:0}.bg-color-btn:not(:last-child){border-right:1px solid var(--color-gray-200)}.bg-color-swatch{display:block;width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300)}.bg-color-swatch--white{background:#fff}.bg-color-swatch--beige{background:#e8dfd4}.bg-color-btn.active{background:var(--color-gray-100);box-shadow:inset 0 0 0 2px var(--color-primary)}.bg-color-btn:hover:not(.active){background:var(--color-gray-50)}.text-position-toggle{display:inline-flex;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.text-pos-btn{padding:var(--spacing-sm) 14px;border:none;background:var(--color-white);font-size:.85rem;font-weight:500;line-height:22px;color:var(--color-gray-500);cursor:pointer;transition:all .15s;white-space:nowrap}.text-pos-btn:not(:last-child){border-right:1px solid var(--color-gray-200)}.text-pos-btn.active{background:var(--color-primary);color:var(--color-white)}.text-pos-btn:hover:not(.active){background:var(--color-gray-50);color:var(--color-gray-700)}.section-toggle{font-size:.85rem;color:var(--color-gray-600)}.section-content{padding:var(--spacing-xl)}.section-info-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:#f0f7ff;border:1px solid #b3d4fc;border-radius:var(--radius-md);font-size:.8125rem;color:#1a5276}.section-info-notice svg{flex-shrink:0;stroke:#2980b9}.cta-buttons-config{margin-top:var(--spacing-md)}.cta-buttons-config>.config-label{font-size:.8125rem;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-sm);display:block}.cta-button-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.cta-button-row+.cta-button-row{border-top:1px solid var(--color-gray-100)}.cta-btn-label{min-width:170px;flex-shrink:0}.cta-dienst-select{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.cta-dienst-select>label{font-size:.8125rem;color:var(--color-gray-500);white-space:nowrap}.cta-multi-select{position:relative;flex:1;min-width:0}.cta-ms-trigger{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.8125rem;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s}.cta-ms-trigger:hover{border-color:var(--color-gray-400)}.cta-ms-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-700);min-width:0}.cta-ms-count{font-size:.6875rem;font-weight:600;background:var(--color-primary);color:#fff;border-radius:10px;padding:1px 7px;line-height:1.4;flex-shrink:0}.cta-ms-count:empty{display:none}.cta-ms-trigger svg{flex-shrink:0;stroke:var(--color-gray-400)}.cta-ms-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:280px;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;z-index:100;max-height:320px;display:flex;flex-direction:column}.cta-ms-search-wrap{padding:8px;border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.cta-ms-search{width:100%;padding:7px 10px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.8125rem;outline:none}.cta-ms-search:focus{border-color:var(--color-primary)}.cta-ms-list{overflow-y:auto;padding:4px 0;flex:1}.cta-ms-category-name{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);padding:8px 12px 4px}.cta-ms-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:.8125rem;color:var(--color-gray-700);transition:background .1s}.cta-ms-item:hover{background:var(--color-gray-50)}.cta-ms-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.video-orientation-toggle{display:inline-flex;gap:8px}.video-orient-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);font-size:.875rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease}.video-orient-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.video-orient-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.media-choice-tabs{display:inline-flex;gap:6px;padding:6px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50);margin-bottom:var(--spacing-lg)}.media-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-gray-600);font-size:.9rem;cursor:pointer;transition:all .15s ease}.media-tab svg{width:16px;height:16px}.media-tab:hover{color:var(--color-primary);background:var(--color-primary-light)}.media-tab.active{background:var(--color-white);color:var(--color-primary);border-color:var(--color-gray-200);box-shadow:var(--shadow-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.input-prefix{padding:var(--spacing-md);background:var(--color-gray-100);color:var(--color-gray-500);font-size:.9rem;white-space:nowrap}.input-with-prefix input{flex:1;border:none;border-radius:0}.dynamic-items-container{margin-bottom:var(--spacing-lg)}.dynamic-items-container>label{display:block;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-gray-700)}.dynamic-items{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.empty-items{padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-md);text-align:center;color:var(--color-gray-500)}.dynamic-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.dynamic-item-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.item-drag-handle{cursor:grab;color:var(--color-gray-400);font-size:1rem}.item-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:.7rem;font-weight:600}.btn-duplicate-item{margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-gray-400);cursor:pointer;transition:color .15s;padding:0}.btn-duplicate-item:hover{color:var(--color-primary)}.btn-duplicate-item+.btn-remove-item{margin-left:0}.btn-remove-item{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-gray-400);font-size:1.2rem;cursor:pointer;transition:color .15s}.btn-remove-item:hover{color:var(--color-error)}.dynamic-item-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.dynamic-item-content input,.dynamic-item-content textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:.9rem}.btn-add-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px dashed var(--color-gray-300);border-radius:var(--radius-md);background:none;color:var(--color-gray-500);font-size:.9rem;cursor:pointer;transition:all .15s}.btn-add-item:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.cta-button-2-wrapper{position:relative}.btn-remove-cta2{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-md);background:none;color:var(--color-gray-400);font-size:.8rem;cursor:pointer;transition:color .15s}.btn-remove-cta2:hover{color:var(--color-error)}.image-upload-area{display:flex;flex-direction:column;border:1px dashed var(--color-gray-300);border-radius:var(--radius-md);position:relative}.image-upload-area .image-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);cursor:pointer;transition:all .15s;color:var(--color-gray-400);position:relative;z-index:1}.image-upload-placeholder:hover{background:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.image-upload-placeholder span{margin-top:var(--spacing-sm);font-size:.9rem}.image-preview{width:100%;position:relative;z-index:1;overflow:hidden;border-radius:var(--radius-md);aspect-ratio:4 / 5}.image-preview.img-landscape{aspect-ratio:3 / 2}.image-preview.img-portrait{aspect-ratio:4 / 5}.image-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-preview-actions{display:flex;justify-content:flex-end;padding:var(--spacing-xs) 0}.btn-remove-image{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:var(--radius-full);font-size:1.2rem;cursor:pointer;transition:background .15s;z-index:3}.image-input{display:none}.btn-remove-image:hover{background:var(--color-error)}.toast{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-gray-800);color:var(--color-white);border-radius:var(--radius-md);font-size:.9rem;z-index:9999;opacity:0;transform:translateY(10px);transition:all .3s}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-error)}.voor-na-images{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.voor-na-image-col{display:flex;flex-direction:column;gap:var(--spacing-xs)}.voor-na-image-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-600)}.voor-na-upload{min-height:120px;border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s}.voor-na-upload:hover{border-color:var(--color-primary)}.voor-na-upload .image-preview{width:100%;position:relative}.voor-na-upload .image-preview img{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-md)}.voor-na-upload .image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-400);font-size:.8rem;cursor:pointer;padding:var(--spacing-md)}.voor-na-item .dynamic-item-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.section-layout-text{display:flex;flex-direction:column;gap:var(--spacing-lg);order:1}.section-layout-image{display:flex;flex-direction:column;gap:var(--spacing-lg);order:2}.section-layout[data-text-pos=right] .section-layout-text{order:2}.section-layout[data-text-pos=right] .section-layout-image{order:1}.section-layout-image .image-upload-area{min-height:200px}.section-layout-image .image-preview img{border-radius:var(--radius-md)}.section-layout-image .image-upload-placeholder{min-height:200px}@media (max-width: 1100px){.section-layout{grid-template-columns:1fr}.section-layout-text,.section-layout-image{order:unset!important}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--color-gray-500)}.image-overlay-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:4px;z-index:3}.image-overlay-actions .btn-remove-image{position:static}.btn-remove-image-inline{padding:4px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-size:.75rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.btn-remove-image-inline:hover{border-color:var(--color-error);color:var(--color-error);background:#ef44440d}.tekst-afbeelding-content{gap:var(--spacing-md)}.tekst-afbeelding-image-wrapper{margin-top:var(--spacing-sm)}.tekst-afbeelding-image-wrapper>label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-gray-700);font-size:.85rem}.ta-upload{min-height:120px;border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s}.ta-upload:hover{border-color:var(--color-primary)}.ta-upload .image-preview{width:100%;position:relative}.ta-upload .image-preview img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.ta-upload .image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-400);font-size:.8rem;cursor:pointer;padding:var(--spacing-md)}.twee-kolommen-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width: 1100px){.twee-kolommen-layout{grid-template-columns:1fr}}.templates-preview-section{padding:var(--spacing-xl);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px dashed var(--color-gray-300)}.templates-preview-title{margin:0 0 var(--spacing-xs);font-size:1rem;font-weight:600;color:var(--color-gray-700)}.templates-preview-subtitle{margin:0 0 var(--spacing-lg);font-size:.85rem;color:var(--color-gray-500)}.templates-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.template-card{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color .15s;white-space:nowrap}.template-card:hover{border-color:var(--color-primary)}.template-card-label{font-size:.85rem;font-weight:500;color:var(--color-gray-700)}.btn-template-card-add{padding:3px 8px;font-size:.75rem}.focal-point-label{font-size:.75rem;font-weight:500;color:var(--color-gray-500);white-space:nowrap}.image-action-buttons{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.btn-crop-image{font-size:.75rem;padding:4px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:all .15s}.btn-crop-image:hover{border-color:var(--color-primary);color:var(--color-primary)}.size-slider{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.size-slider .focal-point-label{flex-shrink:0}.size-slider-input{flex:1;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-gray-200);border-radius:2px;outline:none;cursor:pointer}.size-slider-input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary, #6366f1);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.size-slider-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary, #6366f1);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.size-slider-value{font-size:var(--font-size-sm);color:var(--color-gray-500);min-width:36px;text-align:right}.char-count{font-size:.8rem;color:var(--color-gray-400);font-weight:400;margin-left:4px}.input-with-suffix{display:flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;background:var(--color-white)}.input-with-suffix input{flex:1;border:none;outline:none;padding:8px 12px;font-size:inherit}.input-with-suffix input:focus{box-shadow:none}.input-with-suffix .input-suffix{padding:8px 12px;color:var(--color-gray-400);font-size:.9rem;white-space:nowrap;background:var(--color-gray-50);border-left:1px solid var(--color-gray-200)}.form-hint{font-size:.78rem;color:var(--color-gray-400);margin-top:2px}.roosters-filter-bar{flex-shrink:0}.roster-filters{display:flex;align-items:center;gap:var(--spacing-sm)}.roster-filter-select{min-width:160px;padding:var(--spacing-xs) var(--spacing-md)!important;font-size:.875rem!important;height:36px}.roosters-new-container{flex:1;overflow:auto;min-height:0}.roster-week-nav{display:flex;align-items:center;gap:var(--spacing-md)}.roster-week-display{display:flex;flex-direction:column;align-items:center;min-width:200px}.roster-week-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.roster-week-range{font-size:1rem;font-weight:500;color:var(--color-gray-900)}.roster-table-wrapper{background:var(--color-white)}.roster-new-table{width:100%;min-width:900px;border-collapse:collapse}.roster-new-table th,.roster-new-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray-100);vertical-align:top}.roster-new-table thead th{background:var(--color-gray-50);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);border-bottom:2px solid var(--color-gray-200);position:sticky;top:0;z-index:10}.roster-th-medewerker{width:180px;min-width:180px}.roster-th-locatie{width:140px;min-width:140px}.roster-th-day{width:auto;min-width:120px;text-align:center}.roster-th-day.today{background:#fef9c3!important}.roster-th-uren{width:80px;min-width:80px;text-align:right}.roster-day-header{display:flex;flex-direction:column;align-items:center;gap:2px}.roster-day-header .day-name{font-weight:600}.roster-day-header .day-number{font-size:1rem;font-weight:400;color:var(--color-gray-700)}.roster-td-medewerker{background:var(--color-white);border-right:2px solid var(--color-gray-200)}.roster-medewerker-info{display:flex;align-items:center;gap:var(--spacing-sm)}.roster-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;overflow:hidden}.roster-avatar img{width:100%;height:100%;object-fit:cover}.roster-name{font-weight:500;color:var(--color-gray-900);font-size:.9375rem}.roster-td-locatie{background:var(--location-bg, #f5f5f5);border-left:3px solid var(--location-border, #ccc)}.roster-locatie-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;background:var(--location-bg, #f5f5f5);border:1px solid var(--location-border, #ccc)}.roster-td-day{text-align:center;vertical-align:middle;background:var(--location-bg, transparent);min-height:50px;position:relative}.roster-td-day.today{background:#fef9c380}.roster-td-day.has-shifts{cursor:pointer}.roster-shifts{display:flex;flex-direction:column;gap:var(--spacing-xs)}.roster-shift{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;text-align:left;border-left:3px solid;cursor:pointer;transition:opacity .15s}.roster-shift:hover{opacity:.8}.roster-shift .shift-time{font-weight:500;color:var(--color-gray-800)}.roster-shift .shift-hours{color:var(--color-gray-500);font-size:.6875rem}.roster-add-shift-btn,.roster-add-resource-shift-btn{width:100%;height:40px;background:transparent;border:1px dashed var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-gray-400);font-size:1rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.roster-add-shift-btn:hover,.roster-add-resource-shift-btn:hover{background:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.roster-add-shift-btn .plus-icon,.roster-add-resource-shift-btn .plus-icon{font-size:1.25rem;font-weight:300}.roster-row-add{background:var(--color-gray-50)}.roster-td-add-locatie{padding:var(--spacing-xs) var(--spacing-md)}.roster-add-location-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:1px dashed var(--color-gray-300);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-gray-500);font-size:.8125rem;cursor:pointer;transition:all .15s}.roster-add-location-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#b8956a1a}.roster-add-location-btn .plus-icon{font-size:1rem;font-weight:300}.roster-td-uren{text-align:right;background:var(--location-bg, transparent)}.roster-hours-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;background:var(--location-bg, #f5f5f5);border:1px solid var(--location-border, #ccc)}.roster-td-uren-total{background:var(--color-gray-50)!important}.roster-hours-total{font-weight:600;color:var(--color-gray-700)}.roster-empty{text-align:center;padding:var(--spacing-2xl)!important;color:var(--color-gray-500)}.roster-td-empty{color:var(--color-gray-400);font-style:italic}.roster-no-locations{font-size:.875rem;color:var(--color-gray-400)}.roster-td-day-empty{background:var(--color-gray-50)}.roster-row{transition:background .15s}.roster-row-first td{border-top:2px solid var(--color-gray-200)}.roster-modal{max-width:400px}.roster-modal-times{display:flex;flex-direction:column;gap:var(--spacing-md)}.roster-time-row{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.roster-time-row .form-group{margin:0}.roster-time-row .form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.roster-time-inputs{display:flex;align-items:center;gap:var(--spacing-sm)}.roster-time-inputs input[type=time]{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:1rem;background:var(--color-white)}.roster-time-inputs input[type=time]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.roster-time-inputs .time-separator{color:var(--color-gray-400);font-weight:500}.roster-remove-time-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.roster-remove-time-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.roster-add-time-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm)}.roster-add-time-btn:hover{text-decoration:underline}.roster-add-time-btn .plus-icon{font-size:1rem}.roster-repeat-group{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.roster-repeat-group label{display:block;margin-bottom:var(--spacing-xs);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.roster-repeat-end-group{margin-top:var(--spacing-md)}.roster-repeat-end-group>label{display:block;margin-bottom:var(--spacing-xs);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.roster-repeat-end-options{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.roster-repeat-end-options .radio-option{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:.875rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--color-gray-700)}.roster-repeat-end-options .radio-option input[type=radio]{accent-color:var(--color-primary);width:16px;height:16px;margin:0}.roster-repeat-end-group .form-control{margin-top:var(--spacing-xs)}.shift-action-popup{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;min-width:160px;overflow:hidden;animation:shiftPopupFadeIn .12s ease-out}@keyframes shiftPopupFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.shift-action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--color-gray-700);transition:background .12s,color .12s;text-align:left;width:100%}.shift-action-btn:hover{background:var(--color-gray-50)}.shift-action-btn svg{flex-shrink:0}.shift-action-edit:hover{color:var(--color-primary)}.shift-action-delete:hover{color:var(--color-error, #ef4444);background:var(--color-error-bg, #fef2f2)}.roster-section-header-row td{padding:0!important;border-bottom:none!important;background:var(--color-bg, #fff)!important}.roster-section-header-row .roster-section-title{font-size:.875rem;font-weight:700;color:var(--color-gray-800);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-sm);border-top:1px solid var(--color-gray-200)}.roster-resource-locatie{font-weight:400;color:var(--color-gray-500);font-size:.8em}.roster-shift-resource{border-left-width:3px!important;border-left-style:solid!important}.roster-shift-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-md);color:#fff;font-size:.75rem;font-weight:500;white-space:nowrap;cursor:default;transition:opacity .15s}.roster-shift-pill:hover{opacity:.85}.shift-pill-time{font-weight:500}.shift-pill-repeat{opacity:.7;flex-shrink:0}.roster-resource-hours{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;color:var(--color-gray-500);font-weight:500}.roster-locked-icon{display:inline-flex;align-items:center;color:var(--color-gray-400)}.roster-row-locked .roster-td-day{background:var(--color-gray-50)}.resource-rooster-shift{cursor:pointer;transition:opacity .15s,box-shadow .15s}.resource-rooster-shift:hover{opacity:.85;box-shadow:0 1px 4px #00000026}.resource-shift-action-popup{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;min-width:160px;overflow:hidden;animation:shiftPopupFadeIn .12s ease-out}.resource-shift-action-popup .shift-action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--color-gray-700);transition:background .12s,color .12s;text-align:left;width:100%}.resource-shift-action-popup .shift-action-edit:hover{background:var(--color-gray-50);color:var(--color-primary)}.resource-shift-action-popup .shift-action-delete:hover{color:var(--color-error, #ef4444);background:var(--color-error-bg, #fef2f2)}.resource-shift-action-popup .shift-action-btn svg{flex-shrink:0}.resource-rooster-modal-info{font-size:.875rem;color:var(--color-gray-500);margin-bottom:var(--spacing-md)}.roster-td-locatie-resource>*{display:inline-flex;vertical-align:middle;margin-right:var(--spacing-xs)}.roster-resource-empty-day{display:flex;align-items:center;justify-content:center;width:100%;height:32px;color:var(--color-gray-300);font-size:1.25rem;font-weight:300;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.roster-resource-empty-day:hover{background:#10b98114;color:var(--color-success, #10b981)}.roster-hours-resource{font-size:.75rem}.verlofkalender-content{padding:var(--spacing-xl) var(--spacing-2xl)}.verlofkalender-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.calendar-nav{display:flex;align-items:center;gap:var(--spacing-md)}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-600);transition:all .15s}.calendar-nav-btn:hover{background:var(--color-gray-50);color:var(--color-black);border-color:var(--color-gray-300)}.calendar-month-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;color:var(--color-black);min-width:200px;text-align:center;margin:0}.calendar-today-btn{margin-left:var(--spacing-md)}.verlofkalender-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);align-items:start}.calendar-container{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.calendar-header-day{padding:var(--spacing-md);text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:100px;padding:var(--spacing-sm);border-right:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);background:var(--color-white);position:relative}.calendar-day:nth-child(7n){border-right:none}.calendar-day.empty{background:var(--color-gray-50)}.calendar-day.weekend{background:#fafafa}.calendar-day.today{background:var(--color-primary-light)}.calendar-day.today .day-number{background:var(--color-primary);color:var(--color-white);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.day-number{font-size:.875rem;font-weight:500;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.day-verlof-items{display:flex;flex-direction:column;gap:2px}.verlof-item{display:flex;align-items:center;gap:4px;padding:2px 6px;font-size:.6875rem;font-weight:500;border-radius:3px;background:var(--verlof-color, #9E9E9E);color:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .1s,box-shadow .1s}.verlof-item:hover{transform:scale(1.02);box-shadow:0 2px 4px #00000026}.verlof-item.aangevraagd{opacity:.7;border:1px dashed rgba(255,255,255,.5)}.verlof-item.afgewezen{opacity:.85}.verlof-item.afgewezen .verlof-name{opacity:.6;text-decoration:line-through}.verlof-item.afgewezen .verlof-status-icon{color:#d32f2f;font-size:.75rem}.verlof-status-icon{font-size:.625rem;font-weight:700;line-height:1}.verlof-more{font-size:.625rem;color:var(--color-gray-500);padding:2px 6px}.calendar-legend{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-color{width:12px;height:12px;border-radius:3px}.legend-label{font-size:.75rem;color:var(--color-gray-600)}.verlof-sidebar{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.verlof-sidebar-section{padding:var(--spacing-lg)}.verlof-sidebar-section h3{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-md) 0}.no-requests{font-size:.875rem;color:var(--color-gray-500);text-align:center;padding:var(--spacing-lg)}.verlof-request-card{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.verlof-request-card:last-child{margin-bottom:0}.verlof-request-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.verlof-request-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;overflow:hidden}.verlof-request-avatar img{width:100%;height:100%;object-fit:cover}.verlof-request-info{display:flex;flex-direction:column;gap:2px}.verlof-request-info strong{font-size:.875rem;color:var(--color-black)}.verlof-type-badge{display:inline-block;padding:2px 8px;font-size:.6875rem;font-weight:500;border-radius:10px;background:var(--verlof-color, #9E9E9E);color:#fff}.verlof-request-dates{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-gray-600);margin-bottom:var(--spacing-sm)}.verlof-request-dates svg{color:var(--color-gray-400)}.verlof-request-reason{font-size:.8125rem;color:var(--color-gray-600);margin:0 0 var(--spacing-md) 0;font-style:italic}.verlof-request-actions{display:flex;gap:var(--spacing-sm)}.btn-approve,.btn-reject,.btn-edit,.btn-withdraw{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.btn-approve{background:#e8f5e9;color:#2e7d32}.btn-approve:hover{background:#c8e6c9}.btn-reject{background:#ffebee;color:#c62828}.btn-reject:hover{background:#ffcdd2}.btn-edit{background:#e3f2fd;color:#1565c0}.btn-edit:hover{background:#bbdefb}.btn-withdraw{background:#fff3e0;color:#ef6c00}.btn-withdraw:hover{background:#ffe0b2}.status-aangevraagd{background:#fff3e0;color:#e65100}@media (max-width: 1100px){.verlofkalender-layout{grid-template-columns:1fr}.verlof-sidebar{order:-1}}@media (max-width: 768px){.medewerkers-tabs{padding:var(--spacing-sm) var(--spacing-lg);overflow-x:auto}.medewerkers-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;white-space:nowrap}.verlofkalender-content{padding:var(--spacing-lg)}.verlofkalender-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.calendar-nav{justify-content:center}.verlofkalender-actions{text-align:center}.calendar-day{min-height:70px;padding:var(--spacing-xs)}.day-number{font-size:.75rem}.verlof-item{font-size:.5625rem;padding:1px 4px}.calendar-legend{flex-wrap:wrap;gap:var(--spacing-sm)}}.kassa-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-white)}.kassa-header{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);gap:var(--spacing-xl);flex-shrink:0}.kassa-title{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;margin:0;color:var(--color-black);white-space:nowrap}.kassa-tabs{display:flex;gap:var(--spacing-xs);overflow-x:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.kassa-tabs::-webkit-scrollbar{display:none}.kassa-tab{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-gray-600);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.kassa-tab:hover{color:var(--color-black)}.kassa-tab.active{color:var(--color-black);border-bottom-color:var(--color-black)}.kassa-header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.kassa-search-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease}.kassa-search-btn:hover{background:var(--color-gray-100);color:var(--color-black)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-accent-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.kassa-main{flex:1;overflow:hidden}.kassa-content{display:grid;grid-template-columns:520px 1fr;height:100%}.kassa-sidebar{background:var(--color-white);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;overflow:hidden}.kassa-search{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200)}.kassa-search-icon{color:var(--color-gray-400);flex-shrink:0}.kassa-search-input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--color-black);outline:none}.kassa-search-input::placeholder{color:var(--color-gray-400)}.kassa-barcode-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;flex-shrink:0}.kassa-barcode-btn:hover{background:var(--color-gray-200);color:var(--color-black)}.kassa-categories{flex:1;overflow-y:auto}.kassa-category{border-bottom:1px solid var(--color-gray-100)}.kassa-category-header{width:100%;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);background:transparent;border:none;cursor:pointer;transition:background .15s ease}.kassa-category-header:hover{background:var(--color-gray-50)}.kassa-category-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600)}.kassa-category-label{flex:1;text-align:left;font-size:.9375rem;font-weight:500;color:var(--color-black)}.kassa-category-arrow{color:var(--color-gray-400);transition:transform .2s ease}.kassa-category.expanded .kassa-category-arrow{transform:rotate(90deg)}.kassa-category-items{background:var(--color-gray-50);max-height:300px;overflow-y:auto}.kassa-category-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-gray-500);font-size:.875rem}.kassa-search-results{flex:1;overflow-y:auto}.kassa-item-btn{width:100%;padding:var(--spacing-sm) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 36px + var(--spacing-md));display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .15s ease}.kassa-item-btn:hover{background:var(--color-gray-100)}.kassa-item-btn:last-child{border-bottom:none}.kassa-item-name{font-size:.875rem;color:var(--color-black);text-align:left}.kassa-item-price{font-size:.875rem;color:var(--color-gray-600);font-weight:500}.kassa-detail-header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-200);gap:var(--spacing-sm)}.kassa-detail-back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-black);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background .15s ease;white-space:nowrap}.kassa-detail-back-btn:hover{background:var(--color-gray-100)}.kassa-detail-tabs{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:auto}.kassa-detail-tab{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--color-gray-400);transition:all .15s ease;border-radius:var(--radius-sm)}.kassa-detail-tab:hover{color:var(--color-gray-700);background:var(--color-gray-50)}.kassa-detail-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.kassa-detail-section-title{padding:var(--spacing-sm) var(--spacing-lg);font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-100)}.kassa-detail-content{flex:1;overflow-y:auto}.kassa-fav-section{padding-bottom:var(--spacing-sm)}.kassa-fav-section-title{padding:var(--spacing-sm) var(--spacing-lg);font-size:.7rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.kassa-subcategory{border-bottom:1px solid var(--color-gray-100)}.kassa-subcategory-header{width:100%;padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;cursor:pointer;transition:background .15s ease}.kassa-subcategory-header:hover{background:var(--color-gray-50)}.kassa-subcategory-arrow{color:var(--color-gray-400);transition:transform .2s ease;flex-shrink:0}.kassa-subcategory.expanded .kassa-subcategory-arrow{transform:rotate(90deg)}.kassa-subcategory-label{flex:1;text-align:left;font-size:.875rem;font-weight:600;color:var(--color-black)}.kassa-subcategory-items{border-top:1px solid var(--color-gray-50)}.kassa-dienst-group{border-bottom:1px solid var(--color-gray-50)}.kassa-dienst-group:last-child{border-bottom:none}.kassa-dienst-group-header{width:100%;padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;cursor:pointer;transition:background .15s ease}.kassa-dienst-group-header:hover{background:var(--color-gray-50)}.kassa-dienst-group.expanded .kassa-dienst-group-header .kassa-subcategory-arrow{transform:rotate(90deg)}.kassa-dienst-group-label{flex:1;text-align:left;font-size:.8125rem;font-weight:500;color:var(--color-black)}.kassa-dienst-group-items{border-top:1px solid var(--color-gray-50)}.kassa-dienst-group-items .kassa-detail-item-btn{padding-left:var(--spacing-lg)}.kassa-dienst-direct{padding-left:var(--spacing-lg)!important}.kassa-detail-item-btn{width:100%;padding:var(--spacing-sm) var(--spacing-lg);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;border-bottom:1px solid var(--color-gray-50);cursor:pointer;transition:background .15s ease;text-align:left}.kassa-detail-item-btn:hover{background:var(--color-gray-50)}.kassa-detail-item-btn:last-child{border-bottom:none}.kassa-detail-item-btn .kassa-item-name{flex:1;font-size:.875rem;color:var(--color-black)}.kassa-detail-item-btn .kassa-item-price{font-size:.875rem;color:var(--color-gray-600);font-weight:500;white-space:nowrap}.kassa-item-star{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-gray-300);transition:color .15s ease;padding:0;flex-shrink:0;line-height:1}.kassa-item-star:hover,.kassa-item-star.active{color:var(--color-warning, #f59e0b)}.kassa-afspraak-card{width:100%;padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);background:transparent;border:none;border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .15s ease;text-align:left}.kassa-afspraak-card:hover{background:var(--color-gray-50)}.kassa-afspraak-card-left{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1;min-width:0}.kassa-afspraak-icon{color:var(--color-gray-400);flex-shrink:0;margin-top:2px}.kassa-afspraak-info{display:flex;flex-direction:column;gap:2px;min-width:0}.kassa-afspraak-klant{font-size:.875rem;font-weight:600;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kassa-afspraak-dienst{font-size:.8125rem;color:var(--color-gray-600)}.kassa-afspraak-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.kassa-afspraak-datum{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-gray-500);white-space:nowrap}.kassa-afspraak-prijs{font-size:.875rem;font-weight:600;color:var(--color-black);white-space:nowrap}.kassa-afspraken-loading,.kassa-afspraken-loadmore{padding:var(--spacing-md) var(--spacing-lg);text-align:center;color:var(--color-gray-500);font-size:.8125rem}.kassa-cadeaubon-sidebar{padding:var(--spacing-lg)}.kassa-cadeaubon-title{font-size:1rem;font-weight:700;color:var(--color-black);margin:0 0 var(--spacing-md) 0}.kassa-cadeaubon-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-50, #f0eeff);border:1px solid var(--color-primary-100, #e0dcff);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-primary-700, #4a3d8f);margin-bottom:var(--spacing-lg);line-height:1.4}.kassa-cadeaubon-warning svg{flex-shrink:0;color:var(--color-primary-500, #6366f1)}.kassa-cadeaubon-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.kassa-cadeaubon-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.kassa-cadeaubon-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.kassa-cadeaubon-label .required{color:var(--color-danger, #ef4444)}.kassa-cadeaubon-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-black);background:var(--color-white);transition:border-color .15s ease;font-family:inherit}.kassa-cadeaubon-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.kassa-cadeaubon-input:disabled{background:var(--color-gray-50);color:var(--color-gray-400)}.kassa-cadeaubon-nummer-row{display:flex;gap:var(--spacing-sm)}.kassa-cadeaubon-nummer-row .kassa-cadeaubon-input{flex:1}.kassa-cadeaubon-genereer-btn{white-space:nowrap;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.kassa-cadeaubon-row-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.kassa-cadeaubon-bedrag-wrap{display:flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s ease}.kassa-cadeaubon-bedrag-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.kassa-cadeaubon-bedrag-prefix{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);color:var(--color-gray-500);font-size:.875rem;background:var(--color-gray-50);border-right:1px solid var(--color-gray-200)}.kassa-cadeaubon-bedrag-input{border:none!important;border-radius:0!important;box-shadow:none!important}.kassa-cadeaubon-bedrag-input:focus{box-shadow:none!important}.kassa-cadeaubon-checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--color-gray-600);cursor:pointer;margin-top:var(--spacing-xs)}.kassa-cadeaubon-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.kassa-cadeaubon-checkbox-custom{display:none}.kassa-cadeaubon-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-sm)}.kassa-cadeaubon-toevoegen-btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:.875rem;font-weight:600}.kassa-cart{display:flex;flex-direction:column;height:100%;background:var(--color-gray-50)}.kassa-cart-header{padding:var(--spacing-lg);display:flex;gap:var(--spacing-md);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:relative}.kassa-selector-wrapper{position:relative;min-width:240px}.kassa-selector{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-size:.875rem;color:var(--color-black);cursor:pointer;transition:all .15s ease}.kassa-selector:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.kassa-selector svg{color:var(--color-gray-400);flex-shrink:0}.kassa-medewerker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:200;max-height:400px;overflow-y:auto}.kassa-medewerker-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50)}.kassa-medewerker-title{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.kassa-medewerker-empty{padding:var(--spacing-md);text-align:center;color:var(--color-gray-400);font-size:.875rem}.kassa-medewerker-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border:none;border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .15s ease;text-align:left}.kassa-medewerker-item:hover{background:var(--color-gray-50)}.kassa-medewerker-item:last-child{border-bottom:none}.kassa-medewerker-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kassa-medewerker-status.active{background:var(--color-success)}.kassa-medewerker-status.inactive{background:var(--color-gray-300)}.kassa-medewerker-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.kassa-medewerker-name{font-size:.875rem;font-weight:500;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.kassa-medewerker-location{font-size:.75rem;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.kassa-locatie-selector-wrapper{position:relative;min-width:180px}.kassa-locatie-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:200;max-height:300px;overflow-y:auto}.kassa-locatie-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50)}.kassa-locatie-title{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.kassa-locatie-empty{padding:var(--spacing-md);text-align:center;color:var(--color-gray-400);font-size:.875rem}.kassa-locatie-item{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;cursor:pointer;transition:background .15s ease;text-align:left;font-size:.875rem;color:var(--color-black)}.kassa-locatie-item:hover{background:var(--color-gray-50)}.kassa-locatie-item.selected{background:var(--color-primary-50, var(--color-gray-100));font-weight:500}.kassa-locatie-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.kassa-locatie-name{font-size:.875rem}.kassa-klant-search{flex:1;position:relative;display:flex;align-items:center}.kassa-klant-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none;z-index:2;width:16px;height:16px}.kassa-klant-input{width:100%;padding:8px 12px 8px 38px!important;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-black);outline:none;transition:border-color .15s ease}.kassa-klant-input:focus{border-color:var(--color-primary)}.kassa-klant-input::placeholder{color:var(--color-gray-400);opacity:1}.kassa-klant-clear{position:absolute;right:var(--spacing-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm)}.kassa-klant-clear:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.kassa-klant-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:320px;overflow-y:auto}.kassa-klant-suggestion{width:100%;padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:transparent;border:none;border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .15s ease}.kassa-klant-suggestion:hover{background:var(--color-gray-50)}.kassa-klant-suggestion:last-child{border-bottom:none}.kassa-klant-name{font-size:.875rem;font-weight:500;color:var(--color-black)}.kassa-klant-email{font-size:.75rem;color:var(--color-gray-500)}.kassa-klant-suggestion-top{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.kassa-klant-groepen{display:flex;gap:4px;flex-wrap:wrap}.kassa-klant-groep-badge{display:inline-block;font-size:.625rem;font-weight:600;padding:1px 6px;border-radius:9999px;background:var(--color-primary-100, #f0e8df);color:var(--color-primary-700, #8b6f47);white-space:nowrap;line-height:1.4}.kassa-cart-item-promo{display:inline-block;font-size:.625rem;font-weight:600;padding:1px 6px;border-radius:9999px;background:var(--color-green-100, #dcfce7);color:var(--color-green-700, #15803d);white-space:nowrap;line-height:1.4}.kassa-cart-items{flex:1;overflow-y:auto;padding:var(--spacing-md)}.kassa-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-gray-400);text-align:center;padding:var(--spacing-2xl)}.kassa-cart-empty svg{margin-bottom:var(--spacing-md);opacity:.5}.kassa-cart-empty p{margin:0;font-size:.9375rem}.kassa-linked-afspraak,.checkout-linked-afspraak{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm)}.kassa-linked-afspraak-icon,.checkout-linked-afspraak-icon{display:flex;align-items:center;color:var(--color-gray-500);flex-shrink:0}.kassa-linked-afspraak-info,.checkout-linked-afspraak-info{display:flex;flex-direction:column;flex:1;min-width:0}.kassa-linked-afspraak-klant,.checkout-linked-afspraak-klant{font-weight:600;font-size:.875rem;color:var(--color-gray-900)}.kassa-linked-afspraak-dienst,.checkout-linked-afspraak-dienst{font-size:.8125rem;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kassa-linked-afspraak-datum,.checkout-linked-afspraak-datum{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--color-gray-500);white-space:nowrap;flex-shrink:0}.kassa-linked-afspraak-close,.checkout-linked-afspraak-close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-gray-400);border-radius:var(--radius-sm);flex-shrink:0}.kassa-linked-afspraak-close:hover,.checkout-linked-afspraak-close:hover{color:var(--color-gray-600);background:var(--color-gray-100)}.kassa-cart-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden}.kassa-cart-item-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.kassa-cart-expand-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;flex-shrink:0}.kassa-cart-expand-btn:hover{background:var(--color-gray-100);color:var(--color-black)}.kassa-cart-item.expanded .kassa-cart-expand-btn svg{transform:rotate(180deg)}.kassa-cart-quantity{display:flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.kassa-qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);border:none;color:var(--color-gray-600);cursor:pointer;font-size:1rem;transition:all .15s ease}.kassa-qty-btn:hover{background:var(--color-gray-100);color:var(--color-black)}.kassa-qty-input{width:36px;height:28px;border:none;border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);text-align:center;font-size:.875rem;color:var(--color-black);outline:none;-moz-appearance:textfield}.kassa-qty-input::-webkit-outer-spin-button,.kassa-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kassa-cart-item-info{flex:1;min-width:0}.kassa-cart-item-name{display:block;font-size:.8125rem;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kassa-cart-item-variant{display:block;font-size:.75rem;color:var(--color-gray-500)}.kassa-cart-item-price{font-size:.9375rem;font-weight:600;color:var(--color-black);white-space:nowrap;flex-shrink:0}.kassa-cart-item-actions{display:flex;gap:4px;flex-shrink:0}.kassa-cart-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.kassa-cart-action-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.kassa-cart-action-btn[data-action=remove]:hover{background:var(--color-error-bg);color:var(--color-error)}.kassa-cart-item-details{padding:var(--spacing-md);padding-top:0;display:flex;gap:var(--spacing-md);border-top:1px solid var(--color-gray-100);margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.kassa-cart-field{flex:1}.kassa-cart-field label{display:block;font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem}.kassa-price-input,.kassa-discount-input{display:flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;background:var(--color-white);height:2rem}.kassa-price-prefix{padding:0 var(--spacing-sm);background:var(--color-gray-50);color:var(--color-gray-600);font-size:.8125rem;border-right:1px solid var(--color-gray-200);height:100%;display:flex;align-items:center}.kassa-field-input{flex:1;padding:0 var(--spacing-sm);border:none;font-size:.8125rem;color:var(--color-black);outline:none;min-width:0;height:100%}.kassa-discount-toggle{display:flex;border-left:1px solid var(--color-gray-200)}.kassa-discount-type{padding:0 var(--spacing-md);background:var(--color-gray-50);border:none;color:var(--color-gray-500);font-size:.8125rem;cursor:pointer;transition:all .15s ease;height:100%;display:flex;align-items:center}.kassa-discount-type:first-child{border-right:1px solid var(--color-gray-200)}.kassa-discount-type.active{background:var(--color-accent-purple);color:#fff}.kassa-discount-type:hover:not(.active){background:var(--color-gray-100)}.kassa-cart-footer{background:var(--color-white);border-top:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.kassa-add-note-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;background:transparent;border:none;color:var(--color-primary);font-size:.875rem;cursor:pointer;transition:opacity .15s ease}.kassa-add-note-btn:hover{opacity:.8}.kassa-add-note-btn.has-note{color:var(--color-success, #22c55e);font-weight:500}.checkout-note-btn.has-note{color:var(--color-success, #22c55e);border-color:var(--color-success, #22c55e)}.kassa-cart-note-preview{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--color-gray-50, #f9fafb);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:.375rem;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-xs)}.kassa-cart-note-text{font-size:.8125rem;color:var(--color-gray-600, #4b5563);margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.4;flex:1}.kassa-cart-note-actions{display:flex;gap:.25rem;flex-shrink:0}.kassa-note-edit-btn,.kassa-note-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:.25rem;color:var(--color-gray-400, #9ca3af);cursor:pointer;transition:all .15s ease}.kassa-note-edit-btn:hover{background:var(--color-gray-100, #f3f4f6);color:var(--color-primary);border-color:var(--color-primary)}.kassa-note-delete-btn:hover{background:var(--color-danger-light, #fef2f2);color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.checkout-note-preview{padding:.75rem 0;border-top:1px solid var(--color-gray-100, #f3f4f6);margin-top:.5rem}.checkout-note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.checkout-note-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-400, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.checkout-note-actions{display:flex;gap:.25rem}.checkout-note-edit-btn,.checkout-note-delete-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:.25rem;color:var(--color-gray-400, #9ca3af);cursor:pointer;transition:all .15s ease}.checkout-note-edit-btn:hover{background:var(--color-gray-100, #f3f4f6);color:var(--color-primary);border-color:var(--color-primary)}.checkout-note-delete-btn:hover{background:var(--color-danger-light, #fef2f2);color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.checkout-note-text{font-size:.8125rem;color:var(--color-gray-600, #4b5563);margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.4}.kassa-cart-total{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-md) 0;border-top:1px solid var(--color-gray-100);margin-top:var(--spacing-md)}.kassa-total-label{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.kassa-total-value{font-size:1.5rem;font-weight:700;color:var(--color-black)}.kassa-cart-korting-summary{padding:0 0 2px}.kassa-cart-subtotal-row{display:flex;justify-content:space-between;padding:4px 16px;font-size:.8125rem;color:var(--color-gray-500)}.kassa-cart-kortingscode-field{grid-column:1 / -1}.kassa-cart-kortingscode-select,.checkout-item-kortingscode-select{width:100%;padding:6px 10px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-gray-700);background:var(--color-white, #fff);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;transition:border-color .15s}.kassa-cart-kortingscode-select:focus,.checkout-item-kortingscode-select:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px #6366f11a}.kassa-cart-kortingscode-select:disabled,.checkout-item-kortingscode-select:disabled{opacity:.5;cursor:not-allowed}.kassa-cart-kortingscode-error{font-size:.6875rem;color:var(--color-danger, #ef4444);margin-top:.25rem}.kassa-cart-kortingscode-success{font-size:.6875rem;color:var(--color-success, #10b981);margin-top:.25rem}.kassa-cart-global-kortingscode{padding-top:var(--spacing-sm);display:flex;justify-content:flex-end}.kassa-cart-global-korting-dropdown{position:relative;width:calc(50% - 22px - var(--spacing-md) / 2)}.kassa-cart-global-korting-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.375rem .625rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md, 6px);font-size:.8125rem;color:var(--color-gray-500);background:var(--color-white, #fff);cursor:pointer;transition:border-color .15s}.kassa-cart-global-korting-trigger:hover{border-color:var(--color-gray-300)}.kassa-cart-global-korting-trigger-text{flex:1;text-align:left}.kassa-cart-global-korting-menu{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:var(--color-white, #fff);border:1px solid var(--color-gray-200);border-radius:var(--radius-md, 6px);box-shadow:0 4px 12px #0000001a;z-index:50;max-height:320px;display:flex;flex-direction:column}.kassa-cart-global-korting-search-wrapper{padding:.5rem;border-bottom:1px solid var(--color-gray-100)}.kassa-cart-global-korting-search{width:100%;padding:.375rem .625rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md, 6px);font-size:.8125rem;color:var(--color-gray-700);background:var(--color-white, #fff);outline:none;box-sizing:border-box}.kassa-cart-global-korting-search:focus{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px #6366f11a}.kassa-cart-global-korting-search::placeholder{color:var(--color-gray-400)}.kassa-cart-global-korting-options{overflow-y:auto;max-height:260px}.kassa-cart-global-korting-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:none;background:none;cursor:pointer;font-size:.8125rem;color:var(--color-gray-700);text-align:left;transition:background-color .1s}.kassa-cart-global-korting-option:hover{background:var(--color-gray-50, #f9fafb)}.kassa-cart-global-korting-option-naam{flex:1;font-weight:500}.kassa-cart-global-korting-option-waarde{color:var(--color-primary, #6366f1);font-weight:600;margin-left:.5rem;white-space:nowrap}.kassa-cart-global-korting-option-code{font-size:.6875rem;color:var(--color-gray-400);font-weight:400}.kassa-cart-global-korting-option-scope{font-size:.625rem;font-weight:500;color:var(--color-white, #fff);background:var(--color-gray-400);padding:1px 5px;border-radius:3px;margin-left:4px;vertical-align:middle}.kassa-cart-global-korting-category{padding:.375rem .75rem;font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;background:var(--color-gray-50, #f9fafb);border-bottom:1px solid var(--color-gray-100);position:sticky;top:0}.kassa-cart-global-korting-empty{padding:.75rem;text-align:center;color:var(--color-gray-400);font-size:.8125rem}.kassa-cart-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.kassa-clear-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;transition:all .15s ease;flex-shrink:0}.kassa-clear-btn:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.kassa-clear-btn:disabled{opacity:.5;cursor:not-allowed}.kassa-concept-btn{flex:1}.kassa-next-btn{flex:1;background:var(--color-primary)!important;border-color:var(--color-primary)!important}.kassa-next-btn:hover:not(:disabled){background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.kassa-next-btn:disabled,.kassa-concept-btn:disabled{opacity:.5;cursor:not-allowed}.kassa-tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-gray-400);text-align:center;padding:var(--spacing-2xl)}.kassa-tab-placeholder svg{margin-bottom:var(--spacing-lg);opacity:.5}.kassa-tab-placeholder h2{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-gray-600)}.kassa-tab-placeholder p{margin:0;font-size:.9375rem;color:var(--color-gray-500)}@media (max-width: 1024px){.kassa-content{grid-template-columns:400px 1fr}}@media (max-width: 768px){.kassa-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.kassa-sidebar{border-right:none;border-bottom:1px solid var(--color-gray-200);max-height:40vh}.kassa-cart-item-name{font-size:.75rem}}.checkout-page{display:flex;height:100%;background:var(--color-white)}.checkout-sidebar{width:280px;background:var(--color-white);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column}.checkout-amount-section{padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200)}.checkout-amount-label{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.checkout-amount-value{font-size:1.5rem;font-weight:700;color:var(--color-black)}.checkout-amount-input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease}.checkout-amount-input-wrapper:focus-within{border-color:var(--color-accent-purple);background:var(--color-white)}.checkout-amount-prefix{font-size:1.25rem;font-weight:600;color:var(--color-gray-500)}.checkout-amount-input{border:none;background:transparent;font-size:1.25rem;font-weight:700;color:var(--color-black);width:100%;outline:none;text-align:right}.checkout-amount-input:disabled{opacity:.5;cursor:not-allowed}.checkout-payment-methods{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkout-payment-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:.875rem;cursor:pointer;transition:all .15s ease;text-align:left}.checkout-payment-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.checkout-payment-btn.active{background:var(--color-accent-purple-bg);border-color:var(--color-accent-purple);color:var(--color-accent-purple)}.checkout-payment-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--color-gray-50)}.checkout-payment-btn:disabled:hover{background:var(--color-gray-50);border-color:var(--color-gray-200)}.checkout-payment-btn svg{flex-shrink:0}.checkout-payment-section-label{font-size:.7rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-xs) 0 0;margin-top:var(--spacing-xs);border-top:1px solid var(--color-gray-200)}.checkout-payment-btn-unused{opacity:.5}.checkout-sidebar-warning{padding:var(--spacing-sm);margin:var(--spacing-sm) var(--spacing-xs) 0;font-size:.75rem;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-sm)}.checkout-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.checkout-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.checkout-back-btn{width:250px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease}.checkout-back-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.checkout-customer-selector{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkout-location-label{font-size:.75rem;color:var(--color-gray-500)}.checkout-location-select{font-size:.75rem;color:var(--color-gray-500);background:transparent;border:none;outline:none;cursor:pointer;padding:0}.checkout-location-select:focus{color:var(--color-gray-700)}.checkout-customer-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:500;color:var(--color-black)}.checkout-customer-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-accent-purple-bg);color:var(--color-accent-purple);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.checkout-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;margin-left:auto;flex-shrink:0}.checkout-close-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.checkout-customer-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--color-black);cursor:pointer;transition:all .15s ease}.checkout-customer-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.checkout-customer-btn svg{color:var(--color-gray-400);margin-left:auto}.checkout-voorschot-toggle{padding:.5rem var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50)}.checkout-voorschot-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-gray-700);cursor:pointer}.checkout-voorschot-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary, #6366f1)}.checkout-voorschot-hint{font-size:.6875rem;color:var(--color-gray-400);font-style:italic}.checkout-items{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.checkout-items-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.checkout-item{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-100)}.checkout-item-name{font-size:.9375rem;color:var(--color-gray-700);flex:1;text-align:left}.checkout-item-price{font-size:.9375rem;font-weight:600;color:var(--color-black)}.checkout-total-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-lg) 0;margin-top:var(--spacing-md);border-top:2px solid var(--color-gray-200)}.checkout-total-label{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.checkout-total-value{font-size:1.5rem;font-weight:700;color:var(--color-black)}.checkout-total-section{margin-top:var(--spacing-md)}.checkout-subtotal-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-sm) 0;border-top:1px solid var(--color-gray-200)}.checkout-subtotal-label{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.checkout-subtotal-value{font-size:1rem;font-weight:600;color:var(--color-gray-700)}.checkout-korting-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;gap:.5rem}.checkout-korting-label{font-size:.75rem;font-weight:500;color:var(--color-primary, #6366f1);flex:1}.checkout-korting-value{font-size:.9375rem;font-weight:600;color:var(--color-primary, #6366f1)}.checkout-korting-remove{background:none;border:none;padding:2px;cursor:pointer;color:var(--color-gray-400);display:flex;align-items:center;border-radius:50%;transition:all .15s}.checkout-korting-remove:hover{color:var(--color-danger, #ef4444);background:var(--color-gray-100)}.checkout-global-kortingscode-info{padding-top:var(--spacing-xs)}.checkout-global-kortingscode-hint{font-size:.75rem;color:var(--color-gray-400);font-style:italic}.checkout-item-kortingscode-field{grid-column:1 / -1}.checkout-kortingscode-error{font-size:.6875rem;color:var(--color-danger, #ef4444);margin-top:.25rem}.checkout-kortingscode-success{font-size:.6875rem;color:var(--color-success, #10b981);margin-top:.25rem}.checkout-item-qty{font-size:.8125rem;color:var(--color-gray-400);min-width:20px;flex-shrink:0}.checkout-betalingen-section{margin-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-md)}.checkout-betaling-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-100)}.checkout-betaling-type{font-size:.8125rem;font-weight:600;color:var(--color-gray-700);min-width:80px;display:flex;align-items:center;gap:var(--spacing-sm)}.checkout-betaling-bonnummer{font-weight:500;font-size:.75rem;color:var(--color-primary);background:var(--color-primary-light, rgba(var(--color-primary-rgb, 99, 102, 241), .1));padding:1px 6px;border-radius:4px}.checkout-betaling-datum{font-size:.75rem;color:var(--color-gray-400);flex:1}.checkout-betaling-bedrag{font-size:.875rem;font-weight:600;color:var(--color-black)}.checkout-betaling-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-gray-400);cursor:pointer;transition:all .15s ease;flex-shrink:0}.checkout-betaling-delete:hover{background:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc2626)}.checkout-betaald-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;margin-top:var(--spacing-sm)}.checkout-betaald-label{font-size:.875rem;font-weight:700;color:var(--color-success, #16a34a);text-transform:uppercase;letter-spacing:.05em}.checkout-betaald-value{font-size:1rem;font-weight:700;color:var(--color-success, #16a34a)}.checkout-note-text-inline{flex:1;font-size:.8125rem;color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-note-preview .checkout-note-header{display:flex;align-items:center;gap:var(--spacing-sm)}.checkout-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);background:var(--color-white)}.checkout-footer-left,.checkout-footer-right{display:flex;align-items:center;gap:var(--spacing-md)}.checkout-openstaand{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-right:var(--spacing-md)}.checkout-openstaand-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.checkout-openstaand-value{font-size:1.125rem;font-weight:700;color:var(--color-black)}.checkout-openstaand-value.is-paid{color:var(--color-success, #16a34a)}.checkout-btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.checkout-btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.checkout-btn-secondary svg{color:var(--color-gray-400)}.checkout-btn-primary{flex:1;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent-orange);border:1px solid var(--color-accent-orange);border-radius:var(--radius-md);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.checkout-btn-primary:hover:not(:disabled){background:var(--color-accent-orange-dark);border-color:var(--color-accent-orange-dark)}.checkout-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.checkout-page{flex-direction:column}.checkout-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-gray-200)}.checkout-payment-methods{flex-direction:row;overflow-x:auto;flex:none}.checkout-footer{flex-wrap:wrap}}.kassa-beurtenkaarten{background:var(--color-white);height:100%;display:flex;flex-direction:column}.kassa-beurtenkaarten .klanten-filters{flex-shrink:0}.kassa-beurtenkaarten .filter-item{display:flex;flex-direction:column;gap:.375rem}.kassa-beurtenkaarten .filter-item label{font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.kassa-beurtenkaarten .producten-content,.beurtenkaarten-table-container{flex:1;overflow-y:auto}.beurtenkaarten-table{width:100%;border-collapse:collapse}.beurtenkaarten-table th{text-align:left;padding:1rem;font-size:.75rem;font-weight:600;color:var(--color-gray-400);border-bottom:1px solid var(--color-gray-100);white-space:nowrap}.beurtenkaarten-table td{padding:1rem;font-size:.875rem;color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100)}.beurtenkaarten-table tbody tr:hover{background:var(--color-gray-50)}.status-badge.status-geldig{background:var(--color-success);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.beurtenkaart-sub-tabs{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.beurtenkaart-sub-tab{padding:.4rem 1rem;background:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;transition:all .2s ease}.beurtenkaart-sub-tab:hover{color:var(--color-gray-700);border-color:var(--color-gray-300);background:var(--color-gray-50)}.beurtenkaart-sub-tab.active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light, rgba(var(--color-primary-rgb, 99, 102, 241), .08));font-weight:600}.beurtenkaart-templates-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.beurtenkaart-templates-header{display:flex;justify-content:flex-end;padding:.75rem 1rem;flex-shrink:0}.beurtenkaart-templates-table-wrap{flex:1;overflow-y:auto}.beurtenkaart-templates-table{width:100%;border-collapse:collapse}.beurtenkaart-templates-table th{text-align:left;padding:.75rem 1rem;font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.beurtenkaart-templates-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100)}.beurtenkaart-templates-table tbody tr:hover{background:var(--color-gray-50)}.beurtenkaart-templates-table .template-actions{display:flex;gap:.5rem;justify-content:flex-end}.beurtenkaart-templates-table .template-actions button{padding:.3rem .6rem;border:none;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all .15s ease}.btn-template-edit{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-template-edit:hover{background:var(--color-gray-200)}.btn-template-delete{background:var(--color-danger-light, #fee2e2);color:var(--color-danger, #ef4444)}.btn-template-delete:hover{background:var(--color-danger, #ef4444);color:#fff}.beurtenkaart-template-modal .modal-body{padding:1.5rem}.beurtenkaart-template-form{display:flex;flex-direction:column;gap:1rem}.beurtenkaart-template-form .form-group{display:flex;flex-direction:column;gap:.375rem}.beurtenkaart-template-form .form-group label{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.beurtenkaart-template-form .form-group input,.beurtenkaart-template-form .form-group select{padding:.5rem .75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans);color:var(--color-gray-800);transition:border-color .15s ease}.beurtenkaart-template-form .form-group input:focus,.beurtenkaart-template-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 99, 102, 241),.1)}.beurtenkaart-template-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.kassa-facturen{background:var(--color-white);height:100%;display:flex;flex-direction:column}.kassa-facturen .klanten-filters{flex-shrink:0}.kassa-facturen .filter-search .search-input,.kassa-beurtenkaarten .filter-search .search-input,.kassa-cadeaubonnen .filter-search .search-input{padding-left:2.5rem}.kassa-facturen .filter-item{display:flex;flex-direction:column;gap:.375rem}.kassa-facturen .filter-item label{font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.kassa-facturen .producten-content,.facturen-table-container{flex:1;overflow-y:auto}.facturen-table{width:100%;border-collapse:collapse}.facturen-table th{text-align:left;padding:1rem;font-size:.75rem;font-weight:600;color:var(--color-gray-400);border-bottom:1px solid var(--color-gray-100);white-space:nowrap}.facturen-table td{padding:1rem;font-size:.875rem;color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100)}.facturen-table tbody tr:hover{background:var(--color-gray-50)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge.status-betaald{background:var(--color-success);color:#fff}.status-badge.status-open{background:var(--color-gray-200);color:var(--color-gray-700)}.status-badge.status-concept{background:#fef3c7;color:#92400e}.status-badge.status-geannuleerd{background:#fee2e2;color:#991b1b}.dagoverzicht-container{padding:1.5rem 2rem;background:var(--color-white);height:100%;display:flex;flex-direction:column;overflow:hidden}.dagoverzicht-date-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-shrink:0}.dagoverzicht-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;flex-shrink:0}.dagoverzicht-nav-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-black)}.dagoverzicht-date-display{position:relative;display:flex;align-items:center}.dagoverzicht-date-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.dagoverzicht-date-label{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-black);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.dagoverzicht-date-label:after{content:"";display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.dagoverzicht-today-btn{padding:.375rem .875rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;white-space:nowrap}.dagoverzicht-today-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-black)}.dagoverzicht-today-btn:disabled,.dagoverzicht-today-btn.disabled{opacity:.4;cursor:default}.dagoverzicht-table-wrapper{flex:1;overflow-y:auto}.dagoverzicht-table{width:100%;border-collapse:collapse}.dagoverzicht-table thead th{text-align:left;padding:.75rem 1rem;font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-100);white-space:nowrap;background:var(--color-white);position:sticky;top:0;z-index:1}.dagoverzicht-table tbody td{padding:.625rem 1rem;font-size:.8125rem;color:var(--color-gray-800);vertical-align:top}.dagoverzicht-row td{border-bottom:none}.dagoverzicht-payment-row td{border-bottom:1px solid var(--color-gray-100);padding-top:.25rem;padding-bottom:.75rem}.dov-nummer,.dov-tijd{font-weight:600;color:var(--color-black);white-space:nowrap}.dov-medewerker{white-space:nowrap}.dov-klant{white-space:nowrap;font-weight:500}.dov-item-naam{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:var(--color-gray-600)}.dov-item-qty{text-align:center;white-space:nowrap;min-width:30px;color:var(--color-gray-500)}.dov-item-prijs{text-align:right;white-space:nowrap;color:var(--color-gray-500)}.dov-item-totaal{text-align:right;white-space:nowrap;font-weight:500;color:var(--color-gray-700)}.dagoverzicht-discount-row td{border-bottom:none;padding-top:.125rem;padding-bottom:.125rem}.dov-discount-label{color:#10b981;font-size:.8125rem;font-style:italic}.dov-discount-amount{color:#10b981!important;font-weight:500}.dov-payment-label{font-weight:500;color:var(--color-gray-500);white-space:nowrap}.dov-payment-amount{text-align:right;white-space:nowrap;font-weight:600;color:var(--color-black)}.dov-status{text-align:right;vertical-align:middle;white-space:nowrap}.dagoverzicht-table tbody tr.clickable-row:hover td,.dagoverzicht-table tbody tr.clickable-row:hover~tr:not(.clickable-row):not([data-factuur-id]) td{background:var(--color-gray-50)}@media (max-width: 1024px){.dagoverzicht-container{padding:1rem}.dov-item-naam{max-width:220px}}@media (max-width: 768px){.dagoverzicht-table-wrapper{overflow-x:auto}.dagoverzicht-table{min-width:900px}}.kassa-cadeaubonnen{background:var(--color-white);height:100%;display:flex;flex-direction:column}.kassa-cadeaubonnen .klanten-filters{flex-shrink:0}.kassa-cadeaubonnen .filter-item{display:flex;flex-direction:column;gap:.375rem}.kassa-cadeaubonnen .filter-item label{font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.kassa-cadeaubonnen .producten-content,.cadeaubonnen-table-container{flex:1;overflow-y:auto}.status-badge.status-actief{background:var(--color-success);color:#fff}.status-badge.status-leeg{background:var(--color-gray-300);color:#fff}.status-badge.status-verlopen{background:#f97316;color:#fff}.status-badge.status-online{background:var(--color-primary);color:#fff}.kassa-cadeaubonnen .btn-danger{background:#dc2626;border:1px solid #dc2626;color:#fff;white-space:nowrap}.kassa-cadeaubonnen .btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.cadeaubon-importeren-btn{white-space:nowrap}.btn-export{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.625rem 1.25rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.btn-export:hover{border-color:var(--color-gray-300);color:var(--color-gray-800);background:var(--color-gray-50)}.cadeaubon-export-wrapper{position:relative;display:inline-block}.cadeaubon-export-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:120px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:200;overflow:hidden}.cadeaubon-export-option{display:block;width:100%;padding:.625rem 1rem;background:transparent;border:none;text-align:left;font-size:.875rem;color:var(--color-gray-700);cursor:pointer;transition:background .15s ease}.cadeaubon-export-option:hover{background:var(--color-gray-50)}.cadeaubon-export-option+.cadeaubon-export-option{border-top:1px solid var(--color-gray-100)}.cadeaubon-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cadeaubon-modal{background:var(--color-white);border-radius:var(--radius-lg, 12px);width:100%;max-width:560px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden}.cadeaubon-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem}.cadeaubon-modal-header h2{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;margin:0;color:var(--color-black)}.cadeaubon-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease}.cadeaubon-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.cadeaubon-modal-warning{margin:0 1.5rem;padding:.75rem 1rem;background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-md);font-size:.875rem;color:#92400e}.cadeaubon-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.cadeaubon-form-row{display:flex;flex-direction:column;gap:.5rem}.cadeaubon-form-row-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.cadeaubon-form-group label{display:block;font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.cadeaubon-form-group label .required{color:var(--color-error, #ef4444)}.cadeaubon-input{width:100%;height:40px;padding:0 .75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-black);outline:none;background:var(--color-white);transition:border-color .15s ease;box-sizing:border-box}.cadeaubon-input:focus{border-color:var(--color-primary)}.cadeaubon-input:disabled{background:var(--color-gray-50);color:var(--color-gray-400);cursor:not-allowed}.cadeaubon-nummer-row{display:flex;gap:.5rem}.cadeaubon-nummer-row .cadeaubon-input{flex:1}.cadeaubon-genereer-btn{white-space:nowrap;height:40px;padding:0 1rem}.cadeaubon-bedrag-input{display:flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;background:var(--color-white);transition:border-color .15s ease}.cadeaubon-bedrag-input:focus-within{border-color:var(--color-primary)}.cadeaubon-bedrag-prefix{padding:0 .75rem;background:var(--color-gray-50);color:var(--color-gray-600);font-size:.875rem;border-right:1px solid var(--color-gray-200);height:40px;display:flex;align-items:center;flex-shrink:0}.cadeaubon-bedrag-input .cadeaubon-input{border:none;border-radius:0}.cadeaubon-bedrag-input .cadeaubon-input:focus{border-color:transparent}.cadeaubon-verloopdatum-row{display:flex;flex-direction:column;gap:.5rem}.cadeaubon-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-gray-700);cursor:pointer;-webkit-user-select:none;user-select:none}.cadeaubon-checkbox-label input[type=checkbox]{width:18px;height:18px;border-radius:4px;border:1px solid var(--color-gray-300);cursor:pointer;accent-color:var(--color-primary)}.cadeaubon-modal-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-100)}.cadeaubon-opslaan-btn{min-width:100px}@media (max-width: 640px){.cadeaubon-modal{max-width:calc(100vw - 2rem);margin:1rem}.cadeaubon-form-row-split{grid-template-columns:1fr}}.cadeaubon-zoek-modal{max-width:480px}.cadeaubon-zoek-modal .cadeaubon-modal-body{padding:0 1.5rem 1rem;gap:0}.cadeaubon-zoek-input-wrapper{position:relative;display:flex;align-items:center}.cadeaubon-zoek-icon{position:absolute;left:.75rem;color:var(--color-gray-400);pointer-events:none}.cadeaubon-zoek-input{padding-left:2.5rem!important;padding-right:2.25rem!important}.cadeaubon-zoek-clear{position:absolute;right:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);padding:0}.cadeaubon-zoek-clear:hover{color:var(--color-gray-600)}.cadeaubon-zoek-results{margin-top:.5rem;max-height:240px;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.cadeaubon-zoek-result{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;transition:background .1s ease;border-bottom:1px solid var(--color-gray-100)}.cadeaubon-zoek-result:last-child{border-bottom:none}.cadeaubon-zoek-result:hover{background:var(--color-gray-50)}.cadeaubon-zoek-result.selected{background:var(--color-primary-50, #f0f0ff)}.cadeaubon-zoek-result.disabled{opacity:.5;cursor:not-allowed}.cadeaubon-zoek-nummer{font-size:.875rem;font-weight:500;color:var(--color-black);flex:1}.cadeaubon-zoek-tegoed{font-size:.875rem;font-weight:600;color:var(--color-black)}.cadeaubon-zoek-status{font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:9999px;text-transform:capitalize;white-space:nowrap}.cadeaubon-zoek-loading,.cadeaubon-zoek-empty{padding:1rem;text-align:center;font-size:.875rem;color:var(--color-gray-400)}.cadeaubon-zoek-selected-detail{display:flex;flex-direction:column;gap:1.25rem}.cadeaubon-zoek-detail-row{display:flex;align-items:flex-start;gap:1.25rem;padding:.75rem 0;border-bottom:1px solid var(--color-gray-100)}.cadeaubon-zoek-detail-col{display:flex;flex-direction:column;gap:.25rem}.cadeaubon-zoek-detail-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.cadeaubon-zoek-detail-label .required{color:var(--color-error, #ef4444)}.cadeaubon-zoek-detail-value{font-size:.875rem;font-weight:500;color:var(--color-black)}.cadeaubon-zoek-deselect{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-200);color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease;margin-left:auto;flex-shrink:0}.cadeaubon-zoek-deselect:hover{background:var(--color-gray-50);color:var(--color-gray-600);border-color:var(--color-gray-300)}.cadeaubon-zoek-bedrag-section{display:flex;flex-direction:column;gap:.375rem}.cadeaubon-zoek-modal .cadeaubon-modal-footer{gap:.75rem}.cadeaubon-detail-title{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.cadeaubon-detail-title h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cadeaubon-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:var(--spacing-xl)}.cadeaubon-detail-main{display:flex;flex-direction:column;gap:var(--spacing-xl)}.cadeaubon-detail-section h4{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-md)}.cadeaubon-mini-table{width:100%;border-collapse:collapse}.cadeaubon-mini-table th{text-align:left;padding:var(--spacing-sm) 0;font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-200)}.cadeaubon-mini-table td{padding:var(--spacing-sm) 0;font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.cadeaubon-mini-table .cb-nummer{color:var(--color-primary);font-weight:500}.cadeaubon-detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);border-left:1px solid var(--color-gray-100);padding-left:var(--spacing-xl)}.cadeaubon-detail-info-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cadeaubon-detail-info-item{display:flex;flex-direction:column;gap:4px}.cadeaubon-detail-info-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.cadeaubon-detail-info-value{font-size:1rem;font-weight:600;color:var(--color-black)}@media (max-width: 640px){.cadeaubon-detail-grid{grid-template-columns:1fr}.cadeaubon-detail-sidebar{border-left:none;border-top:1px solid var(--color-gray-100);padding-left:0;padding-top:var(--spacing-xl)}}.kasopmaak-container{padding:2rem;background:var(--color-white);height:100%;display:flex;flex-direction:column}.kasopmaak-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--color-gray-500)}.kasopmaak-loading .spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kasopmaak-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-100)}.kasopmaak-summary-item{display:flex;flex-direction:column;gap:.25rem}.kasopmaak-summary-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.kasopmaak-summary-value{font-size:.9375rem;color:var(--color-black)}.kasopmaak-summary-date{font-weight:500}.kasopmaak-summary-amount{font-size:1.5rem;font-weight:700}.kasopmaak-summary-current{color:var(--color-primary)}.kasopmaak-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.kasopmaak-search-wrapper{position:relative;width:400px}.kasopmaak-search-wrapper svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.kasopmaak-search-input{width:100%;height:40px;padding:0 1rem 0 2.5rem;border:1px solid var(--color-gray-200);border-radius:.5rem;font-size:.875rem;background:var(--color-white);outline:none;transition:border-color .15s ease;text-align:center}.kasopmaak-search-input::placeholder{text-align:center}.kasopmaak-search-input:focus{border-color:var(--color-primary)}.kasopmaak-locatie-info{font-size:.875rem;color:var(--color-gray-500);font-weight:500}.kasopmaak-locatie-switch{width:300px;min-width:300px;max-width:300px;height:36px;font-size:.8rem;padding:0 1.5rem 0 .5rem;flex-shrink:0}.kasopmaak-toolbar-actions{margin-left:auto;display:flex;gap:.75rem}.kasopmaak-transactie-btn{white-space:nowrap}.kasopmaak-sluiten-btn{white-space:nowrap;background:var(--color-primary)!important;border-color:var(--color-primary)!important}.kasopmaak-sluiten-btn:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.kasopmaak-table-container{flex:1;overflow-y:auto}.kasopmaak-table{width:100%;border-collapse:collapse}.kasopmaak-table th{text-align:left;padding:.75rem 1rem;font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-100);white-space:nowrap;-webkit-user-select:none;user-select:none}.kasopmaak-table th .kasopmaak-sort-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:.25rem;vertical-align:middle;color:var(--color-gray-400);border-radius:2px}.kasopmaak-table th .kasopmaak-sort-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.table-sort-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:.25rem;vertical-align:middle;color:var(--color-gray-400);border-radius:2px}.table-sort-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.table-sort-btn svg path{transition:opacity .15s ease}th.sortable,th[data-sort-key]{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover .table-sort-btn,th[data-sort-key]:hover .table-sort-btn{color:var(--color-gray-600)}th.sortable:hover .table-sort-btn svg path,th[data-sort-key]:hover .table-sort-btn svg path{opacity:.7!important}.kasopmaak-table td{padding:.875rem 1rem;font-size:.875rem;color:var(--color-black);border-bottom:1px solid var(--color-gray-50)}.kasopmaak-table tbody tr:hover{background:var(--color-gray-50)}.kasopmaak-col-bedrag{text-align:right}.kasopmaak-empty-row{text-align:center!important;color:var(--color-gray-400)!important;padding:3rem 1rem!important}.kasopmaak-openen{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.kasopmaak-openen-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;width:100%;padding:3rem 2rem}.kasopmaak-openen-card svg{color:var(--color-gray-300);margin-bottom:1.5rem}.kasopmaak-openen-card h2{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;color:var(--color-black);margin:0 0 .5rem}.kasopmaak-openen-card p{font-size:.875rem;color:var(--color-gray-500);margin:0 0 2rem;line-height:1.5}.kasopmaak-openen-field{width:100%;margin-bottom:1rem;text-align:left}.kasopmaak-openen-field label{display:block;font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.kasopmaak-open-btn{margin-top:1rem;min-width:180px}.kasopmaak-select{width:100%;height:40px;padding:0 2.5rem 0 1rem;border:1px solid var(--color-gray-200);border-radius:.5rem;font-size:.875rem;background:var(--color-white);outline:none;color:var(--color-black);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.kasopmaak-select:focus{border-color:var(--color-primary)}.kasopmaak-input{width:100%;height:40px;padding:0 1rem;border:1px solid var(--color-gray-200);border-radius:.5rem;font-size:.875rem;background:var(--color-white);outline:none;color:var(--color-black)}.kasopmaak-input:focus{border-color:var(--color-primary)}.kasopmaak-currency-input{display:flex;align-items:center;border:1px solid var(--color-gray-200);border-radius:.5rem;overflow:hidden;background:var(--color-white)}.kasopmaak-currency-input:focus-within{border-color:var(--color-primary)}.kasopmaak-currency-prefix{padding:0 .75rem;background:var(--color-gray-50);color:var(--color-gray-600);font-size:.875rem;height:40px;display:flex;align-items:center;border-right:1px solid var(--color-gray-200);flex-shrink:0}.kasopmaak-currency-input .kasopmaak-input{border:none;border-radius:0}.kasopmaak-currency-input .kasopmaak-input:focus{border:none}.kasopmaak-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-gray-200);border-radius:.5rem;font-size:.875rem;background:var(--color-white);outline:none;color:var(--color-black);resize:vertical;font-family:inherit}.kasopmaak-textarea:focus{border-color:var(--color-primary)}.kasopmaak-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.kasopmaak-modal{background:var(--color-white);border-radius:.75rem;box-shadow:0 20px 60px #00000026;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.kasopmaak-modal-wide{max-width:640px}.kasopmaak-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-100)}.kasopmaak-modal-header h3{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;margin:0;color:var(--color-black)}.kasopmaak-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:.375rem;transition:all .15s ease}.kasopmaak-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.kasopmaak-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.kasopmaak-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-100)}.kasopmaak-form-group{margin-bottom:1.25rem}.kasopmaak-form-group:last-child{margin-bottom:0}.kasopmaak-form-group label{display:block;font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.kasopmaak-telling-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.kasopmaak-telling-section h4{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--color-gray-600);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.03em}.kasopmaak-denom-list{display:flex;flex-direction:column;gap:.375rem}.kasopmaak-denom-row{display:grid;grid-template-columns:60px 70px 1fr;gap:.5rem;align-items:center}.kasopmaak-denom-label{font-size:.8125rem;color:var(--color-gray-600);font-weight:500}.kasopmaak-denom-input{width:100%;height:32px;padding:0 .5rem;border:1px solid var(--color-gray-200);border-radius:.375rem;font-size:.8125rem;text-align:center;outline:none;color:var(--color-black);-moz-appearance:textfield}.kasopmaak-denom-input::-webkit-outer-spin-button,.kasopmaak-denom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kasopmaak-denom-input:focus{border-color:var(--color-primary)}.kasopmaak-denom-total{font-size:.8125rem;color:var(--color-gray-500);text-align:right}.kasopmaak-telling-summary{background:var(--color-gray-50);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.kasopmaak-telling-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;color:var(--color-gray-600)}.kasopmaak-telling-row+.kasopmaak-telling-row{border-top:1px solid var(--color-gray-200)}.kasopmaak-telling-value{font-weight:600;color:var(--color-black)}.kasopmaak-telling-verschil{font-weight:600}.kasopmaak-verschil-ok .kasopmaak-telling-value{color:var(--color-success)}.kasopmaak-verschil-mismatch{background:var(--color-error-bg, #fef2f2);border-radius:.375rem;padding:.5rem .75rem;margin:0 -.5rem}.kasopmaak-verschil-mismatch .kasopmaak-telling-value{color:var(--color-error, #ef4444)}.kasopmaak-sluiten-confirm-btn{background:var(--color-error, #ef4444)!important;border-color:var(--color-error, #ef4444)!important}.kasopmaak-sluiten-confirm-btn:hover{opacity:.9}.kasopmaak-row-clickable{cursor:pointer}.kasopmaak-row-clickable:hover{background:var(--color-gray-50)}.kasopmaak-link-icon{vertical-align:middle;margin-left:.25rem;opacity:.4}.kasopmaak-row-clickable:hover .kasopmaak-link-icon{opacity:.7}.kasopmaak-factuur-search-wrapper{position:relative}.kasopmaak-factuur-results{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-top:none;border-radius:0 0 .5rem .5rem;box-shadow:0 4px 12px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.kasopmaak-factuur-result-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;cursor:pointer;transition:background .1s ease}.kasopmaak-factuur-result-item:hover{background:var(--color-gray-50)}.kasopmaak-factuur-result-nummer{font-size:.8125rem;font-weight:600;color:var(--color-black);white-space:nowrap}.kasopmaak-factuur-result-klant{font-size:.8125rem;color:var(--color-gray-500);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kasopmaak-factuur-result-bedrag{font-size:.8125rem;font-weight:500;color:var(--color-gray-600);white-space:nowrap}.kasopmaak-factuur-selected{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 .5rem 0 1rem;border:1px solid var(--color-primary);border-radius:.5rem;background:rgba(var(--color-primary-rgb, 191, 155, 107),.06)}.kasopmaak-factuur-selected-label{font-size:.875rem;font-weight:500;color:var(--color-black)}.kasopmaak-factuur-selected-klant{font-weight:400;color:var(--color-gray-500);margin-left:.5rem}.kasopmaak-factuur-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:.25rem}.kasopmaak-factuur-remove:hover{background:var(--color-gray-100);color:var(--color-gray-600)}@media (max-width: 768px){.kasopmaak-summary{grid-template-columns:1fr;gap:1rem}.kasopmaak-toolbar{flex-wrap:wrap}.kasopmaak-search-wrapper{width:100%}.kasopmaak-toolbar-actions{width:100%;margin-left:0}.kasopmaak-telling-grid{grid-template-columns:1fr}.kasopmaak-modal-wide{max-width:100%}}@media (max-width: 480px){.kasopmaak-container{padding:1rem}.kasopmaak-toolbar-actions{flex-direction:column}}.beurtenkaart-modal-title{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.beurtenkaart-modal-title h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beurtenkaart-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--spacing-xl)}.beurtenkaart-detail-main{display:flex;flex-direction:column;gap:var(--spacing-xl)}.beurtenkaart-detail-section h4{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-md)}.beurtenkaart-mini-table{width:100%;border-collapse:collapse}.beurtenkaart-mini-table th{text-align:left;padding:var(--spacing-sm) 0;font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-100)}.beurtenkaart-mini-table td{padding:var(--spacing-sm) 0;font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.beurtenkaart-mini-table .bk-nummer{color:var(--color-primary);font-weight:500}.beurtenkaart-mini-table .bk-gebruikt{color:var(--color-primary);font-weight:600}.beurtenkaart-detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);border-left:1px solid var(--color-gray-100);padding-left:var(--spacing-xl)}.beurtenkaart-klant-info{display:flex;align-items:center;gap:var(--spacing-md)}.beurtenkaart-klant-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.beurtenkaart-klant-details{display:flex;flex-direction:column;min-width:0}.beurtenkaart-klant-details strong{font-size:.9375rem;color:var(--color-black);margin-bottom:2px}.beurtenkaart-klant-details span{font-size:.8125rem;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beurtenkaart-info-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.beurtenkaart-info-item{display:flex;flex-direction:column;gap:4px}.beurtenkaart-info-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.beurtenkaart-info-value{font-size:1rem;font-weight:600;color:var(--color-black)}@media (max-width: 768px){.beurtenkaart-detail-grid{grid-template-columns:1fr}.beurtenkaart-detail-sidebar{border-left:none;border-top:1px solid var(--color-gray-100);padding-left:0;padding-top:var(--spacing-xl)}}.dagafsluitingen-container{padding:1.5rem 2rem;background:var(--color-white);height:100%;display:flex;flex-direction:column;overflow:hidden}.dagafsluitingen-table-wrapper{flex:1;overflow-y:auto}.dagafsluitingen-table{width:100%;border-collapse:collapse}.dagafsluitingen-table thead th{text-align:left;padding:.75rem 1rem;font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-100);white-space:nowrap;background:var(--color-white);position:sticky;top:0;z-index:1}.dagafsluitingen-table tbody td{padding:.75rem 1rem;font-size:.875rem;color:var(--color-black);border-bottom:1px solid var(--color-gray-50)}.dagafsluitingen-table tbody tr.clickable-row{cursor:pointer;transition:background .1s ease}.dagafsluitingen-table tbody tr.clickable-row:hover td{background:var(--color-gray-50)}.dagafsluiting-status{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.dagafsluiting-status-gesloten{background:var(--color-success-light, #e8f5e9);color:var(--color-success, #2e7d32)}.dagafsluiting-status-open{background:var(--color-warning-light, #fff3e0);color:var(--color-warning, #e65100)}.dagafsluiting-status-geen_sessie{background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-400, #9ca3af)}.dagafs-actie-cell{white-space:nowrap}.dagafs-actie-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .75rem;border:none;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.dagafs-actie-open{background:var(--color-primary, #5b4cc4);color:var(--color-white, #fff)}.dagafs-actie-open:hover{background:var(--color-primary-dark, #3b2da8)}.dagafs-actie-sluiten{background:var(--color-warning-light, #fff3e0);color:var(--color-warning, #e65100)}.dagafs-actie-sluiten:hover{background:#ffe0b2}.dagafsluiting-detail{padding:1.5rem 2rem;background:var(--color-white);height:100%;overflow-y:auto}.dagafsluiting-detail-back{margin-bottom:1.25rem}.dagafsluiting-detail-back a{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--color-primary);text-decoration:none;transition:color .15s ease}.dagafsluiting-detail-back a:hover{color:var(--color-primary-dark, #3b2da8)}.dagafsluiting-header-cards{display:flex;gap:0;margin-bottom:2rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.dagafsluiting-card{flex:1;padding:1rem 1.25rem;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:.5rem;min-width:0}.dagafsluiting-card:last-child{border-right:none}.dagafsluiting-card-icon{display:flex;align-items:center;gap:.5rem;color:var(--color-gray-500)}.dagafsluiting-card-icon strong{font-size:.8125rem;font-weight:600;color:var(--color-black)}.dagafsluiting-card-icon svg{flex-shrink:0}.dagafsluiting-card-sub{display:flex;flex-direction:column;gap:.125rem}.dagafsluiting-card-sub span{font-size:.75rem;color:var(--color-gray-500)}.dagafsluiting-card-value{font-size:.8125rem;color:var(--color-gray-600)}.dagafsluiting-card-print{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:1rem 1.5rem}.dagafsluiting-print-btn{padding:.5rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;white-space:nowrap}.dagafsluiting-section{margin-bottom:2rem;border:1px solid var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden}.dagafsluiting-section-title{font-size:.9375rem;font-weight:700;color:var(--color-black);padding:1rem 1.25rem;margin:0;border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50)}.dagafsluiting-section-table{width:100%;border-collapse:collapse}.dagafsluiting-section-table thead th{text-align:left;padding:.625rem 1.25rem;font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-100);white-space:nowrap}.dagafsluiting-section-table tbody td{padding:.625rem 1.25rem;font-size:.875rem;color:var(--color-black);border-bottom:1px solid var(--color-gray-50)}.dagafsluiting-section-table tbody tr:last-child td{border-bottom:none}.dagafsluiting-section-table .text-right{text-align:right}.dagafsluiting-section-table .text-center{text-align:center}.dagafsluiting-section-table .text-muted{color:var(--color-gray-400);font-style:italic}.dagafsluiting-link{color:var(--color-primary);text-decoration:none;cursor:default}.dagafsluiting-link.text-green{color:#16a34a}.dagafsluiting-link.text-red{color:#dc2626}.dagafsluiting-row-bold td,.dagafsluiting-row-highlight td{background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.dagafsluiting-row-highlight td strong{font-weight:600}.dagafsluiting-telling-table thead th,.dagafsluiting-telling-table tbody td{width:25%}.dagafsluiting-facturen-table tbody tr.clickable-row{cursor:pointer;transition:background .1s ease}.dagafsluiting-facturen-table tbody tr.clickable-row:hover td{background:var(--color-gray-50)}.dagafsluiting-copy-icon{color:var(--color-gray-400);cursor:pointer;transition:color .15s ease}.dagafsluiting-copy-icon:hover{color:var(--color-primary)}@media print{body *{visibility:hidden}#dagafsluitingDetailContent,#dagafsluitingDetailContent *{visibility:visible}#dagafsluitingDetailContent{position:absolute;left:0;top:0;width:100%;padding:1rem;overflow:visible;height:auto}.dagafsluiting-detail-back,.dagafsluiting-card-print,.dagafsluiting-copy-icon{display:none!important}.dagafsluiting-header-cards{border:1px solid #ccc}.dagafsluiting-card{border-right:1px solid #ccc}.dagafsluiting-section{break-inside:avoid;border:1px solid #ccc;margin-bottom:1rem}.dagafsluiting-section-title,.dagafsluiting-row-bold td,.dagafsluiting-row-highlight td{background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dagafsluiting-section-table{font-size:.75rem}}@media (max-width: 1200px){.dagafsluiting-header-cards{flex-wrap:wrap}.dagafsluiting-card{flex:1 1 calc(33% - 1px);min-width:180px}}@media (max-width: 768px){.dagafsluitingen-container,.dagafsluiting-detail{padding:1rem}.dagafsluiting-header-cards{flex-direction:column}.dagafsluiting-card{border-right:none;border-bottom:1px solid var(--color-gray-200)}.dagafsluiting-card:last-child{border-bottom:none}}.terminal-payment-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff5;display:flex;align-items:center;justify-content:center;z-index:50;border-radius:12px;animation:terminalFadeIn .3s ease}@keyframes terminalFadeIn{0%{opacity:0}to{opacity:1}}.terminal-payment-status{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:2rem}.terminal-payment-status h3{font-size:1.25rem;font-weight:600;color:var(--color-gray-900, #111);margin:0}.terminal-payment-status p{font-size:.875rem;color:var(--color-gray-500, #6b7280);margin:0}.terminal-amount{font-size:2rem;font-weight:700;color:var(--color-gray-900, #111);margin-top:.5rem}.terminal-spinner{width:48px;height:48px;border:4px solid var(--color-gray-200, #e5e7eb);border-top-color:var(--color-primary, #6366f1);border-radius:50%;animation:terminalSpin .8s linear infinite}@keyframes terminalSpin{to{transform:rotate(360deg)}}.terminal-cancel-btn{margin-top:1rem;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--color-gray-300, #d1d5db);border-radius:8px;font-size:.875rem;color:var(--color-gray-600, #4b5563);cursor:pointer;transition:all .15s ease}.terminal-cancel-btn:hover{background:var(--color-gray-50, #f9fafb);border-color:var(--color-gray-400, #9ca3af)}.terminal-retry-btn{margin-top:1rem;padding:.5rem 1.5rem;background:var(--color-primary, #6366f1);border:none;border-radius:8px;font-size:.875rem;color:#fff;cursor:pointer;transition:all .15s ease}.terminal-retry-btn:hover{opacity:.9}.terminal-success .terminal-payment-status svg{color:#22c55e}.terminal-failed .terminal-payment-status svg{color:#ef4444}.payconiq-qr-image{width:250px;height:250px;border-radius:12px;border:2px solid var(--color-gray-200, #e5e7eb);background:#fff;padding:8px}.payconiq-hint{font-size:.8rem;color:var(--color-gray-400, #9ca3af);font-style:italic}.epc-qr-iban{font-family:monospace;font-size:.85rem;color:var(--color-gray-600, #4b5563);letter-spacing:.5px}.epc-qr-beneficiary{font-size:.85rem;color:var(--color-gray-600, #4b5563)}.epc-qr-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;width:100%;max-width:250px}.epc-qr-actions .checkout-btn-primary{width:100%}.epc-qr-actions .terminal-cancel-btn{margin-top:0}.checkout-btn-terminal{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.checkout-btn-terminal:hover:not(:disabled){background:#16a34a}.checkout-btn-terminal:disabled{opacity:.5;cursor:not-allowed}.checkout-btn-terminal svg{flex-shrink:0}.kassa-openen-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.kassa-openen-modal{background:var(--color-white);border-radius:.75rem;box-shadow:0 20px 60px #00000026;width:100%;max-width:440px;display:flex;flex-direction:column;max-height:90vh;animation:kassaModalFadeIn .2s ease}@keyframes kassaModalFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.kassa-openen-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-100)}.kassa-openen-modal-header h3{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;margin:0;color:var(--color-black)}.kassa-openen-modal-body{padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.kassa-openen-modal-icon{color:var(--color-gray-300);margin-bottom:1rem}.kassa-openen-modal-text{font-size:.875rem;color:var(--color-gray-500);margin:0 0 1rem;line-height:1.5}.kassa-openen-modal-locatie{font-size:.8125rem;font-weight:600;color:var(--color-black);margin-bottom:.25rem}.kassa-openen-modal-user{font-size:.75rem;color:var(--color-gray-400);margin-bottom:1.5rem}.kassa-openen-modal-field{width:100%;margin-bottom:1rem;text-align:left}.kassa-openen-modal-field label{display:block;font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.kassa-openen-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-100)}@media (max-width: 480px){.kassa-openen-modal{max-width:100%;margin:1rem}}.totalen-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--spacing-lg);gap:var(--spacing-lg)}.totalen-header{display:flex;align-items:flex-end;gap:var(--spacing-lg);flex-wrap:wrap}.totalen-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.totalen-filter-label{font-size:.6875rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.totalen-select,.totalen-date-input{padding:.5rem .75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-sans);color:var(--color-black);background:var(--color-white);min-width:160px}.totalen-select:focus,.totalen-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.totalen-header-right{margin-left:auto}.totalen-print-btn{padding:.5rem 1.25rem;font-size:.8125rem}.totalen-data-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg)}.totalen-summary-cards{display:flex;gap:var(--spacing-xl)}.totalen-summary-card{flex:1;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.totalen-summary-icon{color:var(--color-gray-400);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.totalen-summary-icon svg{width:16px;height:16px}.totalen-summary-label{font-size:.6875rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.totalen-summary-value{font-size:1.5rem;font-weight:700;color:var(--color-black)}.totalen-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.totalen-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.totalen-section-title{font-size:.9375rem;font-weight:600;color:var(--color-black);margin:0 0 var(--spacing-md) 0}.totalen-rows{display:flex;flex-direction:column}.totalen-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--color-gray-100);font-size:.8125rem;color:var(--color-gray-700)}.totalen-row:last-child{border-bottom:none}.totalen-row span:last-child{font-weight:500;color:var(--color-black)}.totalen-row-muted{color:var(--color-gray-400);font-style:italic}.totalen-row-muted span:last-child{color:var(--color-gray-500)}.totalen-row-highlight{color:var(--color-primary, #6366f1)}.totalen-row-highlight span:last-child{color:var(--color-primary, #6366f1);font-weight:600}.totalen-btw-section{grid-column:1 / -1}@media (max-width: 768px){.totalen-sections{grid-template-columns:1fr}.totalen-summary-cards{flex-direction:column}.totalen-header{flex-direction:column;align-items:stretch}.totalen-header-right{margin-left:0}}.btw-overzicht-container{padding:1.5rem 2rem;background:var(--color-white);height:100%;display:flex;flex-direction:column;overflow:hidden}.btw-overzicht-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-shrink:0}.btw-overzicht-year-select{position:relative}.btw-year-dropdown{padding:.375rem .75rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-black);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.btw-print-btn{margin-left:auto;padding:.375rem 1rem;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease}.btw-print-btn:hover{opacity:.9}.btw-overzicht-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.btw-overzicht-tables{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}.btw-section{width:100%}.btw-section-title{font-size:.9375rem;font-weight:700;color:var(--color-black);margin:0 0 .75rem}.btw-table-wrapper{overflow-x:auto}.btw-table{width:100%;border-collapse:collapse;font-size:.8125rem;white-space:nowrap}.btw-table thead th{padding:.5rem .75rem;text-align:right;font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--color-gray-200)}.btw-table thead th.btw-col-tarief{text-align:left;min-width:90px}.btw-table tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.btw-col-value{text-align:right;font-variant-numeric:tabular-nums}.btw-col-tarief{text-align:left;font-weight:500;color:var(--color-black)}.btw-totaal-row td{font-weight:700;color:var(--color-black);border-top:2px solid var(--color-gray-300);border-bottom:none}.btw-quarter-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.btw-table-quarterly .btw-col-value{min-width:100px}@media (max-width: 900px){.btw-quarter-grid{grid-template-columns:1fr}.btw-overzicht-container{padding:1rem}}.kassa-medewerker-meerdere{border-bottom:2px solid var(--color-gray-200)!important}.kassa-medewerker-meerdere.selected{background:var(--color-primary-50, #f0f4ff)}.kassa-medewerker-meerdere .kassa-medewerker-name{font-weight:600}.kassa-item-medewerker-wrapper{flex:1}.kassa-item-medewerker-select{width:100%;padding:6px 10px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-gray-700);background:var(--color-white);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.kassa-item-medewerker-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100, rgba(99, 102, 241, .1))}.checkout-item-card{border:1px solid var(--color-gray-100);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden}.checkout-item-card-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer}.checkout-item-card-expand{flex-shrink:0;color:var(--color-gray-400);display:flex;align-items:center;cursor:pointer}.checkout-item-card-details{display:none;flex-wrap:wrap;gap:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-md)}.checkout-item-card.expanded .checkout-item-card-details{display:flex}.checkout-item-card.expanded .checkout-item-card-expand svg{transform:rotate(180deg)}.checkout-item-card-expand svg{transition:transform .15s}.checkout-item-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.checkout-item-field label{font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.checkout-item-price-display,.checkout-item-discount-display{font-size:.875rem;color:var(--color-gray-700);padding:6px 10px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm)}.checkout-item-medewerker-wrapper{width:100%}.checkout-item-medewerker-select{width:100%;padding:6px 10px;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-gray-700);background:var(--color-white);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.checkout-item-medewerker-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100, rgba(99, 102, 241, .1))}.checkout-payment-btn-voorschot{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);color:#16a34a}.checkout-payment-btn-voorschot svg{color:#16a34a}.checkout-payment-btn-voorschot:hover:not(:disabled){background:#f0fdf4}.voorschot-results{display:flex;flex-direction:column;gap:var(--spacing-xs)}.voorschot-result{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.voorschot-result-klant{flex:1;font-size:.85rem;color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voorschot-result-datum{font-size:.8rem;color:var(--color-gray-400)}.voorschot-info-text{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#f0fdf4;border-radius:var(--radius-sm);font-size:.85rem;color:#16a34a}.platform-badge{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.platform-badge.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.platform-badge.tiktok{background:#000;color:#fff}.platform-badge.youtube{background:red;color:#fff}.status-badge.actief,.status-badge.active{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge.paused{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge.voltooid,.status-badge.completed{background:var(--color-info-bg);color:var(--color-info-text)}.status-badge.wachtend{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge.uitstaand{background:#f3f4f6;color:#6b7280}.status-badge.verzonden{background:var(--color-info-bg);color:var(--color-info-text)}.status-badge.gepland{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge.systeem{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.status-badge.medewerker{background:#ebf5ff;color:var(--color-info-text);border:1px solid #bfdbfe}.status-badge.influencer-status-actieve_samenwerking{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge.influencer-status-gepauzeerd{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge.influencer-status-stopgezet{background:var(--color-error-bg);color:var(--color-error-text)}.status-badge.influencer-status-pending{background:var(--color-accent-purple-bg);color:var(--color-accent-purple-dark)}.influencer-status-selector{display:inline-flex;align-items:center}.influencer-status-selector .status-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;padding:.25rem 1.75rem .25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:box-shadow .15s ease}.influencer-status-selector .status-select:hover{box-shadow:0 0 0 2px #00000014}.influencer-status-selector .status-select:focus{box-shadow:0 0 0 2px var(--color-primary)}.influencer-status-selector .status-select.influencer-status-actieve_samenwerking{background-color:var(--color-success-bg);color:var(--color-success-text)}.influencer-status-selector .status-select.influencer-status-stopgezet{background-color:var(--color-error-bg);color:var(--color-error-text)}.influencer-status-selector .status-select.influencer-status-gepauzeerd{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.influencer-status-selector .status-select.influencer-status-pending{background-color:var(--color-accent-purple-bg);color:var(--color-accent-purple-dark)}.type-badge{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.type-badge.nieuwsbrief{background:var(--color-accent-purple-light);color:var(--color-accent-purple-dark)}.type-badge.promotie{background:var(--color-accent-pink-bg);color:var(--color-accent-pink-text)}.type-badge.automatisch{background:var(--color-success-light);color:var(--color-success-dark)}.partner-type-badges{display:flex;flex-wrap:wrap;gap:4px}.partner-type-badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;white-space:nowrap}.partner-type-badge.partner-type-influencer{background:#fce7f3;color:#9d174d}.partner-type-badge.partner-type-presentatrice{background:#ede9fe;color:#5b21b6}.partner-type-badge.partner-type-sporter{background:#d1fae5;color:#065f46}.partner-type-badge.partner-type-muzikant{background:#dbeafe;color:#1e40af}.partner-type-badge.partner-type-andere{background:var(--color-gray-100);color:var(--color-gray-600)}.partner-regio-badges{display:flex;flex-wrap:wrap;gap:4px}.partner-regio-badge{display:inline-flex;align-items:center;gap:4px;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:500;white-space:nowrap;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.regio-select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.regio-tags{display:flex;flex-wrap:wrap;gap:4px}.regio-tag-removable{cursor:default}.regio-tag-remove{background:none;border:none;color:#0369a1;font-size:.875rem;cursor:pointer;padding:0;margin-left:2px;line-height:1;font-weight:700;opacity:.7;transition:opacity .15s ease}.regio-tag-remove:hover{opacity:1}.partner-status-tabs-wrapper{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:0 var(--spacing-2xl)}.partner-status-tabs{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.partner-status-tab{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:.8125rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.partner-status-tab:hover{color:var(--color-gray-700)}.partner-status-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.partner-status-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-gray-100);font-size:.6875rem;font-weight:600;color:var(--color-gray-500)}.partner-status-tab.active .partner-status-tab-count{background:var(--color-primary-light);color:var(--color-primary)}.discount-code{background:var(--color-gray-100);padding:.25rem .5rem;border-radius:var(--radius-sm);font-family:monospace;font-size:.8125rem;color:var(--color-gray-700)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.campaign-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.campaign-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.campaign-info{display:flex;align-items:center;gap:var(--spacing-md)}.campaign-name{font-weight:600;color:var(--color-gray-900)}.campaign-status{padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase}.campaign-status.active{background:var(--color-success-bg);color:var(--color-success-text)}.campaign-status.completed{background:var(--color-info-bg);color:var(--color-info-text)}.campaign-metrics{display:flex;gap:var(--spacing-lg);font-size:.875rem;color:var(--color-gray-600)}.influencer-preview-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.influencer-preview-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.influencer-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.influencer-info{flex:1;display:flex;flex-direction:column}.influencer-name{font-weight:600;color:var(--color-gray-900)}.influencer-reach{font-size:.8125rem;color:var(--color-gray-500)}.influencer-revenue{font-weight:600;color:var(--color-primary)}.card-link{display:inline-block;margin-top:var(--spacing-md);color:var(--color-primary);font-weight:500;font-size:.875rem;text-decoration:none}.card-link:hover{text-decoration:underline}.referrals-filters{display:flex;justify-content:space-between;align-items:center}.referrals-stats-bar{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.referrals-stats-bar .stat-card{flex:1;min-width:0;margin-bottom:0;box-shadow:none;border:1px solid var(--color-gray-200)}.referrals-dashboard-fullwidth{background:var(--color-white);padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--color-gray-200)}.referrals-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.referrals-dashboard-fullwidth .card{box-shadow:none;border:1px solid var(--color-gray-200)}.referrals-table-fullwidth{background:var(--color-white);border-top:1px solid var(--color-gray-200);flex:1;overflow:hidden;display:flex;flex-direction:column}.referrals-table-fullwidth .card-header{padding:var(--spacing-lg) var(--spacing-2xl) 0}.referrals-table-fullwidth .table-container{flex:1;overflow-y:auto}@media (max-width: 768px){.referrals-stats-bar{flex-wrap:wrap;padding:var(--spacing-md) var(--spacing-lg)}.referrals-stats-bar .stat-card{flex:1 1 calc(50% - var(--spacing-md))}.referrals-dashboard-fullwidth{padding:var(--spacing-md) var(--spacing-lg)}.referrals-dashboard-grid{grid-template-columns:1fr}}.referral-program-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.program-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-100)}.program-stat:last-child{border-bottom:none}.program-label{color:var(--color-gray-600);font-size:.9375rem}.program-value{font-weight:700;color:var(--color-primary);font-size:1.125rem}.top-referrers-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.top-referrer-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.referrer-rank{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.referrer-info{flex:1;display:flex;flex-direction:column}.referrer-name{font-weight:600;color:var(--color-gray-900)}.referrer-count{font-size:.8125rem;color:var(--color-gray-500)}.referrer-revenue{font-weight:600;color:var(--color-primary)}.email-lists{display:flex;flex-direction:column;gap:var(--spacing-sm)}.email-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.list-info{display:flex;flex-direction:column}.list-name{font-weight:600;color:var(--color-gray-900)}.list-count{font-size:.8125rem;color:var(--color-gray-500)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.quick-action-icon{font-size:1.5rem}.quick-action-btn span:last-child{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.btn-link{background:none;border:none;color:var(--color-primary);font-weight:500;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-icon-sm{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem;opacity:.7;transition:opacity .2s}.btn-icon-sm:hover{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-header h2{margin:0}.filter-controls{display:flex;gap:var(--spacing-sm)}.action-buttons{display:flex;gap:var(--spacing-xs)}.trend.positive{color:var(--color-success-dark)}.trend.negative{color:var(--color-error)}.referral-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.referral-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.referral-card-header h3{margin:0;font-size:1.125rem;font-weight:600}.referral-type-badge{background:var(--color-primary-light);color:var(--color-primary);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize}.referral-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}@media (max-width: 768px){.referral-settings-grid{grid-template-columns:1fr}}.referral-setting-group h4{margin:0 0 var(--spacing-md) 0;font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.referral-fee-config{display:flex;flex-direction:column;gap:var(--spacing-md)}.radio-group{display:flex;gap:var(--spacing-lg)}.radio-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem}.radio-label input[type=radio]{display:none}.radio-custom{width:18px;height:18px;border:2px solid var(--color-gray-300);border-radius:50%;position:relative;transition:all .2s ease}.radio-label input[type=radio]:checked+.radio-custom{border-color:var(--color-primary)}.radio-label input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-primary);border-radius:50%}.fee-value-input{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-gray-100);padding:.5rem .75rem;border-radius:var(--radius-md);max-width:200px}.fee-value-input input{border:none;background:transparent;font-size:1rem;font-weight:600;width:100%;text-align:center}.fee-value-input input:focus{outline:none}.fee-prefix,.fee-suffix{font-size:.875rem;font-weight:600;color:var(--color-gray-500);min-width:1rem}.referral-card-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end}.referral-search-container{position:relative}.referral-search-container input[type=text]{width:100%;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem}.referral-search-results{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:100}.referral-search-item{padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:center}.referral-search-item:last-child{border-bottom:none}.referral-search-item:hover{background:var(--color-primary-light)}.referral-search-item strong{font-size:.875rem}.referral-search-item span{font-size:.75rem;color:var(--color-gray-500)}.referral-search-empty{padding:var(--spacing-md);text-align:center;color:var(--color-gray-500);font-size:.875rem}.selected-referrer{display:flex;align-items:center;justify-content:space-between;background:var(--color-primary-light);padding:.5rem .75rem;border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.selected-referrer-name{font-weight:600;color:var(--color-primary)}.clear-referrer-btn{background:none;border:none;font-size:1.25rem;color:var(--color-gray-500);cursor:pointer;padding:0;line-height:1}.clear-referrer-btn:hover{color:var(--color-gray-700)}.portefeuille-header{margin-bottom:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap}.portefeuille-header .portefeuille-saldo-card{flex:1;min-width:200px}.saldo-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.saldo-label-row .btn-primary{white-space:nowrap;font-size:.8rem}.portefeuille-saldo-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-white);padding:var(--spacing-xl)}.saldo-display{display:flex;flex-direction:column;gap:var(--spacing-sm)}.saldo-label{font-size:.875rem;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.saldo-value{font-size:2.5rem;font-weight:700;font-family:var(--font-sans)}.saldo-value.positive{color:var(--color-white)}.saldo-value.negative{color:var(--color-error-light)}.saldo-description{font-size:.875rem;opacity:.8;margin-top:var(--spacing-md)}.portefeuille-table{width:100%}.portefeuille-table .text-right{text-align:right}.portefeuille-table tbody tr.clickable-row:hover td{background-color:var(--surface-hover)}.transaction-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.transaction-type-badge.credit{background:var(--color-success-bg);color:var(--color-success-text)}.transaction-type-badge.debit{background:var(--color-error-bg);color:var(--color-error-text)}.amount-positive{color:var(--color-success);font-weight:600}.amount-negative{color:var(--color-error);font-weight:600}.mailchimp-content{padding:var(--spacing-xl) var(--spacing-2xl)}.mailchimp-connection-card{margin-bottom:var(--spacing-lg)}.mailchimp-connection-card.connected{border-left:4px solid var(--color-success)}.mailchimp-account-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.account-detail{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.account-value{font-size:.9375rem;font-weight:500;color:var(--color-gray-900)}.mailchimp-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.mailchimp-description{color:var(--color-gray-600);font-size:.9375rem;line-height:1.6;margin:var(--spacing-md) 0 var(--spacing-lg)}.mailchimp-connect-form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:500px}.mailchimp-connect-form .form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem}.form-hint{font-size:.75rem;color:var(--color-gray-500);margin-top:var(--spacing-xs)}.mailchimp-sync-info{display:flex;flex-direction:column}.mailchimp-sync-info p{color:var(--color-gray-600);font-size:.9375rem;line-height:1.6;margin-bottom:var(--spacing-md)}.sync-status{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.empty-state-text{color:var(--color-gray-500);font-size:.9375rem;text-align:center;padding:var(--spacing-lg) 0}@media (max-width: 1024px){.mailchimp-account-info{grid-template-columns:1fr}}@media (max-width: 768px){.mailchimp-content{padding:var(--spacing-md) var(--spacing-lg)}}.influencers-page{background:var(--color-background);display:flex;flex-direction:column;height:100vh;overflow:hidden}.influencers-page .page-content{flex:1;overflow-y:auto;padding:0}.influencers-page .stats-grid{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-2xl);margin-bottom:0;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.influencers-page .stats-grid .stat-card{flex:1;min-width:0;border-left:4px solid transparent}.influencers-page .stat-card--purple{border-left-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.influencers-page .stat-card--purple h3{color:#7c3aed}.influencers-page .stat-card--purple .value{color:#6d28d9}.influencers-page .stat-card--blue{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.influencers-page .stat-card--blue h3{color:#2563eb}.influencers-page .stat-card--blue .value{color:#1d4ed8}.influencers-page .stat-card--green{border-left-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.influencers-page .stat-card--green h3{color:#059669}.influencers-page .stat-card--green .value{color:#047857}.influencers-page .stat-card--gold{border-left-color:var(--color-primary);background:linear-gradient(135deg,#fffbeb,#fef3c7)}.influencers-page .stat-card--gold h3{color:#b45309}.influencers-page .stat-card--gold .value{color:#92400e}.platform-icons{display:flex;align-items:center;gap:6px}.platform-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);transition:transform .15s ease;cursor:default}.platform-icon-wrapper:hover{transform:scale(1.15)}.platform-icon.instagram{color:#e1306c}.platform-icon.tiktok{color:#000}.platform-icon.youtube{color:red}.platform-icon.facebook{color:#1877f2}.platform-icon-link{cursor:pointer;text-decoration:none;color:inherit;position:relative}.platform-icon-link:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-sm);border:1.5px solid transparent;transition:border-color .15s ease}.platform-icon-link:hover:after{border-color:var(--color-primary)}.platform-icon-link:hover{transform:scale(1.2)}.platform-links-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.platform-link-row{display:flex;align-items:center;gap:var(--spacing-sm)}.platform-link-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.platform-link-row .form-input{flex:1}.platform-checkbox-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.platform-checkbox-group .checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;cursor:pointer}.platform-checkbox-group .checkbox-label input[type=checkbox]{accent-color:var(--color-primary)}.influencer-filters{display:flex;justify-content:space-between;align-items:center}.influencer-search{position:relative}.influencer-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.influencer-search .search-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 40px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem}.influencer-search .search-input:focus{outline:none;border-color:var(--color-primary)}.influencers-page .producten-content{flex:1;padding:0;overflow:hidden;display:flex;flex-direction:column}.influencers-page .producten-content .table-container{flex:1;background:var(--color-white);border-radius:0;border:none;border-top:1px solid var(--color-gray-200);overflow-y:auto}.influencer-detail-container{background:var(--color-white);display:flex;flex-direction:column;height:100vh;overflow:hidden}.influencer-detail-container .klant-tab-content{flex:1;overflow-y:auto}.influencer-detail-header{position:relative;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:0}.influencer-title-row{display:flex;align-items:center;gap:var(--spacing-md);padding:0 25px var(--spacing-md)}.influencer-photo-container{position:relative;flex-shrink:0}.influencer-photo{width:72px;height:72px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-white);box-shadow:0 4px 12px #0000001a}.influencer-avatar-lg{width:72px;height:72px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,#c4a77d 100%);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0;border:3px solid var(--color-white);box-shadow:0 4px 12px #0000001a}.influencer-title-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.influencer-name-row{display:flex;align-items:center;gap:var(--spacing-sm)}.influencer-detail-name{font-family:var(--font-serif);font-size:1.75rem;font-weight:500;margin:0;color:var(--color-black)}.influencer-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.influencer-meta-item{font-size:.8125rem;color:var(--color-gray-500);font-weight:500}.influencer-detail-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.influencer-detail-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.influencer-detail-stats .stat-card{flex:1;min-width:0}.influencer-opmerkingen-textarea{width:100%;min-height:200px;padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;line-height:1.6;color:var(--color-gray-800);background:var(--color-gray-50);resize:vertical}.influencer-opmerkingen-textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-white)}.profiel-edit-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.profiel-edit-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profiel-edit-form .form-group label{font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.profiel-edit-form .form-input{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit}.profiel-edit-form .form-input:focus{outline:none;border-color:var(--color-primary)}.profiel-edit-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.influencer-detail-container .klant-tab-content{padding:var(--spacing-md) var(--spacing-2xl) var(--spacing-lg)}.influencer-detail-container .overzicht-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.influencer-detail-container .info-card.full-width,.influencer-detail-container .tab-content .info-card.full-width{grid-column:1 / -1}@media (max-width: 768px){.influencer-title-row{flex-wrap:wrap;padding:0 var(--spacing-md) var(--spacing-md)}.influencer-photo-container{align-self:center}.influencer-detail-container .klant-tab-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg)}.influencer-detail-container .overzicht-grid,.influencer-detail-stats-row{grid-template-columns:1fr}.influencer-detail-stats{flex-wrap:wrap}.influencer-detail-stats .stat-card{flex:1 1 calc(50% - var(--spacing-md))}.influencer-name-row{flex-wrap:wrap}}.cc-view-toggle{display:flex;gap:2px;background:var(--color-gray-100);border-radius:var(--radius-md);padding:2px}.cc-view-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;white-space:nowrap}.cc-view-btn.active{background:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.cc-view-btn:hover:not(.active){color:var(--color-gray-800)}.cc-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.cc-toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.cc-toolbar-center{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;margin-right:auto}.cc-toolbar-center .cc-toolbar-month{margin:0;min-width:160px;text-align:center;font-size:1rem;font-weight:600}.cc-toolbar-center .cc-today-btn{margin-left:var(--spacing-sm)}.cc-toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.cc-content-area{flex:1;overflow-y:auto;min-height:0}.cc-content-area #ccViewContainer{height:100%;display:flex;flex-direction:column}.cc-content-area .cc-calendar-grid{border-radius:0;border-left:none;border-right:none;border-bottom:none}.cc-content-area .cc-list-container{margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;border-top:1px solid var(--color-gray-200);flex:1}.cc-filters{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:nowrap}.cc-filter-select{padding:.375rem .5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-gray-700);background:var(--color-white);cursor:pointer;max-width:160px}.cc-filter-select:focus{outline:none;border-color:var(--color-primary)}.platform-badge.facebook{background:#1877f2;color:#fff}.platform-badge.email{background:var(--color-gray-700);color:#fff}.cc-status-badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;white-space:nowrap}.cc-status-badge.concept{background:var(--color-gray-100);color:var(--color-gray-600)}.cc-status-badge.planned_for_filming{background:var(--color-info-bg);color:var(--color-info-text)}.cc-status-badge.delivered_for_editing{background:var(--color-warning-bg);color:var(--color-warning-text)}.cc-status-badge.editing_in_progress{background:var(--color-accent-purple-bg);color:var(--color-accent-purple-dark)}.cc-status-badge.scheduled_for_publishing{background:var(--color-success-bg);color:var(--color-success-text)}.cc-type-badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.cc-type-badge.video{background:#fee2e2;color:#991b1b}.cc-type-badge.mailing{background:var(--color-accent-purple-bg);color:var(--color-accent-purple-dark)}.cc-type-badge.foto{background:#fef3c7;color:#92400e}.cc-type-badge.blog{background:#dbeafe;color:#1e40af}.cc-type-badge.story{background:#fce7f3;color:#9d174d}.cc-type-badge.reel{background:#d1fae5;color:#059669}.cc-nav-btn{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:.375rem .75rem;cursor:pointer;font-size:.875rem;color:var(--color-gray-700);transition:all .15s ease}.cc-nav-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.cc-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto;grid-auto-rows:1fr;border-top:1px solid var(--color-gray-200);overflow:hidden;background:var(--color-white);flex:1;min-height:0}.cc-calendar-header-cell{padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-gray-500);background:var(--color-gray-50, #fafafa);border-bottom:1px solid var(--color-gray-200)}.cc-calendar-cell{min-height:0;padding:.375rem;border-right:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background .1s ease;position:relative;overflow:hidden}.cc-calendar-cell:nth-child(7n){border-right:none}.cc-calendar-cell:hover{background:var(--color-primary-light)}.cc-calendar-cell.other-month{background:var(--color-gray-100);opacity:.5}.cc-calendar-cell.today{background:#fffbeb}.cc-day-number{font-size:.75rem;font-weight:600;color:var(--color-gray-600);margin-bottom:.25rem}.cc-calendar-cell.today .cc-day-number{color:var(--color-primary);font-weight:700}.cc-calendar-item{padding:.2rem .375rem;margin-bottom:2px;border-radius:var(--radius-sm);font-size:.6875rem;cursor:pointer;overflow:hidden;transition:opacity .15s}.cc-item-row{display:flex;align-items:center;gap:3px;white-space:nowrap}.cc-item-type-icon{flex-shrink:0;display:inline-flex;align-items:center;opacity:.7}.cc-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cc-item-platform-icons{flex-shrink:0;display:inline-flex;align-items:center;gap:1px}.cc-item-medewerker{font-size:.5625rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:1px}.cc-event-label{display:flex;align-items:center;gap:3px;padding:1px 5px;margin-bottom:2px;border-radius:var(--radius-sm);font-size:.625rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:opacity .15s ease}.cc-event-label:hover{opacity:.8}.cc-event-label svg{flex-shrink:0}.cc-event-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-calendar-item:hover{opacity:.8}.cc-calendar-item.concept{background:var(--color-gray-100);color:var(--color-gray-700)}.cc-calendar-item.planned_for_filming{background:var(--color-info-bg);color:var(--color-info-text)}.cc-calendar-item.delivered_for_editing{background:var(--color-warning-bg);color:var(--color-warning-text)}.cc-calendar-item.editing_in_progress{background:var(--color-accent-purple-bg);color:var(--color-accent-purple-dark)}.cc-calendar-item.scheduled_for_publishing{background:var(--color-success-bg);color:var(--color-success-text)}.cc-promo-bars{position:relative;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);min-height:36px;display:flex;flex-direction:column;gap:4px}.cc-promo-bar{position:relative;height:26px;border-radius:var(--radius-sm);color:#fff;font-size:.6875rem;font-weight:600;padding:0 .5rem;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:opacity .15s ease,transform .1s ease;box-shadow:0 1px 2px #00000026}.cc-promo-bar-name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.cc-promo-bar-dates{margin-left:auto;font-weight:400;opacity:.85;font-size:.625rem;flex-shrink:0;padding-left:.5rem}.cc-promo-bar:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.cc-promo-add-btn,.cc-event-add-btn{font-size:.8125rem}.cc-promo-color-picker{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:var(--spacing-xs)}.cc-promo-color-swatch{width:28px;height:28px;border-radius:var(--radius-full);border:3px solid transparent;cursor:pointer;transition:all .15s ease;padding:0}.cc-promo-color-swatch:hover{transform:scale(1.15)}.cc-promo-color-swatch.active{border-color:var(--color-gray-800);box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-gray-400)}.btn-danger-outline{background:transparent;border:1px solid var(--color-error);color:var(--color-error);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-danger-outline:hover{background:var(--color-error);color:var(--color-white)}.cc-list-container{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.cc-search-box{position:relative}.cc-search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.cc-search-box .search-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 36px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.8125rem;width:180px}.cc-search-box .search-input:focus{outline:none;border-color:var(--color-primary)}.cc-table{width:100%;border-collapse:collapse}.cc-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:var(--color-gray-50, #fafafa);border-bottom:1px solid var(--color-gray-200)}.cc-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.cc-table tr:last-child td{border-bottom:none}.cc-table tbody tr{cursor:pointer;transition:background .1s ease}.cc-table tbody tr:hover{background:var(--color-primary-light)}.cc-table .cc-desc-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-table .cc-actions-cell{text-align:right;white-space:nowrap}.cc-delete-btn{background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:color .15s}.cc-delete-btn:hover{color:var(--color-error)}.cc-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.cc-empty-state h3{margin:0 0 var(--spacing-sm);font-size:1.125rem;color:var(--color-gray-700)}.cc-empty-state p{margin:0;font-size:.9375rem}.cc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.cc-form-full{grid-column:1 / -1}.cc-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cc-form-group label{font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.cc-form-group select,.cc-form-group input,.cc-form-group textarea{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit}.cc-form-group select:focus,.cc-form-group input:focus,.cc-form-group textarea:focus{outline:none;border-color:var(--color-primary)}.cc-form-group textarea{resize:vertical;min-height:80px}.cc-platform-checkboxes{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.cc-platform-cb-label{display:flex;align-items:center;gap:6px;padding:.4rem .75rem;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;color:var(--color-gray-600);background:var(--color-white)}.cc-platform-cb-label:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.cc-platform-cb-label.checked{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-gray-900)}.cc-platform-cb-label input[type=checkbox]{display:none}.cc-platform-cb-icon{display:inline-flex;align-items:center}.cc-platform-icons-cell{display:inline-flex;align-items:center;gap:6px}.cc-platform-icon-wrap{display:inline-flex;align-items:center;transition:transform .15s ease}.cc-platform-icon-wrap:hover{transform:scale(1.2)}.cc-type-badge svg,.platform-badge svg{vertical-align:-2px;margin-right:2px}@media (max-width: 768px){.cc-toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.cc-toolbar-left,.cc-toolbar-right{justify-content:center}.cc-toolbar-center{margin-left:0;margin-right:0;justify-content:center}.cc-form-grid{grid-template-columns:1fr}.cc-search-box .search-input{width:100%}.cc-calendar-cell{min-height:0}}.contract-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contract-summary-card .info-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.contract-summary-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.contract-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.contract-summary-readonly .contract-summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.contract-summary-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.contract-summary-value{font-size:.9375rem;font-weight:500;color:var(--color-gray-900)}.contract-summary-form .contract-summary-grid{grid-template-columns:repeat(2,1fr)}.contract-summary-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contract-summary-form .form-group label{font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.contract-summary-form .form-input{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit}.contract-summary-form .form-input:focus{outline:none;border-color:var(--color-primary)}.contract-summary-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.contract-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.contract-status-badge.concept{background:var(--color-gray-100);color:var(--color-gray-600)}.contract-status-badge.verzonden{background:var(--color-info-bg);color:var(--color-info-text)}.contract-status-badge.ondertekend{background:var(--color-success-bg);color:var(--color-success-text)}.contract-template-section h3{margin-bottom:var(--spacing-lg)}.contract-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.contract-template-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:center}.contract-template-card:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.contract-template-card.active{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px #b4906426}.contract-template-icon{font-size:1.75rem}.contract-template-naam{font-weight:600;font-size:.9375rem;color:var(--color-gray-900)}.contract-template-desc{font-size:.75rem;color:var(--color-gray-500);line-height:1.4}.contract-editor-section .info-card-header{margin-bottom:var(--spacing-md)}.contract-editor-textarea{width:100%;min-height:400px;padding:var(--spacing-lg);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:Courier New,Courier,monospace;font-size:.8125rem;line-height:1.7;color:var(--color-gray-800);background:var(--color-gray-50);resize:vertical}.contract-editor-textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-white)}.contract-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.contract-signed-msg{font-size:.875rem;font-weight:500;color:var(--color-success-text)}@media (max-width: 1024px){.contract-template-grid,.contract-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.contract-template-grid,.contract-summary-grid,.contract-summary-form .contract-summary-grid{grid-template-columns:1fr}.contract-editor-textarea{min-height:250px}}.marktonderzoek-page{background:var(--color-background);display:flex;flex-direction:column;height:100vh;overflow:hidden}.marktonderzoek-page .page-content{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column;min-height:0}.marktonderzoek-page .producten-content{flex:1;padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0}.marktonderzoek-page .producten-content .table-container{flex:1;background:var(--color-white);border-radius:0;border:none;border-top:1px solid var(--color-gray-200);overflow-y:auto}.marktonderzoek-tabs-bar{display:flex;gap:0;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:0 var(--spacing-2xl);flex-shrink:0}.marktonderzoek-tab{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:.875rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.marktonderzoek-tab:hover{color:var(--color-gray-700)}.marktonderzoek-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.status-badge.marktonderzoek-status-nieuw{background:var(--color-info-bg);color:var(--color-info-text)}.status-badge.marktonderzoek-status-in_progress{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge.marktonderzoek-status-done{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge.marktonderzoek-status-gecontacteerd{background:var(--color-accent-purple-bg, #f3e8ff);color:var(--color-accent-purple-dark, #7c3aed)}.marktonderzoek-view-toggle{display:flex;gap:2px;background:var(--color-gray-100);border-radius:var(--radius-md);padding:2px;margin-left:var(--spacing-md)}.marktonderzoek-view-btn{display:inline-flex;align-items:center;gap:4px;padding:.375rem .75rem;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;white-space:nowrap}.marktonderzoek-view-btn.active{background:var(--color-white);color:var(--color-gray-900);box-shadow:var(--shadow-sm)}.marktonderzoek-view-btn:hover:not(.active){color:var(--color-gray-800)}.marktonderzoek-view-btn svg{flex-shrink:0}.marktonderzoek-map-container{flex:1;min-height:0;position:relative;background:var(--color-white);border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column}.marktonderzoek-map{flex:1;height:0;min-height:0;width:100%;z-index:1}.map-popup-content{display:flex;flex-direction:column;gap:4px;min-width:180px}.map-popup-content strong{font-size:.9375rem;color:var(--color-gray-900)}.map-popup-subtitle{font-size:.8125rem;color:var(--color-gray-500)}.map-popup-link{display:inline-block;margin-top:6px;color:var(--color-primary);font-size:.8125rem;font-weight:500;text-decoration:none}.map-popup-link:hover{text-decoration:underline}.map-empty-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);padding:var(--spacing-xl) var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;z-index:1000;max-width:400px}.map-empty-message p{margin:0 0 var(--spacing-sm) 0;font-size:.9375rem;color:var(--color-gray-700)}.map-empty-message p:last-child{margin-bottom:0}@media (max-width: 768px){.marktonderzoek-view-toggle{margin-left:0;margin-top:var(--spacing-sm)}.marktonderzoek-map{min-height:0}}.marktonderzoek-status-selector{display:inline-flex;align-items:center}.marktonderzoek-status-selector .status-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;font-size:.8rem;font-weight:600;padding:.3rem 1.5rem .3rem .625rem;border-radius:var(--radius-full);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:all .2s ease}.marktonderzoek-status-selector .status-select.marktonderzoek-status-nieuw{background-color:var(--color-info-bg);color:var(--color-info-text)}.marktonderzoek-status-selector .status-select.marktonderzoek-status-in_progress{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.marktonderzoek-status-selector .status-select.marktonderzoek-status-done{background-color:var(--color-success-bg);color:var(--color-success-text)}.marktonderzoek-status-selector .status-select.marktonderzoek-status-gecontacteerd{background-color:var(--color-accent-purple-bg, #f3e8ff);color:var(--color-accent-purple-dark, #7c3aed)}.marktonderzoek-detail-header{position:relative;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:0;flex-shrink:0}.marktonderzoek-detail-header .back-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-gray-500);font-size:.85rem;text-decoration:none;padding:var(--spacing-sm) var(--spacing-2xl) 0;margin-bottom:var(--spacing-sm);transition:color .2s ease}.marktonderzoek-detail-header .back-link:hover{color:var(--color-primary)}.marktonderzoek-detail-header .back-arrow{font-size:1.2rem;line-height:1}.marktonderzoek-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:0 var(--spacing-2xl) var(--spacing-md)}.marktonderzoek-title-info h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--color-gray-900)}.marktonderzoek-name-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:4px}.marktonderzoek-meta{display:flex;align-items:center;gap:6px;color:var(--color-gray-500);font-size:.85rem}.marktonderzoek-meta .meta-item{color:var(--color-gray-600)}.marktonderzoek-meta .meta-separator{color:var(--color-gray-300)}.marktonderzoek-meta .meta-link{color:var(--color-primary);text-decoration:none}.marktonderzoek-meta .meta-link:hover{text-decoration:underline}.marktonderzoek-header-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.marktonderzoek-detail-container{background:var(--color-white);display:flex;flex-direction:column;height:100vh;overflow:hidden}.marktonderzoek-detail-container .klant-tab-content,.marktonderzoek-detail-container .persoon-detail-content{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-2xl) var(--spacing-lg)}.marktonderzoek-detail-container .tab-content .overzicht-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.marktonderzoek-detail-container .tab-content .overzicht-grid .full-width{grid-column:1 / -1}.marktonderzoek-detail-container .tab-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.marktonderzoek-detail-container .tab-header-row h3{margin:0;font-size:1.1rem;font-weight:600}.profiel-edit-form .form-group{margin-bottom:var(--spacing-md)}.profiel-edit-form label{display:block;font-size:.85rem;font-weight:500;color:var(--color-gray-600);margin-bottom:4px}.profiel-edit-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.marktonderzoek-textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;line-height:1.6;resize:vertical;transition:border-color .2s ease;background:var(--color-white);color:var(--color-gray-800)}.marktonderzoek-textarea:focus{outline:none;border-color:var(--color-primary)}.marktonderzoek-textarea-lg{min-height:250px}.mini-table{width:100%;border-collapse:collapse;font-size:.875rem}.mini-table thead th{text-align:left;padding:.625rem .75rem;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.025em;color:var(--color-gray-500);border-bottom:2px solid var(--color-gray-200)}.mini-table tbody td{padding:.625rem .75rem;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.mini-table tbody tr:hover{background:var(--color-gray-100)}.mini-table tbody tr.clickable-row{cursor:pointer}.table-link{color:var(--color-primary);text-decoration:none}.table-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-gray-400)}.error-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-md);color:var(--color-gray-500)}.error-state p{font-size:1.1rem;margin-bottom:var(--spacing-lg)}.text-muted{color:var(--color-gray-400);font-size:.85rem}.info-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.info-card-header h3{margin:0}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.7rem;font-weight:600;background:var(--color-gray-200);color:var(--color-gray-600);margin-left:6px}.klant-tab.active .tab-count{background:var(--color-primary-light);color:var(--color-primary)}.sub-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-md)}.sub-item-card{position:relative}.sub-item-card .info-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.sub-item-card .info-card-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--color-gray-800)}.sub-item-actions{display:flex;gap:4px}.btn-icon{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);font-size:.85rem;line-height:1;transition:background-color .15s ease}.btn-icon:hover{background:var(--color-gray-100)}.actions-cell{text-align:right;white-space:nowrap}.actions-cell .btn-icon{opacity:.5;transition:opacity .15s ease}tr:hover .actions-cell .btn-icon{opacity:1}.behandeling-category{margin-bottom:var(--spacing-lg)}.behandeling-category-title{font-size:.9rem;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.03em;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-gray-200)}.link-persoon-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.link-persoon-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-gray-100);transition:background-color .15s ease}.link-persoon-item:hover{background:var(--color-gray-50)}.link-persoon-info{flex:1;min-width:0;font-size:.875rem}.link-persoon-info strong{color:var(--color-gray-800)}.unlink-persoon-btn{color:var(--color-gray-400);font-weight:700;font-size:1rem}.unlink-persoon-btn:hover{color:var(--color-error);background:var(--color-error-light, #fff5f5)}@media (max-width: 1024px){.marktonderzoek-detail-container .tab-content .overzicht-grid,.sub-items-grid{grid-template-columns:1fr}}@media (max-width: 768px){.marktonderzoek-tabs-bar{padding:0 var(--spacing-md)}.marktonderzoek-title-row{flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md)}.marktonderzoek-detail-header .back-link{padding:var(--spacing-sm) var(--spacing-md) 0}.marktonderzoek-name-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.marktonderzoek-detail-container .klant-tab-content,.marktonderzoek-detail-container .persoon-detail-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg)}}.scrape-review-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-100)}.scrape-review-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.scrape-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.scrape-section-header h3{font-size:.95rem;font-weight:600;color:var(--color-gray-800);margin:0}.scrape-toggle-all{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-gray-500);cursor:pointer}.scrape-check-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;cursor:pointer;border-bottom:1px dashed var(--color-gray-100)}.scrape-check-item:last-child{border-bottom:none}.scrape-check-item input[type=checkbox]{margin-top:3px;flex-shrink:0}.scrape-check-label{font-size:.85rem;font-weight:500;color:var(--color-gray-600);min-width:80px}.scrape-check-value{font-size:.85rem;color:var(--color-gray-800)}.scrape-check-card{padding:10px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:8px;transition:border-color .2s ease}.scrape-check-card:hover{border-color:var(--color-primary)}.scrape-card-content{flex:1}.scrape-card-content strong{display:block;font-size:.875rem;color:var(--color-gray-800)}.scrape-card-content .text-muted{font-size:.8rem;margin-top:2px}.scrape-table-wrapper{max-height:300px;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.scrape-review-table th:first-child,.scrape-review-table td:first-child{width:30px;text-align:center}.scrape-footer-info{margin-right:auto}.scrape-btn-loading{opacity:.8}.text-sm{font-size:.8rem}.text-muted{color:var(--color-gray-500)}.post-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-form .form-row{display:flex;gap:var(--spacing-md)}.post-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-sm)}.post-form-card{margin-bottom:var(--spacing-md)}.post-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.timeline-type-behandeling{background:var(--color-info-bg);color:var(--color-info-text)}.timeline-type-conversie{background:var(--color-success-bg);color:var(--color-success-text)}.timeline-type-post{background:#ede9fe;color:#6d28d9}.icon-cell{width:40px;color:var(--color-gray-400)}.icon-cell svg{display:block}.bericht-preview{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bericht-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.bericht-status.status-bezorgd{background:var(--color-success);color:#fff}.bericht-status.status-verzonden{background:var(--color-info);color:#fff}.bericht-status.status-mislukt{background:var(--color-error);color:#fff}.bericht-status.status-wachtend{background:var(--color-gray-200);color:var(--color-gray-600)}.template-type{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--color-gray-600);text-transform:capitalize}.template-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.template-status.actief{background:#10b9811a;color:var(--color-success-dark)}.template-status.inactief{background:var(--color-gray-100);color:var(--color-gray-500)}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);background:var(--color-white);border-radius:var(--radius-lg);text-align:center;min-height:300px}.coming-soon svg{color:var(--color-gray-300);margin-bottom:var(--spacing-lg)}.coming-soon h3{font-size:1.125rem;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.coming-soon p{font-size:.875rem;color:var(--color-gray-500)}.inbox-layout{display:flex;height:calc(100vh - 180px);background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200)}.inbox-sidebar{width:360px;min-width:360px;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;background:var(--color-white)}.inbox-sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-100)}.inbox-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem .75rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.inbox-search svg{color:var(--color-gray-400);flex-shrink:0}.inbox-search-input{border:none;background:transparent;outline:none;font-size:.8125rem;width:100%;color:var(--color-gray-700)}.inbox-channel-filters{display:flex;gap:4px;flex-wrap:wrap}.inbox-channel-filter{display:flex;align-items:center;justify-content:center;padding:.3rem .6rem;background:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;gap:4px}.inbox-channel-filter:hover{background:var(--color-gray-50)}.inbox-channel-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.inbox-channel-filter.active svg{color:#fff!important}.inbox-channel-filter.active [fill=currentColor]{fill:#fff!important}.inbox-conv-list{flex:1;overflow-y:auto}.inbox-conv-item{display:flex;gap:var(--spacing-sm);padding:.875rem var(--spacing-md);cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--color-gray-50)}.inbox-conv-item:hover{background:var(--color-gray-50)}.inbox-conv-item.active{background:#b8956a14;border-left:3px solid var(--color-primary)}.inbox-conv-item.unread .inbox-conv-name{font-weight:600}.inbox-conv-item.unread .inbox-conv-preview{font-weight:500;color:var(--color-gray-800)}.inbox-conv-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);border-radius:var(--radius-full);flex-shrink:0}.channel-icon{display:flex;align-items:center;justify-content:center}.inbox-conv-info{flex:1;min-width:0}.inbox-conv-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.inbox-conv-name{font-size:.8125rem;font-weight:500;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-conv-time{font-size:.6875rem;color:var(--color-gray-400);flex-shrink:0;margin-left:var(--spacing-sm)}.inbox-conv-bottom{display:flex;align-items:center;gap:var(--spacing-sm)}.inbox-conv-preview{font-size:.75rem;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.inbox-conv-badge{min-width:18px;height:18px;padding:0 5px;background:var(--color-primary);color:#fff;font-size:.625rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.inbox-conv-empty{padding:2rem;text-align:center;color:var(--color-gray-400);font-size:.875rem}.inbox-conversation{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-gray-50)}.inbox-empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gray-400);gap:var(--spacing-md)}.inbox-empty-chat p{font-size:.875rem}.inbox-chat-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);gap:var(--spacing-md);flex-wrap:wrap}.inbox-chat-header-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.inbox-chat-name{font-size:.9375rem;font-weight:600;color:var(--color-gray-800)}.inbox-chat-channel{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:.15rem .5rem;background:var(--color-gray-50);border-radius:var(--radius-full)}.inbox-chat-subject{font-size:.8125rem;color:var(--color-gray-500);margin-left:var(--spacing-sm);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-chat-contact{font-size:.75rem;color:var(--color-gray-400)}.inbox-assign-wrapper{display:flex;align-items:center;gap:6px}.inbox-assign-label{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;color:var(--color-gray-500);white-space:nowrap}.inbox-assign-select{padding:.3rem .5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-gray-700);background:var(--color-white);cursor:pointer;outline:none;min-width:140px;max-width:200px;transition:border-color .15s ease}.inbox-assign-select:focus{border-color:var(--color-primary)}.inbox-assign-select:hover{border-color:var(--color-gray-300)}.inbox-conv-subject{font-size:.6875rem;color:var(--color-primary, #b8956a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-conv-assign-badge{display:inline-flex;align-items:center;gap:3px;padding:0 6px;height:16px;background:#b8956a1a;color:var(--color-primary, #b8956a);border-radius:var(--radius-full);font-size:.5625rem;font-weight:600;flex-shrink:0;white-space:nowrap}.inbox-conv-assign-badge svg{flex-shrink:0}.inbox-chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.email-message{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.email-message.outgoing{border-left:3px solid var(--color-primary)}.email-message.incoming{border-left:3px solid var(--color-info, #6366f1)}.email-message-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.email-message-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.email-message-toggle:hover{background:var(--color-gray-100)}.email-message-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.email-toggle-chevron{transition:transform .2s ease;color:var(--color-gray-400);flex-shrink:0}.email-message.collapsed .email-toggle-chevron{transform:rotate(-90deg)}.email-message-collapsible{transition:none}.email-message.collapsed .email-message-collapsible{display:none}.email-message.collapsed .email-message-header{border-bottom:none}.email-message-sender-info{display:flex;align-items:center;gap:.5rem;min-width:0}.email-message-sender{font-size:.8125rem;font-weight:600;color:var(--color-gray-800);white-space:nowrap}.email-message-email{font-size:.75rem;color:var(--color-gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-message-time{font-size:.6875rem;color:var(--color-gray-400);flex-shrink:0;white-space:nowrap}.email-message-subject{padding:.5rem 1rem 0;font-size:.8125rem;font-weight:500;color:var(--color-gray-600)}.email-message-body{padding:1rem;font-size:.8125rem;line-height:1.65;color:var(--color-gray-700);word-wrap:break-word;overflow-wrap:break-word}.email-iframe{width:100%;border:none;display:block;min-height:100px}.email-iframe-placeholder{min-height:80px;background:var(--color-gray-50);border-radius:var(--radius-sm)}.email-text-content{max-width:100%;overflow-x:auto}.email-text-content a{color:var(--color-primary, #b8956a);text-decoration:underline;word-break:break-all}.email-text-content a:hover{opacity:.8}.email-text-content p{margin:0 0 .75em}.email-text-content p:last-child{margin-bottom:0}.chat-bubble{max-width:min(65%,380px);padding:.5rem .625rem .25rem;border-radius:.5rem;font-size:.875rem;line-height:1.4;position:relative;word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 1px .5px #0b141a21}.chat-bubble.incoming{align-self:flex-start;background:var(--color-white);color:var(--color-gray-800);border-top-left-radius:0}.chat-bubble.outgoing{align-self:flex-end;background:#d9fdd3;color:var(--color-gray-800);border-top-right-radius:0}.chat-bubble-content{word-wrap:break-word;overflow-wrap:break-word}.chat-bubble-media{margin-bottom:.25rem;border-radius:var(--radius-sm);overflow:hidden}.chat-bubble-media img{display:block;width:100%;height:auto;cursor:pointer}.chat-bubble-media video{display:block;width:100%;height:auto}.chat-bubble-media audio{display:block;width:100%;min-width:200px}.chat-bubble-share-label{font-size:.75rem;color:var(--color-gray-500);font-style:italic}.chat-bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.125rem}.chat-bubble-time{font-size:.6875rem;color:var(--color-gray-400);white-space:nowrap}.chat-bubble.outgoing .chat-bubble-time{color:#667781}.chat-bubble-status{display:inline-flex;font-size:.75rem;line-height:1}.chat-date-separator{align-self:center;background:#e2dacc;color:var(--color-gray-700);font-size:.75rem;padding:.3rem .75rem;border-radius:.5rem;box-shadow:0 1px .5px #0b141a21;-webkit-user-select:none;user-select:none}.inbox-chat-messages.chat-style{background:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d6cfc4' fill-opacity='0.4'%3E%3Ccircle cx='10' cy='10' r='1'/%3E%3Ccircle cx='50' cy='30' r='1'/%3E%3Ccircle cx='30' cy='60' r='1'/%3E%3Ccircle cx='70' cy='70' r='1'/%3E%3C/g%3E%3C/svg%3E");gap:.25rem;padding:var(--spacing-md) var(--spacing-lg)}.inbox-chat-input{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-top:1px solid var(--color-gray-200)}.inbox-chat-input textarea{flex:1;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:.625rem .875rem;font-size:.8125rem;font-family:inherit;resize:none;outline:none;min-height:40px;max-height:120px;line-height:1.5;transition:border-color .15s ease}.inbox-chat-input textarea:focus{border-color:var(--color-primary)}.inbox-send-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex-shrink:0;transition:opacity .15s ease}.inbox-send-btn:hover{opacity:.9}.inbox-attach-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;flex-shrink:0;transition:color .15s ease,border-color .15s ease}.inbox-attach-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.inbox-image-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.inbox-image-preview img{max-height:80px;max-width:120px;border-radius:var(--radius-sm);object-fit:cover}.inbox-image-preview-remove{background:var(--color-gray-200);border:none;border-radius:50%;width:24px;height:24px;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600)}.inbox-image-preview-remove:hover{background:var(--color-gray-300)}.chat-image-grid{display:grid;gap:3px}.chat-image-grid-item{position:relative;cursor:pointer;overflow:hidden;border-radius:var(--radius-sm)}.chat-image-grid img{width:100%;height:100%;object-fit:cover;display:block}.chat-image-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.chat-image-grid-item{aspect-ratio:1}.chat-image-grid-1{grid-template-columns:1fr}.chat-image-grid-1 .chat-image-grid-item{aspect-ratio:auto;max-height:280px}.chat-image-grid-2,.chat-image-grid-3{grid-template-columns:1fr 1fr}.chat-image-grid-3 .chat-image-grid-item:first-child{grid-row:span 2;aspect-ratio:auto}.chat-image-grid-4{grid-template-columns:1fr 1fr}.chat-bubble-media>img{max-height:240px;object-fit:cover;border-radius:var(--radius-sm)}.chat-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.chat-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.chat-lightbox-img{position:relative;max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080}.chat-lightbox-close{position:absolute;top:1rem;right:1rem;z-index:1;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;opacity:.8}.chat-lightbox-close:hover{opacity:1}.chat-lightbox-prev,.chat-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1;background:#0006;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.8}.chat-lightbox-prev:hover,.chat-lightbox-next:hover{opacity:1}.chat-lightbox-prev{left:1rem}.chat-lightbox-next{right:1rem}.chat-lightbox-counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fff;font-size:.875rem;background:#00000080;padding:.25rem .75rem;border-radius:1rem}.whatsapp-window-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#fff8e1;border-top:1px solid #ffe082;color:#6d4c00;font-size:.82rem;line-height:1.4}.whatsapp-window-warning svg{flex-shrink:0;stroke:#f9a825}.inbox-mode-toggle{display:flex;gap:2px;background:var(--color-gray-100);border-radius:var(--radius-md);padding:2px;margin-bottom:var(--spacing-sm)}.inbox-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:.4rem .75rem;background:none;border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;transition:all .15s ease}.inbox-mode-btn:hover{color:var(--color-gray-700)}.inbox-mode-btn.active{background:var(--color-white);color:var(--color-gray-800);box-shadow:0 1px 3px #00000014}.inbox-chat-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.inbox-archive-btn{display:flex;align-items:center;gap:6px;padding:.35rem .75rem;background:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .15s ease;white-space:nowrap}.inbox-archive-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-800)}.inbox-trash-btn:hover{background:#ef44440d;border-color:var(--color-error, #ef4444);color:var(--color-error, #ef4444)}.inbox-spam-btn:hover{background:#f59e0b0d;border-color:#f59e0b;color:#f59e0b}.inbox-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);padding:.625rem 1.25rem;background:var(--color-gray-800);color:#fff;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:1000}.inbox-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1100px){.inbox-chat-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.inbox-chat-header-info{width:100%}.inbox-chat-header-actions{width:100%;flex-wrap:wrap;gap:var(--spacing-sm)}.inbox-assign-wrapper{width:auto}}@media (max-width: 768px){.bericht-preview{max-width:150px}.inbox-layout{flex-direction:column;height:auto}.inbox-sidebar{width:100%;min-width:100%;max-height:300px;border-right:none;border-bottom:1px solid var(--color-gray-200)}.inbox-conversation{min-height:400px}.inbox-assign-wrapper{width:100%}.inbox-assign-select{flex:1}.inbox-chat-subject{display:none}}.inbox-refresh-btn:hover{color:var(--color-primary, #b45309)!important;border-color:var(--color-primary, #b45309)!important}.email-attachments{margin-top:12px;padding-top:10px;border-top:1px solid var(--color-gray-200, #e5e7eb)}.email-attachments-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-gray-500, #6b7280);margin-bottom:8px;font-weight:500}.email-attachments-list{display:flex;flex-wrap:wrap;gap:8px}.email-attachment-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-gray-50, #f9fafb);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:6px;font-size:.8rem;font-family:inherit;color:var(--color-gray-700, #374151);text-decoration:none;transition:background-color .15s,border-color .15s,opacity .15s;cursor:pointer;max-width:280px}.email-attachment-item:hover{background:var(--color-gray-100, #f3f4f6);border-color:var(--color-gray-300, #d1d5db);color:var(--color-gray-900, #111827)}.email-attachment-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-gray-400, #9ca3af)}.email-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.email-attachment-size{flex-shrink:0;color:var(--color-gray-400, #9ca3af);font-size:.75rem}.toestellen-page .table-section{overflow:auto;flex:1}.toestellen-table-wrapper{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.toestellen-table{width:100%;border-collapse:collapse;font-size:.875rem}.toestellen-table thead{background:var(--color-gray-100);position:sticky;top:0;z-index:10}.toestellen-table thead th{background:var(--color-gray-100)}.toestellen-table th{padding:.75rem;text-align:center;font-weight:600;font-size:.875rem;color:var(--color-gray-700);border-bottom:2px solid var(--color-gray-300);border-right:1px solid var(--color-gray-200);vertical-align:top}.toestellen-table th.sticky-col{position:sticky;left:0;background:var(--color-gray-100);z-index:11;box-shadow:2px 0 4px #0000000d;min-width:250px;text-align:left}.toestellen-table th.device-header{min-width:150px;padding:1rem .75rem}.toestellen-table .device-header-content{display:flex;flex-direction:column;gap:.5rem;align-items:center}.toestellen-table .device-header-content strong{font-size:.875rem;color:var(--color-gray-900);text-align:center}.toestellen-table .device-header-content .device-type{font-size:.75rem;color:var(--color-gray-600);text-align:center}.toestellen-table .device-actions{display:flex;gap:.25rem;justify-content:center;margin-top:.25rem}.toestellen-table td{padding:.5rem .75rem;border-bottom:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);text-align:center;white-space:nowrap}.toestellen-table td.sticky-col{position:sticky;left:0;background:var(--color-white);z-index:9;font-weight:500;box-shadow:2px 0 4px #0000000d;text-align:left;padding-left:1rem}.toestellen-table tr.calculated td{background:var(--color-primary-light);color:var(--color-gray-800);font-weight:500}.toestellen-table tr.calculated td.sticky-col{background:var(--color-primary-light)}.toestellen-table tr.section-row td{background:var(--color-gray-700);color:var(--color-white);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:.75rem 1rem;text-align:left}.toestellen-table tr.spacer-row td{padding:.25rem;background:var(--color-white);border:none}.toestellen-table tbody tr:hover td,.toestellen-table tbody tr:hover td.sticky-col{background:#f3ede4}.toestellen-table tbody tr.calculated:hover td,.toestellen-table tbody tr.calculated:hover td.sticky-col{background:#f0e8dc}.toestellen-table tbody tr.section-row:hover td{background:var(--color-gray-700)}.toestellen-table .metric-label{font-size:.8125rem;color:var(--color-gray-700)}.toestellen-table .section-label{font-weight:700;font-size:.8125rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--color-success);color:#fff}.badge-warning{background:var(--color-warning);color:#fff}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem;opacity:.7;transition:opacity .2s ease}.btn-icon:hover{opacity:1}.form-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.form-section:last-child{border-bottom:none}.form-section h3{margin:0 0 var(--spacing-md);font-size:1.125rem;color:var(--color-gray-800)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.form-group input,.form-group select,.form-group textarea{padding:.5rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-sans);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.preview-section{background:var(--color-primary-light);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-primary)}.calculation-preview{margin-top:var(--spacing-md)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-sm)}.preview-item .label{font-size:.75rem;color:var(--color-gray-600);font-weight:500}.preview-item .value{font-size:.875rem;font-weight:700;color:var(--color-primary)}.empty-state,.loading-spinner{padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-500)}@media (max-width: 768px){.toestellen-table{font-size:.75rem}.toestellen-table th,.toestellen-table td{padding:.4rem .5rem}.toestellen-table th.sticky-col{min-width:180px}.toestellen-table th.device-header{min-width:120px}.form-row{grid-template-columns:1fr}.device-header-content strong{font-size:.75rem}}.contracten-wizard-page{max-width:100%;width:100%;height:100%}.contracten-wizard-page .wizard-container{height:calc(100vh - 140px);min-height:600px;display:flex;flex-direction:column}.contracten-wizard-page .wizard-body{flex:1;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-2xl)}.contracten-wizard-page .wizard-form{max-width:1200px;margin:0 auto;width:100%}.contracten-wizard-page .wizard-step-content{max-width:1200px;width:100%}.wizard-container{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.wizard-progress{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);gap:0;background:#faf9f7;border-bottom:1px solid var(--color-gray-200)}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.wizard-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;background:var(--color-white);border:2px solid var(--color-gray-300);color:var(--color-gray-400);transition:all .3s}.wizard-step.active .wizard-step-number,.wizard-step.completed .wizard-step-number{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.wizard-step-label{font-size:.7rem;font-weight:500;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.wizard-step.active .wizard-step-label{color:var(--color-primary)}.wizard-step.completed .wizard-step-label{color:var(--color-gray-600)}.wizard-step-connector{width:40px;height:2px;background:var(--color-gray-300);margin:0 var(--spacing-xs);margin-bottom:20px;transition:background .3s}.wizard-step-connector.completed{background:var(--color-primary)}.wizard-body{padding:var(--spacing-xl);min-height:400px}.wizard-step-content{animation:fadeIn .3s ease;max-width:1200px;margin:0 auto;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-step-header{margin-bottom:var(--spacing-lg);text-align:center}.wizard-step-header h2{font-size:1.5rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.wizard-step-description{color:var(--color-gray-500);font-size:.875rem}.wizard-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.wizard-form .form-select{width:100%;min-height:48px;padding:.75rem 1rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);font-size:.875rem;font-family:var(--font-sans);color:var(--color-gray-900);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.wizard-form .form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.wizard-footer-right{display:flex;gap:var(--spacing-md)}.searchable-select{position:relative}.searchable-select-input{display:flex;align-items:center;padding:.75rem 1rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;min-height:48px}.searchable-select-input input{border:none;outline:none;width:100%;font-size:.875rem;background:transparent}.searchable-select-input .selected-value{flex:1;font-size:.875rem;color:var(--color-gray-900)}.searchable-select-input .clear-select{background:none;border:none;font-size:1.25rem;color:var(--color-gray-400);cursor:pointer;padding:0;margin-left:var(--spacing-sm)}.searchable-select-input .clear-select:hover{color:var(--color-gray-600)}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:250px;overflow-y:auto;z-index:100;display:none}.searchable-select-dropdown.active{display:block}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color-gray-100)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--color-primary-light)}.dropdown-item-name{font-size:.875rem;font-weight:500;color:var(--color-gray-900)}.dropdown-item-email{font-size:.75rem;color:var(--color-gray-500)}.dropdown-item-variant{flex-direction:column;align-items:flex-start;gap:4px}.dropdown-item-main{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.dropdown-item-variant-name{font-size:.75rem;color:var(--color-primary);background:var(--color-primary-light);padding:2px 8px;border-radius:var(--radius-sm);font-weight:500}.dropdown-item-details{display:flex;gap:var(--spacing-md);width:100%}.dropdown-item-price{font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.dropdown-item-duration{font-size:.75rem;color:var(--color-gray-500)}.selected-diensten-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.selected-dienst-chip{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md)}.selected-dienst-chip-info{display:flex;flex-direction:column;gap:2px}.selected-dienst-chip-name{font-size:.875rem;font-weight:500;color:var(--color-gray-900)}.selected-dienst-chip-details{font-size:.75rem;color:var(--color-gray-600)}.selected-dienst-chip-remove{background:none;border:none;font-size:1.25rem;color:var(--color-gray-400);cursor:pointer;padding:0 .25rem;line-height:1}.selected-dienst-chip-remove:hover{color:var(--color-error)}.dropdown-item-disabled{opacity:.4;pointer-events:none;cursor:default}.selected-variant-info{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-light);border-radius:var(--radius-sm)}.selected-variant-info .variant-price{font-weight:600;color:var(--color-primary)}.selected-variant-info .variant-duration{color:var(--color-gray-600);font-size:.875rem}.klant-select-row{display:flex;gap:var(--spacing-md);align-items:center}.klant-select-row .searchable-select{flex:1}.btn-nieuwe-klant{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;padding:.625rem 1rem;font-size:.875rem}.btn-nieuwe-klant svg{flex-shrink:0}.voorschot-group{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.voorschot-container{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md)}.voorschot-type-toggle{display:flex;gap:0;margin-bottom:var(--spacing-md);background:var(--color-gray-200);border-radius:var(--radius-sm);padding:3px}.voorschot-type-btn{flex:1;padding:.5rem 1rem;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-gray-600);transition:all .2s}.voorschot-type-btn:hover{color:var(--color-gray-900)}.voorschot-type-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.voorschot-input-row{display:flex;gap:var(--spacing-md);align-items:center}.voorschot-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);overflow:hidden;flex:1;max-width:200px}.voorschot-prefix{padding:.625rem .75rem;background:var(--color-gray-100);color:var(--color-gray-600);font-weight:500;border-right:1px solid var(--color-gray-300)}.voorschot-input{flex:1;border:none;padding:.625rem;font-size:1rem;outline:none;min-width:0}.voorschot-input:focus{outline:none}.voorschot-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.voorschot-result{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 1rem;background:var(--color-primary-light);border-radius:var(--radius-sm)}.voorschot-label{font-size:.8125rem;color:var(--color-gray-600)}.voorschot-amount{font-size:1.125rem;font-weight:700;color:var(--color-primary)}.voorschot-help{margin-top:var(--spacing-sm);font-size:.8125rem;color:var(--color-gray-500)}.dropdown-empty{padding:1rem;text-align:center;color:var(--color-gray-500);font-size:.875rem}.contract-content{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.contract-content h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.contract-intro{color:var(--color-gray-600);font-size:.875rem;margin-bottom:var(--spacing-md);font-style:italic}.contract-text{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);max-height:450px;overflow-y:auto;font-size:.875rem;line-height:1.6;color:var(--color-gray-700)}.contract-text p{margin-bottom:var(--spacing-sm)}.contract-text ul,.contract-text ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.contract-agreement{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.contract-empty{background:var(--color-gray-50);border:1px dashed var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.contract-empty p{color:var(--color-gray-500);margin-bottom:var(--spacing-md)}.contract-empty .checkbox-label{justify-content:center}.selected-info{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.selected-info-item{display:flex;gap:var(--spacing-xs)}.selected-info-item .label{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase}.selected-info-item .value{font-size:.875rem;font-weight:500;color:var(--color-gray-900)}.selected-info-bar{background:var(--color-primary-light);border:1px solid var(--color-primary);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-xl);flex-wrap:wrap;align-items:center}.selected-info-bar .selected-info-item{display:flex;gap:var(--spacing-xs);align-items:baseline}.selected-info-bar .selected-info-item .label{font-size:.7rem;color:var(--color-gray-500);text-transform:uppercase;font-weight:500;letter-spacing:.025em}.selected-info-bar .selected-info-item .value{font-size:.875rem;font-weight:500;color:var(--color-gray-900)}.intake-form h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm)}.intake-intro{color:var(--color-gray-600);font-size:.875rem;margin-bottom:var(--spacing-lg)}.intake-questions{display:flex;flex-direction:column;gap:var(--spacing-lg)}.intake-question{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.intake-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.intake-label.required:after{content:" *";color:var(--color-error)}.intake-input,.intake-textarea,.intake-select{width:100%;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit}.intake-textarea{resize:vertical;min-height:100px}.intake-radio-group,.intake-checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.signature-summary{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.signature-summary h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-gray-900)}.summary-section{margin-bottom:var(--spacing-lg)}.summary-section:last-child{margin-bottom:0}.summary-section h4{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.summary-item{display:flex;flex-direction:column;gap:2px}.summary-item .label{font-size:.75rem;color:var(--color-gray-500)}.summary-item .value{font-size:.875rem;font-weight:500;color:var(--color-gray-900)}.summary-agreements{display:flex;flex-direction:column;gap:var(--spacing-sm)}.agreement-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-600)}.agreement-item.agreed{color:var(--color-success)}.agreement-item.not-agreed{color:var(--color-gray-400)}.agreement-item.not-required{color:var(--color-gray-400);font-style:italic}.agreement-icon{font-size:1rem}.signature-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg)}.signature-date{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.signature-date .label{font-size:.875rem;color:var(--color-gray-500)}.signature-date .value{font-size:.875rem;font-weight:600;color:var(--color-gray-900)}.signature-pad-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.signature-pad-container label{font-size:.875rem;font-weight:500;color:var(--color-gray-900)}.signature-pad-wrapper{position:relative;border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-gray-50);overflow:hidden}#signature-canvas{display:block;width:100%;height:200px;cursor:crosshair;background:var(--color-white)}.btn-clear-signature{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;color:var(--color-gray-600);cursor:pointer}.btn-clear-signature:hover{background:var(--color-gray-100)}.signature-hint{font-size:.75rem;color:var(--color-gray-500);font-style:italic}.offerte-document{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.offerte-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:3px solid var(--color-primary)}.offerte-logo{flex-shrink:0}.offerte-logo-img{max-height:50px;width:auto}.offerte-title-section{text-align:right}.offerte-title{font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:1px;margin:0 0 var(--spacing-xs) 0}.offerte-meta{font-size:.875rem;color:var(--color-gray-600)}.offerte-meta-item{margin-bottom:2px}.offerte-meta .label{color:var(--color-gray-400)}.offerte-parties{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.offerte-party h3{font-size:.75rem;text-transform:uppercase;color:var(--color-gray-400);letter-spacing:1px;margin-bottom:var(--spacing-sm)}.party-details{font-size:.875rem;line-height:1.6}.party-details p{margin:0 0 2px;color:var(--color-gray-600)}.party-name{font-weight:600;font-size:.9375rem;color:var(--color-gray-900)!important}.offerte-services{margin-bottom:var(--spacing-lg)}.offerte-services h3{font-size:.9375rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-gray-200)}.offerte-table{width:100%;border-collapse:collapse;font-size:.875rem}.offerte-table th{background:var(--color-gray-50);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--color-gray-700);border-bottom:2px solid var(--color-gray-200)}.offerte-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.offerte-table .text-right{text-align:right}.offerte-table tfoot tr{background:var(--color-gray-50)}.offerte-table .total-row{background:var(--color-gray-100)}.offerte-table .total-row td{border-top:2px solid var(--color-gray-300);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);font-weight:600;color:var(--color-gray-900)}.offerte-table .voorschot-row td,.offerte-table .rest-row td{font-size:.8125rem;color:var(--color-gray-600)}.offerte-table .variant-name{color:var(--color-gray-500);font-size:.8125rem}.offerte-agreements{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.offerte-agreements h3{font-size:.9375rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.offerte-agreements .agreements-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.offerte-signature{padding-top:var(--spacing-lg);border-top:2px solid var(--color-primary)}.offerte-signature .signature-info{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-md)}.offerte-signature .signature-date-line,.offerte-signature .signature-location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem}.offerte-signature .signature-date-line .label,.offerte-signature .signature-location .label{color:var(--color-gray-500);white-space:nowrap}.offerte-signature .signature-date-line .value,.offerte-signature .signature-location .value{font-weight:500;color:var(--color-gray-900)}.offerte-signature .signature-location .form-control-inline{padding:.25rem .5rem;font-size:.875rem;min-width:150px}@media (max-width: 768px){.offerte-header{flex-direction:column;gap:var(--spacing-md)}.offerte-title-section{text-align:left}.offerte-parties{grid-template-columns:1fr;gap:var(--spacing-lg)}.offerte-signature .signature-info{flex-direction:column;gap:var(--spacing-sm)}}@media print{.offerte-document{box-shadow:none;border:none;padding:0}.offerte-header{border-bottom-color:#b8956a}.offerte-title,.offerte-services h3,.offerte-agreements h3{color:#b8956a}.offerte-signature{border-top-color:#b8956a}}.recent-contracten{margin-top:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.recent-contracten h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-gray-900)}.recent-contracten-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-contract-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.recent-contract-item:hover{background:var(--color-gray-100)}.recent-contract-info{display:flex;flex-direction:column;gap:2px}.recent-contract-info .klant-naam{font-weight:500;font-size:.875rem;color:var(--color-gray-900)}.recent-contract-info .dienst-naam{font-size:.75rem;color:var(--color-gray-500)}.recent-contract-actions{display:flex;align-items:center;gap:var(--spacing-md)}.recent-contract-date{font-size:.75rem;color:var(--color-gray-500)}.btn-export-pdf{background:none;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all .2s}.btn-export-pdf:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-send-email{background:none;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px;color:var(--color-gray-500);transition:all .2s;position:relative}.btn-send-email:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-send-email.email-sent{border-color:var(--color-success);color:var(--color-success);background:#10b9811a}.btn-send-email.sending{opacity:.6;cursor:wait}.btn-send-email .email-check{font-size:10px;font-weight:700;position:absolute;top:-4px;right:-4px;background:var(--color-success);color:#fff;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.loading-state{display:flex;justify-content:center;align-items:center;min-height:300px;color:var(--color-gray-500)}.checkbox-label,.radio-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{display:none}.checkbox-custom,.radio-custom{width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.radio-custom{border-radius:50%}.checkbox-label input:checked+.checkbox-custom,.radio-label input:checked+.radio-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:var(--color-white);font-size:12px;font-weight:700}.radio-label input:checked+.radio-custom:after{content:"";width:8px;height:8px;background:var(--color-white);border-radius:50%}.feedback-page .producten-header h1{font-family:var(--font-serif);font-size:1.75rem;font-weight:500;margin:0;color:var(--color-black)}.feedback-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-gray-500);font-size:.875rem}.feedback-filters{display:flex;justify-content:flex-end;align-items:center;padding:19px 30px 19px 15px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.feedback-filters.producten-filters .filter-row{width:100%}.feedback-filters .filter-group-left{display:flex;align-items:flex-end;gap:var(--spacing-md)}.feedback-filters .filter-search .search-input,.feedback-filters .filter-search .search-input:focus{width:160px}.feedback-filters .filter-select-btn{min-width:150px}.feedback-filters .datum-filter-input{min-width:110px}.feedback-filters .filter-dropdowns{display:flex;align-items:center;gap:var(--spacing-sm)}.feedback-result-count{font-size:.8125rem;color:var(--color-gray-500);font-weight:500;white-space:nowrap}.feedback-datum-filters{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.datum-filter-group{display:flex;flex-direction:column;gap:2px}.datum-filter-group label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500)}.datum-filter-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.8125rem;color:var(--color-gray-700);background:var(--color-white);min-width:130px;height:36px;transition:all .2s ease}.datum-filter-input:hover{border-color:var(--color-gray-400)}.datum-filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.btn-reset-filters{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.8125rem;color:var(--color-gray-600);cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-reset-filters:hover{border-color:var(--color-error);color:var(--color-error);background:#ef44440d}.btn-reset-filters svg{flex-shrink:0}.feedback-table{width:100%;border-collapse:collapse}.feedback-table th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);padding:var(--spacing-sm) var(--spacing-lg);text-align:left;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);position:relative}.feedback-table td{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-gray-100);font-size:.875rem;color:var(--color-gray-700);overflow:hidden;text-overflow:ellipsis}.feedback-table td strong{color:var(--color-black);font-weight:600}.feedback-table tbody tr:hover{background:var(--color-gray-50)}.feedback-table tbody tr.clickable-row{cursor:pointer;transition:background .15s ease}.feedback-table tbody tr.clickable-row:hover{background:var(--color-gray-50)}.col-resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;z-index:1}.col-resize-handle:after{content:"";position:absolute;top:25%;right:2px;width:2px;height:50%;border-radius:1px;background:transparent;transition:background .15s ease}.col-resize-handle:hover:after{background:var(--color-gray-400)}.feedback-date{white-space:nowrap;color:var(--color-gray-500);font-size:.8125rem}.feedback-dienst{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:#b8956a1a;color:var(--color-primary-hover);border:1px solid rgba(184,149,106,.2);white-space:nowrap}.feedback-variatie{font-size:.8125rem;color:var(--color-gray-600);white-space:nowrap}.feedback-locatie-label{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:#5d4cd614;color:var(--color-primary);border:1px solid rgba(93,76,214,.15);white-space:nowrap}.feedback-stars-inline{display:inline-flex;align-items:center;gap:1px}.feedback-tekst-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;color:var(--color-gray-600);line-height:1.4;max-width:280px}.feedback-modal-overlay{z-index:1001}.feedback-detail-modal{max-width:560px}.feedback-detail-modal .modal-header h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:500}.feedback-detail-rating{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.feedback-detail-stars{display:flex;align-items:center;gap:2px}.feedback-detail-rating-label{font-size:.9375rem;font-weight:600;color:var(--color-gray-800)}.feedback-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.feedback-detail-meta-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.feedback-detail-meta-item svg{color:var(--color-gray-400);flex-shrink:0;margin-top:2px}.feedback-detail-meta-info{display:flex;flex-direction:column;gap:2px;min-width:0}.feedback-detail-meta-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500)}.feedback-detail-meta-info strong{font-size:.8125rem;font-weight:600;color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis}.feedback-detail-tekst{padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.feedback-detail-tekst h3{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);margin:0 0 var(--spacing-sm) 0}.feedback-detail-tekst p{font-size:.9375rem;line-height:1.6;color:var(--color-gray-800);margin:0}@media (max-width: 1200px){.feedback-filters .filter-row{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.feedback-filters .filter-group-left,.feedback-filters .filter-group-right{width:100%}.feedback-filters .filter-group-left{flex-wrap:wrap}.feedback-filters .filter-group-right{justify-content:flex-start;flex-wrap:wrap}}@media (max-width: 768px){.feedback-detail-meta{grid-template-columns:1fr}.feedback-detail-modal{max-width:100%}.feedback-table th:nth-child(8),.feedback-table td:nth-child(8){display:none}.feedback-table th:nth-child(6),.feedback-table td:nth-child(6){display:none}.feedback-table th:nth-child(4),.feedback-table td:nth-child(4){display:none}.feedback-filters .filter-dropdowns,.feedback-datum-filters{flex-wrap:wrap}}.portal-fotos-empty{text-align:center;padding:3rem 1rem;color:var(--color-gray-500)}.portal-fotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.portal-foto-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #00000014;transition:box-shadow .2s ease}.portal-foto-card:hover{box-shadow:0 4px 12px #0000001f}.portal-foto-image{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer}.portal-foto-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portal-foto-card:hover .portal-foto-image img{transform:scale(1.03)}.portal-foto-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);opacity:0;transition:opacity .2s ease}.portal-foto-card:hover .portal-foto-overlay{opacity:1}.portal-foto-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffffe6;color:var(--color-gray-700);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.portal-foto-btn:hover{background:#fff;color:var(--color-primary)}.portal-foto-info{padding:var(--spacing-sm) var(--spacing-md)}.portal-foto-title{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-foto-date{margin:2px 0 0;font-size:.75rem;color:var(--color-gray-500)}.portal-fotos-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:1rem}.portal-fotos-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.portal-fotos-lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1}.portal-fotos-lightbox-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-md)}.portal-fotos-lightbox-info{margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}.portal-fotos-lightbox-title{color:#fff;font-size:.9rem;font-weight:600}.portal-fotos-lightbox-download{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;padding:8px 20px}@media (max-width: 768px){.portal-fotos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}}@media (max-width: 480px){.portal-fotos-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.portal-foto-info{padding:var(--spacing-xs) var(--spacing-sm)}.portal-foto-title{font-size:.8rem}}.luna-chat-btn{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:var(--color-primary);color:var(--color-white);border:none;cursor:pointer;box-shadow:0 4px 16px #b8956a66;z-index:9999;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.luna-chat-btn:hover{background:var(--color-primary-hover);transform:scale(1.05);box-shadow:0 6px 20px #b8956a80}.luna-chat-btn.luna-open{transform:rotate(0)}.luna-chat-btn svg{width:28px;height:28px;transition:transform .3s ease}.luna-chat-panel{position:fixed;bottom:96px;right:24px;width:400px;height:560px;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 8px 40px #00000026;z-index:9998;display:none;flex-direction:column;overflow:hidden;animation:lunaSlideUp .3s ease}.luna-chat-panel.luna-visible{display:flex}@keyframes lunaSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.luna-chat-header{background:var(--color-primary);color:var(--color-white);padding:16px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0}.luna-chat-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.luna-chat-avatar svg{width:24px;height:24px}.luna-chat-header-info{flex:1}.luna-chat-header-info h3{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;margin:0;color:var(--color-white)}.luna-chat-header-info p{font-size:.75rem;margin:0;opacity:.85}.luna-chat-close{background:none;border:none;color:var(--color-white);cursor:pointer;padding:4px;opacity:.8;transition:opacity .2s}.luna-chat-close:hover{opacity:1}.luna-chat-close svg{width:20px;height:20px}.luna-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--color-gray-100)}.luna-chat-messages::-webkit-scrollbar{width:4px}.luna-chat-messages::-webkit-scrollbar-track{background:transparent}.luna-chat-messages::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px}.luna-msg{max-width:85%;padding:10px 14px;border-radius:12px;font-size:.875rem;line-height:1.5;word-wrap:break-word}.luna-msg-bot{align-self:flex-start;background:var(--color-white);color:var(--color-gray-800);border:1px solid var(--color-gray-200);border-bottom-left-radius:4px}.luna-msg-user{align-self:flex-end;background:var(--color-primary);color:var(--color-white);border-bottom-right-radius:4px}.luna-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 16px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px 12px 12px 4px}.luna-typing-dot{width:8px;height:8px;background:var(--color-gray-400);border-radius:50%;animation:lunaBounce 1.4s infinite ease-in-out both}.luna-typing-dot:nth-child(1){animation-delay:-.32s}.luna-typing-dot:nth-child(2){animation-delay:-.16s}.luna-typing-dot:nth-child(3){animation-delay:0s}@keyframes lunaBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.luna-quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 4px;background:var(--color-gray-100)}.luna-quick-btn{padding:6px 14px;border:1px solid var(--color-primary);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.luna-quick-btn:hover{background:var(--color-primary);color:var(--color-white)}.luna-chat-input-area{padding:12px 16px;background:var(--color-white);border-top:1px solid var(--color-gray-200);display:flex;gap:8px;align-items:center;flex-shrink:0}.luna-chat-input{flex:1;padding:10px 14px;border:1px solid var(--color-gray-300);border-radius:var(--radius-full);font-size:.875rem;font-family:var(--font-sans);outline:none;transition:border-color .2s;background:var(--color-gray-100)}.luna-chat-input:focus{border-color:var(--color-primary);background:var(--color-white)}.luna-chat-input::placeholder{color:var(--color-gray-400)}.luna-chat-send{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:var(--color-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.luna-chat-send:hover{background:var(--color-primary-hover)}.luna-chat-send:disabled{background:var(--color-gray-300);cursor:not-allowed}.luna-chat-send svg{width:18px;height:18px}.luna-employee-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.luna-employee-form input{padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-sans);outline:none}.luna-employee-form input:focus{border-color:var(--color-primary)}.luna-employee-form button{padding:8px 14px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:background .2s}.luna-employee-form button:hover{background:var(--color-primary-hover)}.luna-login-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.luna-login-form input{padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-sans);outline:none}.luna-login-form input:focus{border-color:var(--color-primary)}.luna-login-form button{padding:8px 14px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:background .2s}.luna-login-form button:hover{background:var(--color-primary-hover)}.luna-request-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.luna-request-status.status-nieuw{background:var(--color-warning-bg);color:var(--color-warning-text)}.luna-request-status.status-in_behandeling{background:var(--color-info-bg);color:var(--color-info-text)}.luna-request-status.status-afgehandeld{background:var(--color-success-bg);color:var(--color-success-text)}.luna-conversation-detail{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);max-height:300px;overflow-y:auto}.luna-conversation-detail .luna-detail-msg{padding:8px 12px;margin-bottom:8px;border-radius:var(--radius-md);font-size:.8125rem;line-height:1.5}.luna-detail-msg.bot{background:var(--color-white);border:1px solid var(--color-gray-200);margin-right:20%}.luna-detail-msg.user{background:var(--color-primary-light);border:1px solid var(--color-primary);margin-left:20%}.luna-detail-msg .msg-label{font-size:.6875rem;font-weight:600;color:var(--color-gray-500);margin-bottom:2px;text-transform:uppercase}.luna-reply-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.luna-reply-form textarea{padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans);resize:vertical;min-height:80px}.luna-reply-form textarea:focus{outline:none;border-color:var(--color-primary)}.luna-reply-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.luna-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-error);color:#fff;font-size:.6875rem;font-weight:600;margin-left:6px}@media (max-width: 480px){.luna-chat-panel{bottom:0;right:0;left:0;width:100%;height:100%;border-radius:0}.luna-chat-btn{bottom:16px;right:16px;width:56px;height:56px}}.version-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.version-selector select{max-width:300px}.new-analyse-input{width:250px;max-width:250px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-sans)}.new-analyse-input.is-hidden{display:none}.concurrentie-filters .filter-group-left{flex-wrap:wrap;gap:var(--spacing-md)}.location-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.location-chip{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.location-chip input[type=checkbox]{margin-right:var(--spacing-sm);cursor:pointer}.location-chip:hover{background:var(--color-gray-200)}.location-chip input[type=checkbox]:checked+span{font-weight:600;color:var(--color-primary)}.concurrent-management{display:flex;flex-direction:column;gap:var(--spacing-md)}#add-concurrent-btn{width:300px}.concurrent-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.concurrent-chip{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);gap:var(--spacing-sm)}.concurrent-chip span{font-size:.875rem}.remove-concurrent{background:none;border:none;color:var(--color-gray-600);font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.remove-concurrent:hover{background:#0000001a;color:var(--color-black)}.comparison-table-container{overflow:auto;flex:1}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.comparison-table thead{position:sticky;top:0;z-index:10;background:var(--color-gray-100)}.comparison-table thead th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);padding:var(--spacing-sm) var(--spacing-lg);text-align:left;background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.comparison-table thead th small{display:block;font-size:.625rem;font-weight:400;opacity:.7;margin-top:2px;text-transform:none;letter-spacing:normal}.comparison-table .sticky-col{position:sticky;left:0;background:var(--color-white);z-index:5;box-shadow:2px 0 4px #0000000d}.comparison-table thead .sticky-col{background:var(--color-gray-100);z-index:15}.comparison-table tbody tr{border-bottom:1px solid var(--color-gray-200)}.comparison-table tbody tr:hover{background:var(--color-gray-100)}.comparison-table td{padding:var(--spacing-md);vertical-align:middle}.comparison-table th.column-nieuwe-prijs,.comparison-table th.column-concurrent,.comparison-table td.editable-cell[data-type=nieuwe-prijs],.comparison-table td.editable-cell[data-type=concurrent]{width:300px;min-width:300px}.comparison-table th.column-dienst-variant,.comparison-table td.sticky-col{width:400px;min-width:400px}.comparison-table th.column-huidige-prijs,.comparison-table td.price-cell{width:250px;min-width:250px}.category-row{background:var(--color-gray-100)!important}.category-row td{padding:var(--spacing-sm) var(--spacing-md);font-weight:700;color:var(--color-gray-800);text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em}.variant-name{color:var(--color-gray-600);font-size:.8125rem}.price-cell{font-weight:600;color:var(--color-gray-700)}.price-cell small{display:block;font-size:.75rem;color:var(--color-gray-500);font-weight:400}.editable-cell{position:relative;padding:var(--spacing-sm)!important}.cell-content{display:flex;align-items:center;gap:var(--spacing-xs)}.price-input{flex:1;min-width:80px;padding:6px 8px;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.875rem;transition:all .2s ease}.price-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.price-input::placeholder{color:var(--color-gray-400)}.note-btn{background:none;border:1px solid transparent;padding:4px 6px;cursor:pointer;font-size:1rem;line-height:1;border-radius:var(--radius-sm);transition:all .2s ease;opacity:.5}.note-btn:hover{opacity:1;background:var(--color-gray-100);border-color:var(--color-gray-300)}.has-note{position:absolute;top:4px;right:4px;font-size:.75rem}.close-modal{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--color-gray-500);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.close-modal:hover{background:var(--color-gray-100);color:var(--color-black)}.btn-sm{padding:6px 12px;font-size:.875rem;min-width:auto}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.form-group input[type=text],.form-group input[type=date],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.9375rem;font-family:var(--font-sans)}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=text]:focus,.form-group input[type=date]:focus,.form-group input[type=number]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.form-group input[type=checkbox]{margin-right:var(--spacing-sm)}#concurrent-locaties-input{display:flex;flex-direction:column;gap:var(--spacing-md)}#locatie-input{width:100%}.locatie-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.locatie-chip{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-full);gap:var(--spacing-sm);font-size:.875rem}.remove-locatie-chip{background:none;border:none;color:var(--color-gray-600);font-size:1.125rem;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.remove-locatie-chip:hover{background:#0000001a;color:var(--color-black)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.empty-state p{font-size:1.125rem;margin:0}.text-muted{color:var(--color-gray-500);font-size:.875rem}@media (max-width: 768px){.version-selector{flex-wrap:wrap}.version-selector select{max-width:none;width:100%}.new-analyse-input{width:100%;max-width:none}.comparison-table{font-size:.8125rem}.comparison-table thead th,.comparison-table td{padding:var(--spacing-sm)}}.marges-page .tab-content-container{padding:0}.pending-changes-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a}.pending-changes-bar span{font-weight:500;color:#856404;font-size:14px}.pending-changes-bar .btn-primary{background:#816656;border:none;padding:8px 24px;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;color:#fff;transition:background .2s ease}.pending-changes-bar .btn-primary:hover{background:#6a5345}.category-filter-dropdown{position:relative}.category-filter-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--color-gray-300);border-radius:6px;font-size:14px;color:var(--color-gray-700);cursor:pointer;transition:all .2s ease;min-width:200px;justify-content:space-between}.category-filter-btn:hover{border-color:var(--color-primary);background:var(--color-gray-50)}.filter-btn-text{flex:1;text-align:left}.category-filter-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:250px;background:#fff;border:1px solid var(--color-gray-200);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.filter-menu-header{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.filter-action-btn{background:none;border:none;color:var(--color-primary);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.filter-action-btn:hover{background:var(--color-gray-200)}.filter-menu-options{max-height:300px;overflow-y:auto;padding:8px 0}.filter-checkbox-label{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.filter-checkbox-label:hover{background:var(--color-gray-50)}.filter-checkbox-label input[type=checkbox]{margin-right:10px;cursor:pointer;width:16px;height:16px}.checkbox-text{font-size:14px;color:var(--color-gray-700)}.filter-menu-footer{padding:12px 16px;border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);display:flex;justify-content:flex-end}.btn-sm{padding:6px 16px;font-size:13px}.marges-page .table-container{overflow:auto;flex:1}.category-section{margin-bottom:0}.category-title{font-size:14px;font-weight:600;color:var(--color-primary);margin:0;padding:12px 8px;border-bottom:2px solid var(--color-primary);background:var(--color-white)}.marges-table{width:100%;border-collapse:collapse;font-size:14px}.marges-table.table-resized{table-layout:fixed}.marges-table thead{background:var(--color-gray-50);position:sticky;top:0;z-index:10}.marges-table th{padding:12px 8px;text-align:left;font-weight:600;color:var(--color-gray-700);border-bottom:2px solid var(--color-gray-200);white-space:nowrap;font-size:13px;background:var(--color-gray-50);position:relative}.marges-table td{padding:10px 8px;border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.marges-table tbody tr:hover{background:var(--color-gray-50)}.dienst-row{background:var(--color-gray-100)!important;font-weight:600}.dienst-row td{padding:12px 8px;border-bottom:2px solid var(--color-gray-300)}.variant-row{transition:background .2s ease}.variant-name{padding-left:24px!important;color:var(--color-gray-700)}.marge-low{background-color:#fee;color:#c00}.marge-medium{background-color:#ffeaa7;color:#856404}.marge-high{background-color:#d4edda;color:#155724}.editable-field{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease;display:inline-block}.editable-field:hover{background:var(--color-gray-100)}.editable-field.has-changes{background:#fff3cd;border:1px solid #ffc107;font-weight:500}.personnel-type-select,.apparaat-select{padding:4px 8px;border:1px solid var(--color-gray-300);border-radius:4px;font-size:13px;background:#fff;cursor:pointer}.productkost-input{font-size:13px;text-align:right}.productkost-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #8166561a}.productkost-input.has-changes{background:#fff3cd!important;border-color:#ffc107!important;font-weight:500}.settings-container{max-width:800px;background:#fff;border-radius:8px;padding:var(--spacing-2xl);box-shadow:0 1px 3px #0000001a}.settings-container h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--color-gray-900)}.settings-description{color:var(--color-gray-600);margin-bottom:24px;line-height:1.6}.settings-rows{display:grid;gap:12px;margin-bottom:24px}.settings-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,240px) minmax(160px,240px);align-items:center;gap:16px}.settings-header-row{font-weight:600;color:var(--color-gray-700);font-size:13px}.settings-header-cell{text-transform:none}.settings-label{font-weight:500;color:var(--color-gray-700);font-size:14px}.settings-row input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--color-gray-300);border-radius:6px;font-size:14px;transition:all .2s ease}.settings-row input[type=number]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8166561a}@media (max-width: 1400px){.marges-table{font-size:13px}.marges-table th,.marges-table td{padding:8px 6px}}@media (max-width: 768px){.marges-page .tab-content-container{padding:var(--spacing-md)}.category-filter-btn{width:100%}.category-filter-menu{left:0;right:0;min-width:auto}.settings-container{padding:var(--spacing-lg)}.settings-row{grid-template-columns:1fr;align-items:stretch}}.marges-page .empty-state{text-align:center;padding:60px 20px;color:var(--color-gray-500)}.empty-state p{font-size:16px;margin:0}.loading-spinner{text-align:center;padding:40px;color:var(--color-gray-500);font-size:14px}.statistieken-page .producten-content,.statistieken-page .tab-content-container{overflow-y:auto;min-height:400px}.stats-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-2xl);padding:var(--spacing-2xl)}.stats-chart-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-chart-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stats-filter-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-500)}.stats-filter-left,.stats-filter-right{display:flex;align-items:flex-end;gap:var(--spacing-md)}.stats-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stats-select{padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-xl);font-size:.875rem;font-weight:500;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.stats-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.stats-diagram-select{width:100%}.stats-table-section{overflow-x:auto}.stats-chart-info{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-gray-500);line-height:1.4}.stats-chart-info svg{flex-shrink:0;margin-top:1px}.stats-export-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.statistieken-content:has(.producten-stats-layout){display:block;padding:0}.producten-stats-layout{display:grid;grid-template-columns:360px 1fr;gap:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-2xl);align-items:start}.producten-stats-chart-section{display:flex;flex-direction:column;gap:var(--spacing-lg);position:sticky;top:0}.producten-stats-table-section{overflow-x:auto;min-width:0}.producten-stat-table{width:100%;border-collapse:collapse}.producten-stat-table thead th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:.7rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-gray-200);white-space:nowrap}.producten-stat-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.prod-stat-category-row td{font-weight:600;color:var(--color-gray-900);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.prod-stat-category-row td:first-child{font-size:.9375rem}.prod-stat-product-row td{color:var(--color-gray-600);font-size:.8125rem}.prod-stat-product-row td:first-child{padding-left:var(--spacing-xl)}.prod-stat-totals-row{background:var(--color-gray-50)}.prod-stat-totals-row td{border-top:2px solid var(--color-gray-300);font-weight:600;color:var(--color-gray-900);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}@media (max-width: 1200px){.producten-stats-layout{grid-template-columns:280px 1fr}}@media (max-width: 900px){.producten-stats-layout{grid-template-columns:1fr}.producten-stats-chart-section{order:-1}}.custom-date-group{min-width:auto}.filter-date-input{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;min-width:140px;color:var(--color-gray-700);height:36px}.filter-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.export-dropdown-wrapper{position:relative}.export-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:50;min-width:180px;overflow:hidden}.export-dropdown-menu.active{display:block}.export-dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;color:var(--color-gray-700);background:none;border:none;text-align:left;cursor:pointer;transition:background .15s ease}.export-dropdown-item:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.export-dropdown-item+.export-dropdown-item{border-top:1px solid var(--color-gray-100)}.conversie-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;min-width:44px;text-align:center}.conversie-high{background:#d1fae5;color:#065f46}.conversie-medium{background:#fef3c7;color:#92400e}.conversie-low{background:#fee2e2;color:#991b1b}.leeftijd-chart-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.leeftijd-chart{display:flex;gap:var(--spacing-sm);height:240px}.leeftijd-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-bottom:24px;min-width:30px}.leeftijd-y-label{font-size:.6875rem;color:var(--color-gray-400);line-height:1}.leeftijd-bars{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200);border-left:1px solid var(--color-gray-200);padding:0 var(--spacing-sm)}.leeftijd-bar-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;max-width:80px}.leeftijd-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;position:relative}.leeftijd-bar-stack{width:70%;display:flex;flex-direction:column-reverse;border-radius:var(--radius-sm) var(--radius-sm) 0 0;overflow:hidden;transition:height .3s ease;min-height:0}.leeftijd-bar-segment{width:100%;transition:height .3s ease;min-height:0}.leeftijd-bar-segment:hover{opacity:.85}.leeftijd-bar-value{font-size:.6875rem;font-weight:600;color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.leeftijd-bar-label{font-size:.75rem;color:var(--color-gray-500);text-align:center;padding-top:var(--spacing-xs);white-space:nowrap}.leeftijd-legend{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}@media (max-width: 768px){.leeftijd-chart{height:180px}.leeftijd-bar-stack{width:85%}.leeftijd-legend{gap:var(--spacing-md)}}.legend-item-group{display:flex;flex-direction:column}.legend-item-expandable{cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease}.legend-item-expandable:hover{background:var(--color-gray-50)}.legend-expand-icon{margin-left:auto;flex-shrink:0;transition:transform .2s ease;color:var(--color-gray-400)}.legend-item-expandable.expanded .legend-expand-icon{transform:rotate(180deg)}.legend-notities{padding-left:24px;margin-top:2px;margin-bottom:var(--spacing-xs)}.legend-notitie{display:flex;align-items:center;justify-content:space-between;padding:2px 8px;font-size:.75rem;color:var(--color-gray-500)}.legend-notitie-tekst{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-notitie-count{flex-shrink:0;margin-left:var(--spacing-sm);font-weight:500;color:var(--color-gray-400)}.stats-card-subtitle{font-size:.8rem;color:var(--color-gray-400);margin:-4px 0 var(--spacing-md);font-style:italic}.herkomst-stacked-chart{padding:var(--spacing-sm) 0}.herkomst-stacked-bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.herkomst-stacked-row{display:flex;align-items:center;gap:var(--spacing-md)}.herkomst-stacked-label{min-width:120px;max-width:160px;font-size:.85rem;font-weight:500;color:var(--color-gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;flex-shrink:0}.herkomst-stacked-bar-wrapper{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.herkomst-stacked-bar{display:flex;height:28px;border-radius:var(--radius-sm);overflow:hidden;min-width:4px}.herkomst-stacked-segment{height:100%;min-width:2px;transition:opacity .15s ease}.herkomst-stacked-segment:hover{opacity:.8}.herkomst-stacked-total{font-size:.8rem;font-weight:600;color:var(--color-gray-500);flex-shrink:0;min-width:30px}@media (max-width: 768px){.herkomst-stacked-label{min-width:80px;max-width:100px;font-size:.75rem}.herkomst-stacked-bar{height:22px}}@media (max-width: 1024px){.stats-layout{grid-template-columns:1fr}.stats-chart-section{order:-1}}.dashboard-filters{display:flex;align-items:flex-end;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.dashboard-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dashboard-page .page-content{padding:var(--spacing-lg)}.dashboard-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.chart-container.chart-full{grid-column:1 / -1}.dashboard-charts-grid .chart-container{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:var(--spacing-lg)}.dashboard-charts-grid .chart-container h3{margin:0 0 var(--spacing-md) 0;font-size:.95rem;font-weight:600;color:var(--color-gray-700, #374151);text-align:left;align-self:flex-start}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.chart-header h3{margin:0!important}.chart-filter-select{padding:4px 8px;border:1px solid var(--color-gray-300, #d1d5db);border-radius:4px;font-size:.8rem;color:var(--color-gray-700, #374151);background:var(--color-white);cursor:pointer}.chart-filter-select:focus{outline:none;border-color:var(--color-primary, #b8956a)}.chart-wrapper{position:relative;height:280px;width:100%}.chart-wrapper-tall{height:350px}.chart-wrapper-doughnut{height:260px}.stat-afspraken-summary{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stat-afspraken-card{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:var(--spacing-lg)}.stat-afspraken-card-label{font-size:.8rem;font-weight:500;color:var(--color-gray-500, #6b7280);text-transform:uppercase;letter-spacing:.03em}.stat-afspraken-card-value{font-size:1.75rem;font-weight:700;color:var(--color-gray-900, #111827)}@media (max-width: 1024px){.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-filters{flex-wrap:wrap}}.overzicht-page{display:flex;flex-direction:column;overflow:hidden}.overzicht-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0 var(--spacing-lg) var(--spacing-lg)}.overzicht-tabs{display:flex;gap:var(--spacing-xs);padding:0 25px;border-bottom:1px solid var(--color-gray-200);overflow-x:auto}.overzicht-tab{padding:var(--spacing-md) var(--spacing-md);background:none;border:none;font-size:.875rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;position:relative;white-space:nowrap;transition:color .2s ease}.overzicht-tab:hover{color:var(--color-gray-700)}.overzicht-tab.active{color:var(--color-primary);font-weight:600}.overzicht-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0}.overzicht-filter-bar{padding:19px 30px 19px 15px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.overzicht-nav{display:flex;align-items:center;gap:var(--spacing-xs)}.overzicht-nav-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:all .15s ease}.overzicht-nav-arrow:hover{background:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.overzicht-month-input,.overzicht-year-input{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;min-width:160px;color:var(--color-gray-700);height:36px}.overzicht-year-input{min-width:100px;text-align:center}.overzicht-month-input:focus,.overzicht-year-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.overzicht-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500);font-size:.9375rem}.overzicht-table-wrapper{flex:1;overflow:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white)}.overzicht-table{border-collapse:separate;border-spacing:0;font-size:.8125rem;table-layout:fixed;width:100%}.overzicht-table th,.overzicht-table td{padding:6px 10px;white-space:nowrap;border-bottom:1px solid var(--color-gray-100);border-right:1px solid var(--color-gray-100);overflow:hidden;text-overflow:ellipsis}.overzicht-table th:last-child,.overzicht-table td:last-child{border-right:none}.overzicht-table thead th{position:sticky;top:0;z-index:10;background:var(--color-gray-50);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);border-bottom:2px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);text-align:center;overflow:hidden;text-overflow:ellipsis}.overzicht-table thead th:last-child{border-right:none}.overzicht-table thead th .th-content{display:flex;align-items:center;gap:4px;min-width:0}.overzicht-table thead th .th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.overzicht-table thead th .col-resize-handle{position:absolute;top:0;right:-3px;bottom:0;width:6px;cursor:col-resize;z-index:20;-webkit-user-select:none;user-select:none}.overzicht-table thead th .col-resize-handle:hover,.overzicht-table thead th .col-resize-handle.resizing{background:var(--color-primary);opacity:.4}.overzicht-table .col-dag,.overzicht-table .col-maand{text-align:left}.overzicht-table .col-number{text-align:center}.overzicht-table .sticky-col{position:sticky;left:0;z-index:5;background:inherit}.overzicht-table thead .sticky-col{z-index:15;background:var(--color-gray-50)}.overzicht-table .summary-row .sticky-col{z-index:5}.overzicht-table td.col-dag,.overzicht-table td.col-maand{text-align:left;font-weight:500;color:var(--color-gray-700)}.overzicht-table td.col-currency{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-gray-700)}.overzicht-table td.col-number{text-align:center;font-variant-numeric:tabular-nums;color:var(--color-gray-600)}.overzicht-table td.col-totaal{color:var(--color-gray-900);background:#b8956a0f}.overzicht-table thead th.col-totaal{background:#b8956a1f}.verschil-positief{color:#16a34a;font-weight:600}.verschil-negatief{color:#dc2626;font-weight:600}.overzicht-table tr.jaar-groep-header td{background:var(--color-gray-100);font-weight:700;font-size:.875rem;color:var(--color-gray-800);border-bottom:2px solid var(--color-gray-300);padding:10px}.overzicht-table tr.jaar-subtotaal td{background:var(--color-gray-50);font-weight:600;color:var(--color-gray-800);border-top:1px solid var(--color-gray-300);border-bottom:2px solid var(--color-gray-300)}.overzicht-table tbody tr{background:var(--color-white);transition:background .1s ease}.overzicht-table tbody tr:nth-child(2n):not(.summary-row):not(.jaar-groep-header):not(.jaar-subtotaal){background:var(--color-gray-50)}.overzicht-table tbody tr:not(.summary-row):not(.jaar-groep-header):not(.jaar-subtotaal):hover{background:var(--color-gray-100)}.overzicht-table tbody tr.dag-toekomst{background:var(--color-white)}.overzicht-table tbody tr.dag-toekomst td{color:var(--color-gray-300)}.overzicht-table tbody tr.dag-toekomst td.col-dag{color:var(--color-gray-400)}.overzicht-table tbody tr.dag-vandaag{background:#b8956a14}.overzicht-table tbody tr.dag-vandaag td.col-dag{color:var(--color-primary);font-weight:600}.overzicht-table tr.summary-row{display:table-row}.overzicht-table tr.summary-row td{display:table-cell;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.overzicht-table tr.summary-row td.col-totaal{background:#b8956a1a}.overzicht-table tr.summary-huidig td{background:var(--color-gray-50);border-top:2px solid var(--color-gray-300);font-weight:600;color:var(--color-gray-900)}.overzicht-table tr.summary-huidig td.col-totaal{background:#b8956a29}.overzicht-table tr.summary-prognose td{background:#b8956a0f;color:var(--color-gray-600);font-style:italic}.overzicht-table tr.summary-doel td{background:#4caf500f;color:var(--color-gray-600)}.overzicht-table tr.summary-percentage td{background:var(--color-white);color:var(--color-gray-500);font-size:.75rem}.overzicht-table tr.summary-meta td{background:var(--color-white);color:var(--color-gray-400);font-size:.75rem}@media (max-width: 768px){.overzicht-filter-bar{padding:var(--spacing-md) var(--spacing-lg)}.overzicht-content{padding:0 var(--spacing-sm) var(--spacing-sm)}}.sop-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:var(--spacing-xs) var(--spacing-sm);border:1.5px solid var(--color-gray-200);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-gray-100)}.sop-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-gray-600);font-family:var(--font-sans);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.sop-toolbar-btn:hover{background:var(--color-gray-200);color:var(--color-black)}.sop-toolbar-btn.active{background:var(--color-primary-light);color:var(--color-primary)}.sop-toolbar-btn svg{width:16px;height:16px}.sop-toolbar-sep{width:1px;height:20px;background:var(--color-gray-300);margin:0 4px}.sop-editor{min-height:280px;max-height:450px;overflow-y:auto;padding:var(--spacing-md);border:1.5px solid var(--color-gray-200);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-white);font-family:var(--font-sans);font-size:.9375rem;line-height:1.7;color:var(--color-black);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.sop-editor:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.sop-editor:empty:before{content:attr(data-placeholder);color:var(--color-gray-400);pointer-events:none}.sop-editor h1{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin:1.25rem 0 .5rem;color:var(--color-black);line-height:1.3}.sop-editor h2{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;margin:1rem 0 .4rem;color:var(--color-gray-800);line-height:1.3}.sop-editor h3{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;margin:.75rem 0 .3rem;color:var(--color-gray-700);line-height:1.4}.sop-editor p{margin:0 0 .5rem}.sop-editor ul,.sop-editor ol{margin:.25rem 0 .75rem 1.25rem;padding:0}.sop-editor li{margin-bottom:.25rem}.sop-editor hr{border:none;border-top:1px solid var(--color-gray-200);margin:1rem 0}.sop-editor img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:.5rem 0}.sop-detail-container{background:var(--color-background);padding:0!important;height:100vh;overflow-y:auto}.sop-sticky-header-wrap{position:sticky;top:0;z-index:10;background:var(--color-white);box-shadow:0 1px 3px #0000000a}.sop-detail-subheader{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:0}.sop-detail-subheader>.back-link{padding:var(--spacing-sm) 25px 0}.sop-title-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 25px var(--spacing-md)}.sop-detail-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sop-title-info{flex:1;min-width:0}.sop-detail-name{font-family:var(--font-serif);font-size:1.75rem;font-weight:500;margin:0;color:var(--color-black);line-height:1.3}.sop-detail-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-top:4px}.sop-detail-body{padding:var(--spacing-xl) 25px var(--spacing-2xl)}.sop-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.sop-badge-dienst{background:var(--color-primary-light);color:var(--color-primary-hover)}.sop-badge-tag{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-200)}.sop-badge-status{background:var(--color-success-bg);color:var(--color-success-text)}.sop-badge-concept{background:var(--color-warning-bg);color:var(--color-warning-text)}.sop-detail-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--spacing-xl);align-items:start}.sop-toc{position:sticky;top:calc(var(--sop-header-height, 160px) + var(--spacing-lg));max-height:calc(100vh - var(--sop-header-height, 160px) - 40px);overflow-y:auto;padding-right:var(--spacing-md)}.sop-toc-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-400);margin:0 0 var(--spacing-sm);padding:0 var(--spacing-sm)}.sop-toc-list{list-style:none;margin:0;padding:0}.sop-toc-item{margin:0}.sop-toc-link{display:block;padding:5px var(--spacing-sm);font-size:.8125rem;color:var(--color-gray-500);text-decoration:none;border-left:2px solid transparent;border-radius:0;transition:color .15s ease,border-color .15s ease,background .15s ease;line-height:1.4;cursor:pointer}.sop-toc-link:hover{color:var(--color-black);background:var(--color-gray-100)}.sop-toc-link.active{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.sop-toc-link[data-level="2"]{padding-left:calc(var(--spacing-sm) + 12px);font-size:.78125rem}.sop-toc-link[data-level="3"]{padding-left:calc(var(--spacing-sm) + 24px);font-size:.75rem}.sop-toc-divider{height:1px;background:var(--color-gray-200);margin:var(--spacing-md) var(--spacing-sm)}.sop-toc-title-bijlagen{display:flex;align-items:center;gap:6px}.sop-toc-title-bijlagen svg{flex-shrink:0;color:var(--color-gray-400)}.sop-toc-bijlagen-list{margin-top:0}.sop-toc-bijlage-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sop-toc-bijlagen-empty{padding:5px var(--spacing-sm);font-size:.75rem;color:var(--color-gray-400);font-style:italic}.sop-content-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-2xl);box-shadow:var(--shadow-sm)}.sop-content-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md) var(--spacing-xl);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);font-size:.8125rem;color:var(--color-gray-500)}.sop-content-meta-item{display:flex;align-items:center;gap:4px}.sop-content-meta-label{font-weight:600;color:var(--color-gray-600)}.sop-content-samenvatting{background:var(--color-primary-light);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);font-size:.9375rem;color:var(--color-gray-700);line-height:1.6;border-left:3px solid var(--color-primary)}.sop-content-body{font-family:var(--font-sans);font-size:.9375rem;line-height:1.8;color:var(--color-gray-800)}.sop-content-body h1{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin:2rem 0 .75rem;padding-top:var(--spacing-md);color:var(--color-black);line-height:1.3}.sop-content-body h1:first-child{margin-top:0;padding-top:0}.sop-content-body h2{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;margin:1.5rem 0 .5rem;padding-top:var(--spacing-sm);color:var(--color-gray-800);line-height:1.3}.sop-content-body h3{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;margin:1.25rem 0 .4rem;color:var(--color-gray-700);line-height:1.4}.sop-content-body p{margin:0 0 .75rem}.sop-content-body ul,.sop-content-body ol{margin:.5rem 0 1rem 1.5rem;padding:0}.sop-content-body li{margin-bottom:.35rem}.sop-content-body strong{font-weight:700;color:var(--color-black)}.sop-content-body hr{border:none;border-top:1px solid var(--color-gray-200);margin:1.5rem 0}.sop-content-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:.75rem 0}.sop-edit-actions{display:flex;gap:var(--spacing-sm);align-items:center}.sop-detail-name-input{font-family:var(--font-serif);font-size:1.75rem;font-weight:500;color:var(--color-black);line-height:1.3;margin:0;padding:4px 8px;border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);width:100%;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.sop-detail-name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.sop-edit-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);align-items:end;margin-top:8px}.sop-edit-meta-item{display:flex;flex-direction:column;gap:2px}.sop-edit-meta-item label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500)}.sop-edit-meta-tags{flex:1;min-width:180px}.sop-edit-select,.sop-edit-input{padding:5px 10px;border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);font-family:var(--font-sans);font-size:.8125rem;color:var(--color-black);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.sop-edit-select:focus,.sop-edit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.sop-edit-body-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-2xl);box-shadow:var(--shadow-sm)}.sop-edit-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.sop-edit-samenvatting-wrap{margin-bottom:var(--spacing-lg)}.sop-edit-samenvatting{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;color:var(--color-black);resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.sop-edit-samenvatting:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.sop-edit-content-wrap{margin-top:0}.sop-edit-content-wrap .sop-editor{min-height:400px;max-height:none}.sop-detail-layout.no-toc{grid-template-columns:1fr}@media (max-width: 900px){.sop-detail-layout{grid-template-columns:1fr}.sop-toc{position:static;max-height:none;padding-right:0;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.sop-content-card{padding:var(--spacing-lg)}}@media (max-width: 600px){.sop-title-row{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md)}.sop-detail-name{font-size:1.4rem}.sop-detail-body{padding:var(--spacing-lg) var(--spacing-md)}}.sop-bijlagen-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.sop-bijlagen-section-modal{margin-top:0;padding-top:0;border-top:none}.sop-bijlagen-header{margin-bottom:var(--spacing-md)}.sop-bijlagen-title{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-sans);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-600);margin:0}.sop-bijlagen-title svg{color:var(--color-gray-400)}.sop-bijlagen-upload{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.sop-bijlagen-upload .btn-secondary{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.sop-bijlagen-hint{font-size:.75rem;color:var(--color-gray-400)}.sop-bijlagen-list{display:flex;flex-direction:column;gap:6px}.sop-bijlage-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;background:var(--color-gray-50, #fafafa);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:background .15s ease,border-color .15s ease}.sop-bijlage-item:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.sop-bijlage-pending{border-style:dashed;background:var(--color-primary-light, #fdf6ee)}.sop-bijlage-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0;background:var(--color-gray-200);color:var(--color-gray-600)}.sop-bijlage-icon-img{background:#e8f0fe;color:#4285f4}.sop-bijlage-icon-pdf{background:#fce8e6;color:#d93025}.sop-bijlage-icon-doc{background:#e8f5e9;color:#34a853}.sop-bijlage-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sop-bijlage-name{font-size:.875rem;font-weight:500;color:var(--color-black);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.sop-bijlage-name:hover{color:var(--color-primary);text-decoration:underline}.sop-bijlage-meta{font-size:.75rem;color:var(--color-gray-400)}.sop-bijlage-delete{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-gray-400);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.sop-bijlage-delete:hover{background:#fce8e6;color:#d93025}.sop-bijlagen-empty{font-size:.8125rem;color:var(--color-gray-400);font-style:italic;margin:0}.sd-wrapper{position:relative;width:100%;outline:none}.sd-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem var(--spacing-md);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-family:var(--font-sans);font-size:.9375rem;color:var(--color-black);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.sd-trigger:hover{border-color:var(--color-gray-300)}.sd-wrapper.sd-open .sd-trigger,.sd-wrapper:focus-within .sd-trigger{border-color:var(--color-primary);box-shadow:0 0 0 3px #b8956a1a}.sd-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-trigger-text.sd-placeholder{color:var(--color-gray-400)}.sd-trigger-arrow{flex-shrink:0;color:var(--color-gray-400);transition:transform .2s ease}.sd-wrapper.sd-open .sd-trigger-arrow{transform:rotate(180deg)}.sd-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;overflow:hidden}.sd-wrapper.sd-open .sd-dropdown{display:block}.sd-search-wrap{position:relative;padding:8px;border-bottom:1px solid var(--color-gray-200)}.sd-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.sd-search-input{width:100%;padding:7px 10px 7px 32px!important;border:1.5px solid var(--color-gray-200)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-sans);font-size:.8125rem!important;color:var(--color-black);background:var(--color-gray-50, #fafafa);outline:none;transition:border-color .2s ease}.sd-search-input:focus{border-color:var(--color-primary)!important;box-shadow:none!important;background:var(--color-white)}.sd-options{max-height:260px;overflow-y:auto;padding:4px 0}.sd-group-label{padding:8px 14px 4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400);-webkit-user-select:none;user-select:none}.sd-group-label:not(:first-child){margin-top:4px;border-top:1px solid var(--color-gray-100);padding-top:10px}.sd-option{padding:8px 14px;font-size:.875rem;color:var(--color-gray-700);cursor:pointer;transition:background .1s ease,color .1s ease}.sd-option:hover{background:var(--color-gray-100);color:var(--color-black)}.sd-option.sd-option-selected{background:var(--color-primary-light);color:var(--color-primary-hover, var(--color-primary));font-weight:600}.sd-no-results{padding:16px 14px;font-size:.8125rem;color:var(--color-gray-400);text-align:center;font-style:italic}.sop-edit-meta-item .sd-wrapper .sd-trigger{padding:5px 10px;font-size:.8125rem}.sop-edit-meta-item .sd-dropdown{min-width:260px}.ms-option{display:flex;align-items:center;gap:8px}.ms-checkbox{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1.5px solid var(--color-gray-300);border-radius:3px;font-size:.7rem;color:var(--color-white);background:var(--color-white);flex-shrink:0;transition:background .15s ease,border-color .15s ease}.sd-option-selected .ms-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.segmenten-filter-bar{display:flex;justify-content:space-between;align-items:center}.segmenten-table{border-collapse:separate;border-spacing:0}.segmenten-table thead th{position:sticky;top:0;z-index:2}.segmenten-table .action-cell{width:50px}.segment-actions-wrapper{position:relative;display:inline-block}.segment-filter-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:nowrap}.segment-filter-row .form-select,.segment-filter-row .form-input{flex:1 1 0;min-width:0}.segment-filter-row .filter-field-select,.segment-filter-row .filter-operator-select{flex:1 1 0}.segment-filter-row .filter-value-select,.segment-filter-row .filter-value-input,.segment-filter-row .filter-multiselect-wrapper{flex:1 1 0;min-width:0}.filter-remove-btn{flex-shrink:0;font-size:1.25rem;color:var(--color-gray-400);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.filter-remove-btn:hover{color:var(--color-error);background:var(--color-error-bg)}.filter-empty-hint{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-500);font-size:.875rem;text-align:center}.filter-multiselect-wrapper{flex:1;position:relative;min-width:0}.multiselect-toggle{width:100%;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:100;padding:4px 0}.multiselect-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 12px;cursor:pointer;font-size:.875rem;color:var(--color-gray-700);transition:background .15s}.multiselect-option:hover{background:var(--color-gray-50)}.multiselect-checkbox{flex-shrink:0}.multiselect-empty{padding:8px 12px;font-size:.8125rem;color:var(--color-gray-400);text-align:center}.segment-preview-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.segment-preview-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.segment-preview-label{font-weight:600;color:var(--color-gray-700);font-size:.9375rem}.segment-preview-count{background:var(--color-primary-light);color:var(--color-primary);padding:2px 10px;border-radius:var(--radius-full);font-weight:600;font-size:.8125rem}.segment-preview-list{max-height:200px;overflow-y:auto}.preview-klant-item{padding:6px 0;border-bottom:1px solid var(--color-gray-100);font-size:.875rem;color:var(--color-gray-800)}.preview-klant-item:last-child{border-bottom:none}.preview-klant-email{color:var(--color-gray-400);margin-left:var(--spacing-sm);font-size:.8125rem}.preview-klant-empty{padding:var(--spacing-md);text-align:center;color:var(--color-gray-400);font-size:.875rem}@media (max-width: 480px){.segment-filter-row{flex-wrap:wrap}.segment-filter-row .form-select,.segment-filter-row .form-input,.segment-filter-row .filter-multiselect-wrapper{flex:1 1 100%}}.rebook-diensten-card{padding:var(--spacing-xl);margin-top:var(--spacing-lg)}.rebook-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.rebook-card-header h2{margin:0;font-size:1.0625rem;font-weight:700}.rebook-card-desc{font-size:.8125rem;color:var(--color-gray-500);margin:0 0 var(--spacing-lg);line-height:1.5}.rebook-card-btn{width:100%}.rebook-badge{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.rebook-badge-primary{background:var(--color-primary-light, #f0e6d9);color:var(--color-primary, #b8956a)}.rebook-badge-success{background:var(--color-success-bg, #ecfdf5);color:var(--color-success-text, #065f46)}.rebook-badge-error{background:var(--color-error-bg, #fef2f2);color:var(--color-error-text, #991b1b)}.rebook-email-section{margin-top:var(--spacing-lg)}.rebook-toggle-setting{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.rebook-toggle-text h4{margin:0 0 var(--spacing-xs);font-size:.9375rem;font-weight:600;color:var(--color-gray-900)}.rebook-toggle-text p{margin:0;font-size:.8125rem;color:var(--color-gray-500);line-height:1.5}.rebook-modal-desc{margin:0 0 var(--spacing-md);font-size:.875rem;color:var(--color-gray-600);line-height:1.5}.rebook-diensten-table-wrap{max-height:480px;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.rebook-diensten-table{width:100%;border-collapse:collapse;font-size:.875rem}.rebook-diensten-table thead{position:sticky;top:0;z-index:1}.rebook-diensten-table thead th{padding:.625rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500);background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.rebook-diensten-table thead th:last-child{width:200px}.rebook-cat-row td{padding:.5rem 1rem;font-weight:700;font-size:.8125rem;color:var(--color-gray-700);background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200);text-transform:uppercase;letter-spacing:.02em}.rebook-dienst-row td{padding:.5rem 1rem;border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.rebook-dienst-row:last-child td{border-bottom:none}.rebook-dienst-row:hover{background:var(--color-gray-50)}.rebook-dienst-row.active{background:#b8956a0a}.rebook-dienst-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-800)}.rebook-dienst-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary, #b8956a);cursor:pointer;flex-shrink:0;pointer-events:auto}.rebook-dienst-label span{-webkit-user-select:none;user-select:none}.rebook-period-cell{white-space:nowrap}.rebook-period-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.rebook-period-controls input:disabled,.rebook-period-controls select:disabled{opacity:.35;cursor:not-allowed;background:var(--color-gray-50)}.rebook-period-value-input{width:60px;padding:.25rem .375rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.8125rem;text-align:center;background:var(--color-white)}.rebook-period-value-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #b8956a33}.rebook-period-unit-select{padding:.25rem .5rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.8125rem;background:var(--color-white);color:var(--color-gray-700);cursor:pointer}.rebook-period-unit-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #b8956a33}.rebook-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-gray-500)}.taken-checkbox-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0}.taken-checkbox{display:none}.taken-checkbox-custom{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);transition:all .15s ease;flex-shrink:0}.taken-checkbox-custom:after{content:"";display:none;width:5px;height:10px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.taken-checkbox:checked+.taken-checkbox-custom{background:var(--color-success);border-color:var(--color-success)}.taken-checkbox:checked+.taken-checkbox-custom:after{display:block}.taken-checkbox-label:hover .taken-checkbox-custom{border-color:var(--color-primary)}.taken-row-voltooid td{opacity:.55}.taken-row-voltooid td:first-child{opacity:1}.taken-titel-voltooid{text-decoration:line-through;color:var(--color-gray-400)}.taken-row-overdue td{background-color:#dc262608}.taken-deadline-overdue{color:var(--color-error);font-weight:600}.taken-prioriteit-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.taken-prioriteit-laag{background:var(--color-gray-100);color:var(--color-gray-600)}.taken-prioriteit-medium{background:var(--color-info-bg);color:var(--color-info-text)}.taken-prioriteit-hoog{background:var(--color-warning-bg);color:var(--color-warning-text)}.taken-prioriteit-urgent{background:var(--color-error-bg);color:var(--color-error-text)}.taken-herhaling-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--color-accent-purple-bg);color:var(--color-accent-purple);white-space:nowrap}.taken-herhaling-toggle-label{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:500;font-size:.875rem;color:var(--color-gray-700)}.taken-herhaling-toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.taken-herhaling-fields{gap:var(--spacing-md)}.taken-table th:first-child,.taken-table td:first-child{width:44px;min-width:44px;max-width:44px;text-align:center}.mediabibliotheek-page{background:var(--color-background);display:flex;flex-direction:column;height:100vh;overflow:hidden}.mediabibliotheek-page .page-content{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column;min-height:0}.media-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-2xl);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0;flex-wrap:wrap}.media-toolbar-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.media-toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.media-search-box{position:relative}.media-search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.media-search-box .search-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 36px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.8125rem;width:240px}.media-search-box .search-input:focus{outline:none;border-color:var(--color-primary)}.media-tag-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;overflow:hidden}.media-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;cursor:pointer;border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);transition:all .15s ease;white-space:nowrap}.media-tag-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.media-tag-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.media-tag-chip .chip-count{font-size:.625rem;opacity:.7}.media-content-area{flex:1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-2xl);min-height:0}.media-drop-zone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;transition:all .2s ease;cursor:pointer;background:var(--color-gray-50, #f9fafb)}.media-drop-zone:hover,.media-drop-zone.drag-over{border-color:var(--color-primary);background:var(--color-primary-light)}.media-drop-zone-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);color:var(--color-gray-400)}.media-drop-zone.drag-over .media-drop-zone-icon{color:var(--color-primary)}.media-drop-zone p{margin:0;font-size:.9375rem;color:var(--color-gray-500)}.media-drop-zone .drop-zone-link{color:var(--color-primary);font-weight:600;text-decoration:underline;cursor:pointer}.media-drop-zone-hint{margin-top:var(--spacing-xs)!important;font-size:.75rem!important;color:var(--color-gray-400)!important}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}.media-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease;position:relative}.media-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.media-card-image{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;cursor:pointer;background:var(--color-gray-100)}.media-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-card:hover .media-card-image img{transform:scale(1.05)}.media-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);opacity:0;transition:opacity .2s ease}.media-card:hover .media-card-overlay{opacity:1}.media-overlay-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-white);border:none;cursor:pointer;color:var(--color-gray-700);transition:all .15s ease;box-shadow:0 2px 4px #0003}.media-overlay-btn:hover{background:var(--color-primary);color:var(--color-white)}.media-overlay-btn.danger:hover{background:var(--color-error);color:var(--color-white)}.media-card-body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.media-card-title{font-size:.8125rem;font-weight:600;color:var(--color-gray-900);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-meta{font-size:.6875rem;color:var(--color-gray-400);margin-bottom:6px}.media-card-tags{display:flex;flex-wrap:wrap;gap:4px}.media-card-tag{display:inline-block;padding:.125rem .375rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:600;background:var(--color-primary-light);color:var(--color-primary);white-space:nowrap}.media-empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-gray-400)}.media-empty-state h3{margin:0 0 var(--spacing-sm);font-size:1.125rem;color:var(--color-gray-600)}.media-empty-state p{margin:0;font-size:.9375rem}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:mlb-fade-in .2s ease}@keyframes mlb-fade-in{0%{opacity:0}to{opacity:1}}.media-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.media-lightbox-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 32px #0006}.media-lightbox-info{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);background:#ffffff1a;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-lightbox-title{color:var(--color-white);font-size:.9375rem;font-weight:600}.media-lightbox-actions{display:flex;gap:var(--spacing-sm)}.media-lightbox-btn{display:flex;align-items:center;gap:6px;padding:.375rem .75rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:var(--color-white);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.media-lightbox-btn:hover{background:#fff3;border-color:#ffffff80}.media-lightbox-close{position:absolute;top:-40px;right:-8px;background:none;border:none;color:var(--color-white);font-size:1.75rem;cursor:pointer;opacity:.7;transition:opacity .15s ease;padding:0;line-height:1}.media-lightbox-close:hover{opacity:1}.media-tag-editor{position:absolute;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid var(--color-gray-200);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 -4px 12px #00000014;z-index:10;animation:mte-slide-up .15s ease}@keyframes mte-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.media-tag-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.media-tag-editor-header span{font-size:.75rem;font-weight:600;color:var(--color-gray-600)}.media-tag-editor-close{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-gray-400);padding:0;line-height:1}.media-tag-editor-close:hover{color:var(--color-gray-700)}.media-tag-editor-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--spacing-xs)}.media-tag-editor-tag{display:inline-flex;align-items:center;gap:2px;padding:.15rem .375rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;background:var(--color-primary-light);color:var(--color-primary)}.media-tag-editor-tag .tag-remove{background:none;border:none;cursor:pointer;color:var(--color-primary);font-size:.75rem;padding:0;margin-left:2px;line-height:1;font-weight:700;opacity:.6}.media-tag-editor-tag .tag-remove:hover{opacity:1}.media-tag-input-wrapper{position:relative}.media-tag-input{width:100%;padding:.3rem .5rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:.75rem;font-family:inherit}.media-tag-input:focus{outline:none;border-color:var(--color-primary)}.media-tag-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:150px;overflow-y:auto;z-index:100;margin-top:2px}.media-tag-autocomplete-item{padding:.375rem .625rem;font-size:.75rem;cursor:pointer;transition:background .1s ease}.media-tag-autocomplete-item:hover,.media-tag-autocomplete-item.highlighted{background:var(--color-primary-light)}.media-tag-autocomplete-item .tag-new{color:var(--color-primary);font-weight:600}.media-rename-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.media-rename-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.media-rename-modal h3{margin:0 0 var(--spacing-md);font-size:1.125rem}.media-rename-modal input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;margin-bottom:var(--spacing-md)}.media-rename-modal input:focus{outline:none;border-color:var(--color-primary)}.media-rename-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.media-upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:mlb-fade-in .2s ease}.media-upload-modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:var(--shadow-lg);overflow:hidden}.media-upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200)}.media-upload-modal-header h3{margin:0;font-size:1.125rem;font-weight:600}.media-upload-modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-gray-400);cursor:pointer;padding:0;line-height:1;transition:color .15s ease}.media-upload-modal-close:hover{color:var(--color-gray-700)}.media-upload-modal-body{padding:var(--spacing-xl)}.media-upload-progress{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg)}.media-upload-spinner{width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:media-spin .8s linear infinite;flex-shrink:0}@keyframes media-spin{to{transform:rotate(360deg)}}.media-upload-progress p{margin:0;font-size:.875rem;color:var(--color-gray-600)}@media (max-width: 1024px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.media-toolbar{padding:var(--spacing-sm) var(--spacing-md)}.media-content-area{padding:var(--spacing-md)}.media-search-box .search-input{width:100%}.media-toolbar-left{flex-direction:column;align-items:stretch}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.media-lightbox-info{flex-direction:column;text-align:center}}.klant-fotos-tab{padding-top:0}.klant-fotos-tab .producten-filters{padding:var(--spacing-md) 25px;border-bottom:1px solid var(--color-gray-200)}.klant-foto-bron-badge{position:absolute;top:8px;left:8px;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;background:#ffffffe6;color:var(--color-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px;text-transform:uppercase;z-index:2;pointer-events:none}.klant-fotos-content{min-height:200px;padding:var(--spacing-lg) 25px}.klant-fotos-tab .filter-dropdowns{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;align-items:center}.klant-fotos-tab .filter-dropdowns .filter-select{min-width:120px;max-width:168px}.klant-fotos-group{margin-bottom:var(--spacing-xl)}.klant-fotos-group:last-child{margin-bottom:0}.klant-fotos-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-gray-200)}.klant-fotos-group-header h4{margin:0;font-size:.95rem;font-weight:700;color:var(--color-text)}.klant-fotos-group-count{min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:var(--color-gray-100);color:var(--color-gray-700);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.klant-foto-gedeeld-badge{position:absolute;top:8px;right:8px;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;background:#6366f1e6;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px;text-transform:uppercase;z-index:2;pointer-events:none}.media-overlay-btn.active{color:var(--color-primary)}.klant-fotos-share-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0 0;cursor:pointer;font-size:.875rem;color:var(--color-text);-webkit-user-select:none;user-select:none}.klant-fotos-share-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}@media (max-width: 1200px){.klant-fotos-tab .filter-dropdowns{flex-wrap:wrap}}.prognose-summary{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-2xl)}.prognose-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:var(--spacing-lg) var(--spacing-xl);min-width:200px}.prognose-card-label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500, #6b7280);margin-bottom:var(--spacing-xs)}.prognose-card-value{font-size:1.75rem;font-weight:700;color:var(--color-gray-900, #111827)}.prognose-card-sub{font-size:.8rem;color:var(--color-gray-500, #6b7280);margin-top:var(--spacing-xs)}.prognose-page .page-content{padding:var(--spacing-lg)}@media (max-width: 768px){.prognose-summary{flex-direction:column}}.dagrapport-page .page-content{padding:var(--spacing-lg)}