body {
            font-family: 'Inter', sans-serif;
            user-select: none;
        }
        ::-webkit-scrollbar { width: 8px; height: 8px; }
        ::-webkit-scrollbar-track { background: #f7f7f9; }
        ::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

        .modal-backdrop {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background-color: rgba(0, 0, 0, 0.5); z-index: 40;
            display: flex; justify-content: center; align-items: center;
        }
        .modal, .dialog { z-index: 50; }
        .dialog-backdrop { z-index: 60; }

        .context-menu {
            position: absolute; z-index: 100;
            background: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            padding: 8px; min-width: 180px;
        }
        .context-menu button {
            display: flex; align-items: center; gap: 8px; width: 100%;
            padding: 8px 12px; border-radius: 6px; text-align: left;
            font-size: 0.875rem;
        }
        .context-menu button:hover { background-color: #f3f4f6; }
        .context-menu button.delete:hover { background-color: #fee2e2; color: #ef4444; }

	.filter-row input {
 	   padding: 4px 8px; border: 1px solid #e5e7eb; border-radius: 6px;
  	  width: 100%; font-size: 0.75rem;
	}
        .filter-row input:focus {
            outline: none; border-color: #4A69FF;
            box-shadow: 0 0 0 2px rgba(74, 105, 255, 0.2);
        }

        [data-tooltip]:hover::after {
            content: attr(data-tooltip); position: absolute; bottom: 100%;
            left: 50%; transform: translateX(-50%); margin-bottom: 5px;
            background-color: #2D2D2D; color: white; padding: 4px 8px;
            border-radius: 4px; font-size: 0.75rem; white-space: pre-wrap; z-index: 10;
        }
        [data-tooltip] { position: relative; }
        
        .confirm-dialog {
            background: white; padding: 24px; border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1); width: 100%; max-width: 400px;
        }
        
        #toast-container {
            position: fixed; top: 20px; right: 20px; z-index: 9999;
            display: flex; flex-direction: column; gap: 10px;
        }
        .toast {
            padding: 12px 16px; border-radius: 8px; color: white;
            font-weight: 500; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            transform: translateX(120%);
            animation: slideIn 0.3s forwards, slideOut 0.3s forwards 2.7s;
        }
        .toast.error { background-color: #EF4444; }
        .toast.success { background-color: #10B981; }
        @keyframes slideIn { from { transform: translateX(120%); } to { transform: translateX(0); } }
        @keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(120%); } }

        /* Custom Dropdown styles */
        .custom-select-container, .custom-multiselect-container { position: relative; }
        .custom-select-options {
            position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 10;
            max-height: 150px;
            overflow-y: auto;
            background-color: white;
            border: 1px solid #e5e7eb;
            border-radius: 6px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        .custom-select-option {
            min-height: 38px;
            display: flex;
            align-items: center;
            padding: 8px 12px;
            cursor: pointer;
        }
        .custom-select-option:hover {
            background-color: #f3f4f6;
        }
        .tag-pill {
            background-color: #E6E9F8;
            color: #4A69FF;
        }
        .tag-pill button {
            color: #4A69FF;
        }
        .tag-pill button:hover {
            color: #2D2D2D;
        }
        .time-select-options {
            max-height: 228px; /* Passt die Höhe an, um ca. 4 Einträge anzuzeigen */
        }
        
        /* Auftrag Tabs */
        .auftrag-tab-button[aria-selected="true"] {
            border-color: #124f82;
            color: #124f82;
        }
        .auftrag-tab-button {
            border-color: transparent;
        }

        #auftrag-tab-content {
            min-height: 250px; /* Verhindert, dass das Fenster zu klein wird */
            transition: min-height 0.2s ease-out; /* Sorgt für einen sanften Übergang */
        }

        /* Entfernt die Standard-Pfeile aus den Zahlen-Eingabefeldern */
        /* Für Chrome, Safari, Edge, Opera */
        input[type=number]::-webkit-outer-spin-button,
        input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
        }

        /* Für Firefox */
        input[type=number] {
        -moz-appearance: textfield;
        }

	/* Passt das Aussehen von Standard-Dropdowns an */
	.custom-select-arrow {
 	 -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 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");
	  background-position: right 0.5rem center;
  	background-repeat: no-repeat;
  	background-size: 1.5em 1.5em;
	  padding-right: 2.5rem;
    }

    .more-events-indicator {
        /* Positionierung wird jetzt inline im HTML gehandhabt */
        font-weight: 500;
        color: #374151; /* gray-700 */
        padding: 0 4px;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.2s;
        pointer-events: auto; /* Macht den Indikator klickbar */
    }

    /* NEU: Deaktiviert Nav-Links für 'Beschränkt'-Zugang */
    .nav-link-disabled {
        opacity: 0.5;
        cursor: not-allowed;
        background-color: transparent !important; /* Wichtig, um Hover-Effekte zu überschreiben */
        color: #333333 !important; /* Stellt sicher, dass es nicht "aktiv" aussieht */
    }

    .info-tooltip {
            position: relative;
            display: inline-block;
            margin-left: 8px;
            cursor: help;
            /* Styling für den Kreis mit Fragezeichen */
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background-color: #e5e7eb; /* craft-border */
            color: #6b7280; /* gray-500 */
            font-size: 17px;
            font-weight: bold;
            text-align: center;
            line-height: 22px; /* Vertikal zentrieren */
            top: -4px; /* Weiter nach oben verschieben */
        }

        .info-tooltip-content {
            visibility: hidden;
            opacity: 0;
            width: 280px; /* Etwas breiter */
            background-color: #2D2D2D; /* craft-accent */
            color: #fff;
            text-align: left;
            border-radius: 6px;
            padding: 12px;
            position: absolute;
            z-index: 50; /* Muss über dem Modal-Inhalt sein */
            bottom: 135%; /* Positioniert es über dem (?) */
            left: 50%;
            margin-left: -140px; /* (Hälfte der Breite) zum Zentrieren */
            transition: opacity 0.2s;
            font-weight: 400; /* Normaler Font-Weight für den Inhalt */
            font-size: 0.8rem; /* Kleinere Schrift */
            line-height: 1.5;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }

        /* Pfeil nach unten */
        .info-tooltip-content::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #2D2D2D transparent transparent transparent;
        }

        .info-tooltip:hover .info-tooltip-content {
            visibility: visible;
            opacity: 1;
        }