:root {
            --font-sans: InterVariable, Inter, system-ui, sans-serif;
            --default-font-family: var(--font-sans);
            --default-font-feature-settings: "cv02", "cv03", "cv04", "cv11";
            --default-font-variation-settings: normal;
            }

            /* Hide scrollbar utility */
            .scrollbar-hide {
                -ms-overflow-style: none;  /* Internet Explorer 10+ */
                scrollbar-width: none;  /* Firefox */
            }
            
            .scrollbar-hide::-webkit-scrollbar {
                display: none;  /* Safari and Chrome */
            }

            /* Mobile modal height optimization */
            @media (max-width: 768px) {
                /* Bestelling bewerken: maximale ruimte */
                #edit-order-modal > div:first-child {
                    max-height: calc(100vh - 20px) !important;
                    margin: 10px 0 !important;
                }
                
                /* Tijdelijk aanpassen: compacter */
                #temp-adjust-modal .temp-adjust-card {
                    max-height: calc(100vh - 100px) !important;
                    margin: 50px 0 !important;
                }
            }

            /* Custom grid-cols-13 for sorteerlijst */
            .grid-cols-13 {
                grid-template-columns: repeat(13, minmax(0, 1fr));
            }
        
            body {
            font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
            font-feature-settings: var(--default-font-feature-settings, normal);
            font-variation-settings: var(--default-font-variation-settings, normal);
            -webkit-tap-highlight-color: transparent;
            background-color: #f3f4f6;
            /* PWA iOS optimizations */
            -webkit-touch-callout: none;
            /* Safe area support for iOS */
            padding-left: env(safe-area-inset-left);
            padding-right: env(safe-area-inset-right);
            padding-bottom: env(safe-area-inset-bottom);
            /* Ensure full viewport height on iOS */
            min-height: 100vh;
            min-height: -webkit-fill-available;
            /* Disable text selection */
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        /* Safe area bottom padding for floating elements on iPad */
        .safe-bottom {
            padding-bottom: max(env(safe-area-inset-bottom, 0), 20px);
        }
        
        @supports (padding-bottom: env(safe-area-inset-bottom)) {
            .safe-bottom {
                bottom: calc(1.5rem + env(safe-area-inset-bottom, 0)) !important;
            }
        }

        
        /* Safe area top padding for fixed header on iPad */
        .safe-top {
            padding-top: env(safe-area-inset-top, 0);
        }
        
        @supports (padding-top: env(safe-area-inset-top)) {
            .safe-top {
                top: env(safe-area-inset-top, 0) !important;
            }
        }
        
        /* Safe area padding for main content */
        .safe-padding-top {
            padding-top: calc(3rem + env(safe-area-inset-top, 0)) !important;
        }

        
        /* Re-enable text selection for input elements */
        input, textarea, select, [contenteditable="true"] {
            -webkit-user-select: auto;
            -moz-user-select: auto;
            -ms-user-select: auto;
            user-select: auto;
        }

        /* Prevent body scroll when modal is open */
        body.modal-open {
            overflow: hidden;
            position: fixed;
            width: 100%;
        }
        
        /* Remove autofill yellow background */
        input:-webkit-autofill,
        input:-webkit-autofill:hover, 
        input:-webkit-autofill:focus,
        input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important;
            -webkit-text-fill-color: #171717 !important;
            transition: background-color 5000s ease-in-out 0s;
            animation-name: onAutoFillStart;
            animation-duration: 0.001s;
        }
        
        .dark input:-webkit-autofill,
        .dark input:-webkit-autofill:hover, 
        .dark input:-webkit-autofill:focus,
        .dark input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0 30px #404040 inset !important;
            -webkit-text-fill-color: #ffffff !important;
        }
        
        /* Prevent scroll on focus for iOS */
        input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea {
            font-size: 16px !important;
        }
        
        @media screen and (max-width: 768px) {
            input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea {
                font-size: 16px !important;
            }
        }
        
        /* Animation to detect autofill */
        @keyframes onAutoFillStart {
            from {opacity: 1;}
            to {opacity: 1;}
        }
        
        /* iOS PWA full screen optimization */
        @media screen and (display-mode: standalone) {
            body {
                -webkit-appearance: none;
                appearance: none;
            }
            
            /* Force date input background colors in PWA mode */
            input[type="date"] {
                background-color: rgb(245 245 245) !important; /* bg-neutral-100 */
                -webkit-appearance: none !important;
                opacity: 1 !important;
            }
            
            .dark input[type="date"] {
                background-color: rgb(64 64 64) !important; /* bg-neutral-700 */
                -webkit-appearance: none !important;
                opacity: 1 !important;
            }
        }
        
        /* Force full height on iOS devices */
        html {
            height: 100%;
            height: -webkit-fill-available;
        }
        
        /* Placeholder styling voor consistente weergave */
        ::placeholder {
            opacity: 1; /* Firefox */
        }
        
        /* Mobile placeholder font-size fix */
        @media (max-width: 768px) {
            input::placeholder,
            textarea::placeholder {
                font-size: 16px; /* Voorkomt zoom-in op iOS */
            }
        }
        
        /* Verberg pijltjes in number inputs */
        input[type=number]::-webkit-inner-spin-button, 
        input[type=number]::-webkit-outer-spin-button { 
          -webkit-appearance: none; 
          margin: 0; 
        }
        input[type=number] {
          appearance: textfield;
          -moz-appearance: textfield;
        }
        
        /* Verbeterde styling voor date inputs op mobiel */
        input[type=date] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            position: relative;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25m-10.5 0h13.5m-13.5 0v16.5a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25V5.25m-13.5 0V3.75a.75.75 0 01.75-.75h12a.75.75 0 01.75.75v1.5M6.75 21v-7.5m0 0h3m-3 0h10.5'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 0.75rem center;
            background-size: 1.5rem 1.5rem;
            padding-right: 3rem;
        }
        
        .dark input[type=date] {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25m-10.5 0h13.5m-13.5 0v16.5a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25V5.25m-13.5 0V3.75a.75.75 0 01.75-.75h12a.75.75 0 01.75.75v1.5M6.75 21v-7.5m0 0h3m-3 0h10.5'/%3E%3C/svg%3E");
        }
        
        /* Forceer hiding van native calendar icon voor alle date inputs */
        input[type=date]::-webkit-calendar-picker-indicator {
            display: none !important;
            -webkit-appearance: none !important;
        }
        
        /* Verbeterde styling specifiek voor mobiele apparaten */
        @media (max-width: 768px) {
            input[type=date] {
                font-size: 16px; /* Voorkomt zoom-in op iOS */
                min-height: 44px; /* Touch-vriendelijke hoogte */
                line-height: 1.5;
                text-align: left; /* Links uitlijnen op mobiel */
            }
            
            /* Custom calendar icon positionering op mobiel */
            input[type=date]::-webkit-calendar-picker-indicator {
                position: absolute;
                right: 0.75rem;
                width: 1.5rem;
                height: 1.5rem;
                background: transparent;
                cursor: pointer;
            }
        }
        
        /* Desktop styling voor date inputs */
        @media (min-width: 769px) {
            input[type=date] {
                text-align: left; /* Links uitlijnen op desktop */
            }
            /* Maak kalender icoon onzichtbaar maar behoud functionaliteit */
            input[type=date]::-webkit-calendar-picker-indicator {
                opacity: 0;
                position: absolute;
                right: 0;
                width: 100%;
                height: 100%;
                cursor: pointer;
            }
            /* Verwijder achtergrond icoon op desktop voor alle date inputs */
            input[type=date] {
                background-image: none !important;
                padding-right: 0.75rem !important;
                cursor: pointer;
            }
        }
        
        /* Safari specifieke fixes */
        @supports (-webkit-touch-callout: none) {
            input[type=date] {
                -webkit-appearance: none;
                appearance: none;
                background-color: transparent;
                text-align: left !important; /* Forceer links uitlijning op Safari */
            }
            
            /* Mobile Safari: behoud icoon en links uitlijning */
            @media (max-width: 768px) {
                input[type=date]::-webkit-calendar-picker-indicator {
                    opacity: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    width: 3rem;
                    cursor: pointer;
                }
            }
            
            /* Desktop Safari: verberg icoon */
            @media (min-width: 769px) {
                input[type=date]::-webkit-calendar-picker-indicator {
                    display: none;
                }
            }
        }

        /* Specifieke styling voor delivery-date-card op mobiel */
        @media (max-width: 768px) {
            .delivery-date-card {
                text-align: left !important;
                padding-right: 2.5rem !important; /* Ruimte voor het kalendar icoon */
                background-color: rgb(245 245 245) !important; /* bg-neutral-100 in light mode */
                -webkit-appearance: none !important;
                appearance: none !important;
            }
            
            /* Dark mode achtergrond */
            .dark .delivery-date-card {
                background-color: rgb(64 64 64) !important; /* dark:bg-neutral-700 in dark mode */
            }
            
            /* Verberg native calendar picker indicator op mobiel - voor alle browsers */
            .delivery-date-card::-webkit-calendar-picker-indicator {
                display: none !important;
                -webkit-appearance: none !important;
                background: none !important;
                color: transparent !important;
                position: absolute !important;
                width: 0 !important;
                height: 0 !important;
                padding: 0 !important;
                margin: 0 !important;
                border: 0 !important;
                visibility: hidden !important;
            }
            
            /* Firefox specifieke fix */
            .delivery-date-card::-moz-calendar-picker-indicator {
                display: none !important;
                -moz-appearance: none !important;
                background: none !important;
                color: transparent !important;
                width: 0 !important;
                height: 0 !important;
                visibility: hidden !important;
            }
            
            /* Chrome/Safari date input specifieke fixes */
            .delivery-date-card::-webkit-date-and-time-value {
                text-align: left;
                margin-right: 0 !important;
                padding-right: 0 !important;
            }
            
            /* Extra: verberg de native calendar icon volledig */
            .delivery-date-card::-webkit-datetime-edit-fields-wrapper {
                padding-right: 0;
            }
            
            .delivery-date-card::-webkit-datetime-edit-text {
                padding: 0;
            }
            
            .delivery-date-card::-webkit-datetime-edit-month-field,
            .delivery-date-card::-webkit-datetime-edit-day-field,
            .delivery-date-card::-webkit-datetime-edit-year-field {
                padding: 0;
            }
            
            /* iOS Safari specifieke fix */
            .delivery-date-card::-webkit-inner-spin-button,
            .delivery-date-card::-webkit-clear-button {
                display: none !important;
                -webkit-appearance: none !important;
            }
            
            /* Forceer text input styling voor date inputs op mobiel */
            input[type="date"].delivery-date-card {
                background-image: none !important;
                background-color: rgb(245 245 245) !important; /* bg-neutral-100 */
                -webkit-appearance: none !important;
            }
            
            .dark input[type="date"].delivery-date-card {
                background-color: rgb(64 64 64) !important; /* bg-neutral-700 */
                -webkit-appearance: none !important;
            }
            
            /* Extra specifiek voor iPad/iOS Safari */
            input[type="date"] {
                background-color: rgb(245 245 245) !important; /* bg-neutral-100 */
                -webkit-appearance: none !important;
            }
            
            .dark input[type="date"] {
                background-color: rgb(64 64 64) !important; /* bg-neutral-700 */
                -webkit-appearance: none !important;
            }
            
            /* Light mode specifieke override */
            body:not(.dark) .delivery-date-card::-webkit-calendar-picker-indicator {
                display: none !important;
                opacity: 0 !important;
                visibility: hidden !important;
                width: 0 !important;
                height: 0 !important;
            }
        }
        
        /* Modern Combobox Styling */
        .combobox-container {
            position: relative;
            width: 100%;
        }
        
        .combobox-input {
            border-radius: 0.375rem !important;
            background-color: #f5f5f5 !important;
        }
        
        .combobox-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 9999;
            max-height: 200px;
            overflow-y: auto;
            background-color: white;
            border: 1px solid rgba(163, 163, 163, 0.5); /* border-neutral-300 */
            border-radius: 0.375rem;
            margin-top: 0.25rem;
            display: none;
        }
        
        .dark .combobox-dropdown {
            background-color: #404040; /* lighter dark gray */
            border-color: rgba(115, 115, 115, 0.6); /* dark:border-neutral-500/60 */
        }
        
        .combobox-dropdown.show {
            display: block !important;
        }
        
        /* Ensure dropdown is visible in modal context */
        #edit-order-modal .combobox-dropdown.show {
            display: block !important;
            z-index: 10000;
        }
        
        /* Make the modal body scrollable instead of just the products section */
        #edit-order-modal .p-6.space-y-6 {
            max-height: 60vh;
            overflow-y: auto;
        }
        
        /* Remove height restriction from product lines */
        #edit-product-lines {
            max-height: none !important;
            overflow: visible !important;
        }
        
        .combobox-option {
            padding: 0.5rem 0.75rem;
            cursor: pointer;
            font-size: 1rem;
            line-height: 1.5;
            color: #262626; /* text-neutral-800 */
            border-bottom: 1px solid rgba(245, 245, 245, 0.5); /* border-neutral-100/50 */
            transition: background-color 0.15s ease-in-out;
        }
        
        .dark .combobox-option {
            color: #e5e5e5; /* dark:text-neutral-200 */
            border-bottom-color: rgba(64, 64, 64, 0.5); /* dark:border-neutral-700/50 */
        }
        
        .combobox-option:last-child {
            border-bottom: none;
        }
        
        .combobox-option.highlighted {
            background-color: #f5f5f5; /* hover:bg-neutral-100 */
        }
        
        .dark .combobox-option.highlighted {
            background-color: #404040; /* dark:hover:bg-neutral-700 */
        }
        
        @media (hover: hover) {
            .combobox-option:hover {
                background-color: #f5f5f5; /* hover:bg-neutral-100 */
            }
            
            .dark .combobox-option:hover {
                background-color: #404040; /* dark:hover:bg-neutral-700 */
            }
        }
        
        .combobox-option.selected {
            background-color: #dbeafe; /* bg-teal-50 */
            color: #1e40af; /* text-teal-800 */
        }
        
        .dark .combobox-option.selected {
            background-color: #1e3a8a; /* dark:bg-teal-900 */
            color: #93c5fd; /* dark:text-teal-300 */
        }
        
        .combobox-no-results {
            padding: 0.75rem;
            text-align: center;
            color: #6b7280; /* text-gray-500 */
            font-style: italic;
        }
        
        .dark .combobox-no-results {
            color: #9ca3af; /* dark:text-gray-400 */
        }
        
        /* Custom select dropdown styling for better appearance */
        .filter-select {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
        }
        
        .dark .filter-select {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
        }

        /* Stijlen voor printen */
        @media print {
            body * {
                visibility: hidden;
            }
            #print-area, #print-area * {
                visibility: visible;
            }
            #print-area {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
            }
            #print-list-container .sort-card {
                border: 1px solid #ccc !important;
                page-break-inside: avoid;
            }
        }
        
        /* Stijlen voor mail concept kaart met overlay */
        .mail-concept-card {
            position: relative;
            transition: all 0.3s ease-in-out;
        }
        
        .mail-sent-overlay {
            position: absolute;
            top: 1rem;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(8px);
            border-radius: 1rem;
            padding: 2rem;
            border: 2px solid rgba(34, 197, 94, 0.3);
            text-align: center;
            min-width: 280px;
            transition: opacity 0.3s ease-in-out;
        }
        
        .mail-sent-overlay.hidden {
            display: none;
        }
        
        .dark .mail-sent-overlay {
            background: rgba(31, 41, 55, 0.98);
            border-color: rgba(34, 197, 94, 0.3);
        }
        
        /* Responsive overlay voor kleine schermen */
        @media (max-width: 640px) {
            .mail-sent-overlay {
                top: 0.75rem;
                left: 0.75rem;
                right: 0.75rem;
                transform: none;
                position: fixed;
                min-width: auto;
                max-width: calc(100vw - 1.5rem);
                padding: 1.25rem;
                margin: 0;
                border-radius: 0.75rem;
                font-size: 0.9rem;
            }
            
            .mail-sent-overlay .overlay-title {
                font-size: 1rem;
            }
            
            .mail-sent-overlay .overlay-text {
                font-size: 0.8rem;
                margin-bottom: 0.5rem;
            }
            
            .mail-sent-overlay .overlay-icon {
                width: 2.5rem;
                height: 2.5rem;
                margin-bottom: 0.75rem;
            }
        }
        
        @media (max-width: 480px) {
            .mail-sent-overlay {
                padding: 1rem;
                top: 0.5rem;
                left: 0.5rem;
                right: 0.5rem;
            }
            
            .overlay-view-email-btn {
                padding: 0.4rem 0.8rem;
                font-size: 0.8rem;
            }
        }
        
        /* Overlay knop styling */
        .overlay-view-email-btn {
            margin-top: 1rem;
            padding: 0.5rem 1rem;
            background: rgba(59, 130, 246, 0.1);
            border: 1px solid rgba(59, 130, 246, 0.3);
            border-radius: 0.5rem;
            color: #3b82f6;
            font-size: 0.875rem;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .overlay-view-email-btn:hover {
            background: rgba(59, 130, 246, 0.2);
            border-color: rgba(59, 130, 246, 0.5);
        }
        
        .dark .overlay-view-email-btn {
            background: rgba(59, 130, 246, 0.15);
            border-color: rgba(59, 130, 246, 0.4);
            color: #60a5fa;
        }
        
        .dark .overlay-view-email-btn:hover {
            background: rgba(59, 130, 246, 0.25);
            border-color: rgba(59, 130, 246, 0.6);
        }
        
        /* Styling voor 'Verstuur nogmaals' knop - removed, using Tailwind classes only */
        /* Styling voor 'Nabestelling' knop - removed, using Tailwind classes only */
        
        /* Container voor overlay knoppen */
        .overlay-buttons {
            display: flex;
            gap: 0.75rem;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        @media (max-width: 640px) {
            .overlay-buttons {
                flex-direction: column;
                gap: 0.5rem;
                align-items: center;
            }
            
            .overlay-view-email-btn,
            .overlay-resend-email-btn {
                padding: 0.4rem 0.8rem;
                font-size: 0.8rem;
                width: auto;
                max-width: 200px;
            }
        }
        
        /* Mini indicator voor kleine overlay optie */
        .mail-concept-card .mini-indicator {
            position: absolute;
            top: 0.75rem;
            right: 0.75rem;
            display: none; /* Standaard verborgen */
            align-items: center;
            gap: 0.5rem;
            z-index: 10;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
        }
        
        .mail-concept-card .mini-indicator .checkmark {
            width: 2.5rem;
            height: 2.5rem;
            background: rgba(34, 197, 94, 0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .mail-concept-card .mini-indicator:hover .checkmark {
            background: rgba(34, 197, 94, 1);
            transform: scale(1.1);
        }
        
        .mail-concept-card .mini-indicator .checkmark svg {
            width: 1.25rem;
            height: 1.25rem;
            color: white;
        }
        
        .mail-concept-card .mini-indicator .countdown {
            width: 2rem;
            height: 2rem;
            background: rgba(59, 130, 246, 0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            font-weight: 600;
            color: white;
            animation: pulse-countdown 1s infinite;
        }
        
        .mail-sent-overlay .overlay-icon {
            width: 3rem;
            height: 3rem;
            margin: 0 auto 1rem;
            color: #059669;
        }
        
        .dark .mail-sent-overlay .overlay-icon {
            color: #34d399;
        }
        
        .mail-sent-overlay .overlay-title {
            font-size: 1.125rem;
            font-weight: 700;
            color: #059669;
            margin-bottom: 0.5rem;
        }
        
        .dark .mail-sent-overlay .overlay-title {
            color: #34d399;
        }
        
        .mail-sent-overlay .overlay-text {
            font-size: 0.875rem;
            color: #6b7280;
        }
        
        .dark .mail-sent-overlay .overlay-text {
            color: #9ca3af;
        }
        
        @keyframes pulse-countdown {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        
        /* Responsive aanpassingen voor countdown */
        @media (max-width: 640px) {
            .mail-concept-card .mini-indicator {
                top: 0.5rem;
                right: 0.5rem;
                gap: 0.375rem;
            }
            
            .mail-concept-card .mini-indicator .checkmark {
                width: 2rem;
                height: 2rem;
            }
            
            .mail-concept-card .mini-indicator .checkmark svg {
                width: 1rem;
                height: 1rem;
            }
            
            .mail-concept-card .mini-indicator .countdown {
                width: 1.75rem;
                height: 1.75rem;
                font-size: 0.7rem;
            }
        }

        /* Mobile navigation overlay positioning */
        #mobile-menu-overlay {
            top: calc(var(--save-bar-height, 0px) + var(--nav-height, 4rem));
        }
        
        /* Navigation positioning when save bar is visible */
        .nav-container {
            position: relative;
            z-index: 50;
        }
        
        /* Save bar visible - adjust overlay positioning */
        .save-bar-visible #mobile-menu-overlay {
            top: calc(var(--save-bar-height, 60px) + var(--nav-height, 4rem));
        }

        /* Modal fixes voor mobiele viewports - toegevoegd voor viewport overflow fix */
        @media (max-width: 640px) {
            /* Alle modals centreren en binnen viewport houden */
            [id$="-modal"] > div:first-child {
                margin-left: 0.5rem \!important;
                margin-right: 0.5rem \!important;
                width: calc(100% - 1rem) \!important;
                max-width: calc(100vw - 1rem) \!important;
            }
            
            /* Info dropdown binnen viewport houden */
            #info-content {
                right: 0 \!important;
                left: auto \!important;
                max-width: calc(100vw - 2rem) \!important;
                width: auto \!important;
            }
            
            /* Tab dropdown menu binnen viewport */
            #tab-links-container {
                left: 0.5rem \!important;
                right: 0.5rem \!important;
                width: calc(100% - 1rem) \!important;
            }
        }