/* CLIENT FOLDER MODAL (AIRBNB STYLE) - REDESIGNED */
        .client-modal {
            max-width: 1400px;
        }

        #clientModal {
            z-index: 2500;
        }

        .client-header-section {
            position: relative;
            height: 200px;
            border-radius: 20px 20px 0 0;
            overflow: hidden;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }

        .client-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, transparent 50%);
            z-index: 1;
        }

        .client-name-large {
            position: absolute;
            top: 30px;
            left: 40px;
            font-size: 36px;
            font-weight: 700;
            color: white;
            z-index: 5;
            text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
        }

        .client-header-details {
            position: absolute;
            top: 80px;
            left: 40px;
            z-index: 5;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .client-header-detail {
            color: white;
            font-size: 15px;
            display: flex;
            align-items: center;
            gap: 8px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }

        .client-header-detail-icon {
            font-size: 16px;
        }

        /* VINYL STACK - Properties on the right side of header */
        .vinyl-stack-container {
            position: absolute;
            top: 10px;
            bottom: 10px;
            right: 40px;
            z-index: 5;
            width: 380px;
        }

        .vinyl-stack {
            position: relative;
            width: 100%;
            height: 100%;
            cursor: pointer;
            transition: none;
        }

        .vinyl-record {
            position: absolute;
            width: 260px;
            height: 100%;
            background: #4a4a4a;
            border-radius: 0;
            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.6);
            transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
            cursor: pointer;
            overflow: hidden;
            border: none;
        }

        .vinyl-record:hover:not(.vinyl-stack.expanded .vinyl-record) {
            background: #525252;
        }

        .vinyl-close-btn {
            display: none;
            position: fixed;
            top: 20px;
            right: 20px;
            width: 50px;
            height: 50px;
            background: rgba(0, 0, 0, 0.8);
            color: white;
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            font-size: 30px;
            cursor: pointer;
            z-index: 9999;
            transition: all 0.3s ease;
            align-items: center;
            justify-content: center;
        }

        .vinyl-stack.expanded~.vinyl-close-btn {
            display: flex;
        }

        .vinyl-close-btn:hover {
            background: rgba(0, 0, 0, 0.95);
            transform: scale(1.1);
        }

        /* Stacked vinyl effect - fills full height */
        .vinyl-record:nth-child(1) {
            right: 0;
            top: 0;
            z-index: 5;
            background: #4a4a4a;
        }

        .vinyl-record:nth-child(2) {
            right: 40px;
            top: 0;
            z-index: 4;
            background: #454545;
        }

        .vinyl-record:nth-child(3) {
            right: 80px;
            top: 0;
            z-index: 3;
            background: #404040;
        }

        .vinyl-record:nth-child(4) {
            right: 120px;
            top: 0;
            z-index: 2;
            background: #3b3b3b;
        }

        .vinyl-record:nth-child(5) {
            right: 160px;
            top: 0;
            z-index: 1;
            background: #363636;
        }

        .vinyl-record-content {
            padding: 25px;
            color: white;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: center;
        }

        .vinyl-property-address {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 10px;
            color: #e0e0e0;
            line-height: 1.4;
        }

        .vinyl-property-price {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 15px;
            color: #4ade80;
        }

        .vinyl-property-details {
            font-size: 14px;
            color: #b0b0b0;
            margin-top: auto;
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        .vinyl-property-detail-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        /* FULLSCREEN EXPANDED STATE - Shorter cards */
        .vinyl-stack.expanded {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 9998;
            background: rgba(0, 0, 0, 0.95);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 60px;
        }

        .vinyl-stack.expanded .vinyl-record {
            position: relative;
            width: 280px;
            height: 360px;
            top: auto !important;
            right: auto !important;
            transform: none !important;
            margin: 0 12px;
            z-index: 9999 !important;
            transition: all 0.4s ease;
        }

        .vinyl-stack.expanded .vinyl-record:hover {
            transform: translateY(-15px) scale(1.05) !important;
            box-shadow: 0 15px 40px rgba(74, 222, 128, 0.4);
            background: #525252;
        }

        .vinyl-stack.expanded .vinyl-record-content {
            justify-content: flex-start;
        }

        /* Click instruction */
        .vinyl-click-hint {
            position: absolute;
            bottom: -40px;
            right: 0;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.8);
            text-align: center;
            width: 260px;
            animation: pulse 2s infinite;
            pointer-events: none;
        }

        @keyframes pulse {

            0%,
            100% {
                opacity: 0.6;
            }

            50% {
                opacity: 1;
            }
        }

        .vinyl-stack.expanded .vinyl-click-hint {
            display: none;
        }

        /* CLIENT CONTACT INFO - Now removed, info is in header */
        .client-contact-info {
            display: none;
        }

        /* PREFERENCES SECTION - Now at top */
        .preferences-section {
            padding: 30px 40px;
            background: #3a3a3a;
        }

        .preferences-title {
            font-size: 20px;
            color: #e0e0e0;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .preference-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .preference-tag {
            background: #5a5a5a;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 13px;
            color: #e0e0e0;
            border: 2px solid #666;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .preference-tag:hover {
            background: #667eea;
            border-color: #667eea;
        }

        .preference-tag.selected {
            background: #4ade80;
            border-color: #4ade80;
            color: #1a1a1a;
        }

        /* CLIENT BOTTOM SECTIONS - Horizontal Layout (2 columns only) */
        .client-bottom-sections {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            max-height: 350px;
        }

        /* CLIENT CALENDAR EVENTS SECTION */
        .client-calendar-section {
            padding: 25px 30px;
            background: #2d3748;
            border-right: 2px solid #555;
            overflow-y: auto;
        }

        .client-calendar-title {
            font-size: 18px;
            color: #e0e0e0;
            margin-bottom: 15px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .calendar-events-grid {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .calendar-add-btn {
            width: 100%;
            padding: 8px;
            background: #667eea;
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        .calendar-filter-row {
            display: flex;
            gap: 8px;
            margin-bottom: 12px;
        }

        .calendar-filter-btn {
            flex: 1;
            padding: 6px 10px;
            border: 1px solid #555;
            background: #2a2a2a;
            color: #b0b0b0;
            border-radius: 5px;
            cursor: pointer;
            font-size: 12px;
        }

        .compact-calendar-layout {
            display: flex;
            gap: 12px;
            align-items: stretch;
        }

        .compact-calendar-card {
            background: #262f3d;
            border-radius: 12px;
            padding: 10px;
            border: 1px solid #3a3a3a;
            min-width: 220px;
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
        }

        .compact-calendar-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 6px;
            gap: 6px;
        }

        .compact-calendar-title {
            display: flex;
            flex-direction: column;
            line-height: 1;
            text-align: center;
        }

        .calendar-title-month {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 2px;
            color: #e0e0e0;
        }

        .calendar-title-year {
            font-size: 10px;
            font-weight: 600;
            color: #9aa0a6;
        }

        .calendar-nav-btn {
            background: #333;
            border: 1px solid #444;
            color: #e0e0e0;
            padding: 2px 6px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 12px;
        }

        .compact-calendar-weekdays {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 3px;
            font-size: 9px;
            font-weight: 600;
            color: #9aa0a6;
            text-align: center;
            margin-bottom: 6px;
            letter-spacing: 0.6px;
        }

        .compact-calendar-grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 4px;
        }

        .compact-calendar-day {
            aspect-ratio: 1 / 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            background: #30394a;
            color: #d6d6d6;
            font-size: 11px;
            cursor: pointer;
            position: relative;
            transition: all 0.2s ease;
        }

        .compact-calendar-day:hover {
            background: #3b4b66;
        }

        .compact-calendar-day.other-month {
            opacity: 0.4;
        }

        .compact-calendar-day.selected {
            background: #667eea;
            color: #ffffff;
            font-weight: 700;
        }

        .compact-calendar-day.today {
            border: 2px solid #4ade80;
            box-shadow: 0 0 0 2px rgba(74, 222, 128, 0.25);
            color: #ffffff;
        }

        .compact-calendar-day.has-event::after {
            content: '';
            position: absolute;
            bottom: 4px;
            width: 4px;
            height: 4px;
            background: #f59e0b;
            border-radius: 50%;
        }

        .compact-calendar-events-panel {
            background: #2b2f3a;
            border-radius: 12px;
            padding: 10px;
            border: 1px solid #3a3a3a;
            flex: 1;
            min-width: 220px;
            max-height: 236px;
            overflow-y: auto;
            overflow-x: visible;
        }

        .compact-calendar-events-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
            gap: 8px;
        }

        .compact-calendar-events-date {
            font-size: 12px;
            font-weight: 700;
            color: #e0e0e0;
        }

        .compact-calendar-sync-note {
            font-size: 10px;
            color: #9aa0a6;
            text-align: right;
        }

        .compact-calendar-event-card {
            background: #3a3a3a;
            border-radius: 8px;
            padding: 8px 10px;
            border-left: 3px solid #667eea;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .compact-calendar-event-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
        }

        .compact-calendar-event-title {
            font-size: 12px;
            font-weight: 600;
            color: #e0e0e0;
        }

        .compact-calendar-event-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            font-size: 10px;
            color: #b0b0b0;
        }

        .compact-calendar-event-actions {
            position: relative;
            display: flex;
            align-items: center;
            z-index: 2;
        }

        .compact-calendar-event-menu-btn {
            background: transparent;
            border: none;
            color: #b0b0b0;
            font-size: 16px;
            cursor: pointer;
            padding: 2px 6px;
        }

        .compact-calendar-event-menu-btn:hover {
            color: #e0e0e0;
        }

        .compact-calendar-event-menu {
            position: absolute;
            right: 0;
            top: 20px;
            background: #1f232b;
            border: 1px solid #444;
            border-radius: 8px;
            padding: 6px;
            display: none;
            z-index: 20;
            min-width: 110px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
        }

        .compact-calendar-events-panel .calendar-events-grid {
            overflow: visible;
        }

        .compact-calendar-event-card.menu-open .compact-calendar-event-menu {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        .compact-calendar-event-menu button {
            background: #2a2f3a;
            border: none;
            color: #e0e0e0;
            padding: 6px 8px;
            border-radius: 6px;
            font-size: 11px;
            cursor: pointer;
            text-align: left;
        }

        .compact-calendar-event-menu button:hover {
            background: #3a3f4a;
        }


        .compact-calendar-event-source {
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 999px;
            background: #2b2f3a;
            color: #b0b0b0;
        }

        .compact-calendar-event-source.google {
            background: #1f4b99;
            color: #fff;
        }

        .compact-calendar-event-source.local {
            background: #4a5568;
            color: #e0e0e0;
        }

        /* ADD EVENT MODAL - Bulletproof visibility */
        .calendar-event-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, 0.7);
            z-index: 99999;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }

        .calendar-event-modal-overlay.active {
            display: flex !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
        }

        .calendar-event-modal {
            background: #2d3748;
            border-radius: 16px;
            padding: 24px;
            width: 100%;
            max-width: 480px;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6);
            border: 2px solid #667eea;
            position: relative;
        }

        .calendar-event-modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 1px solid #4a5568;
        }

        .calendar-event-modal-header h3 {
            font-size: 18px;
            font-weight: 600;
            margin: 0;
            color: #e0e0e0;
        }

        .calendar-event-modal-close {
            background: #4a5568;
            border: none;
            color: #e0e0e0;
            font-size: 20px;
            width: 32px;
            height: 32px;
            border-radius: 8px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s;
        }

        .calendar-event-modal-close:hover {
            background: #ef4444;
            color: white;
        }

        .calendar-event-modal-body {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .calendar-event-modal-calendar {
            background: #1a202c;
            border-radius: 12px;
            padding: 16px;
            border: 1px solid #4a5568;
        }

        .calendar-event-modal-calendar-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
        }

        .calendar-event-modal-calendar-header .calendar-nav-btn {
            background: #4a5568;
            border: none;
            color: #e0e0e0;
            width: 32px;
            height: 32px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .calendar-event-modal-calendar-header .calendar-nav-btn:hover {
            background: #667eea;
        }

        .event-modal-calendar-grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 4px;
        }

        .event-modal-day {
            aspect-ratio: 1;
            border-radius: 8px;
            background: #2d3748;
            color: #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.15s ease;
            font-size: 13px;
            font-weight: 500;
            border: 2px solid transparent;
        }

        .event-modal-day:hover:not(.other-month):not(.selected) {
            background: #4a5568;
            border-color: #667eea;
        }

        .event-modal-day.selected {
            background: #667eea !important;
            color: #fff !important;
            font-weight: 700;
            border-color: #a5b4fc !important;
            box-shadow: 0 0 12px rgba(102, 126, 234, 0.5);
        }

        .event-modal-day.today {
            border-color: #fbbf24;
        }

        .event-modal-day.other-month {
            opacity: 0.3;
            cursor: default;
            pointer-events: none;
        }

        .event-modal-selected-date {
            margin-top: 12px;
            font-size: 13px;
            color: #a5b4fc;
            text-align: center;
            font-weight: 500;
        }

        .calendar-event-form {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .calendar-event-form label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #a0aec0;
            font-weight: 600;
            margin-bottom: -8px;
        }

        .calendar-event-form input,
        .calendar-event-form textarea {
            background: #1a202c;
            border: 1px solid #4a5568;
            border-radius: 8px;
            color: #e0e0e0;
            padding: 12px 14px;
            font-size: 14px;
            transition: border-color 0.2s;
        }

        .calendar-event-form input:focus,
        .calendar-event-form textarea:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
        }

        .calendar-event-form textarea {
            resize: vertical;
            min-height: 80px;
        }

        .calendar-event-actions {
            display: flex;
            gap: 12px;
            margin-top: 8px;
            padding-top: 16px;
            border-top: 1px solid #4a5568;
        }

        .calendar-event-btn {
            flex: 1;
            padding: 12px 20px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            border: none;
        }

        .calendar-event-btn:not(.primary) {
            background: #4a5568;
            color: #e0e0e0;
        }

        .calendar-event-btn:not(.primary):hover {
            background: #5a6578;
        }

        .calendar-event-btn.primary {
            background: #667eea;
            color: white;
        }

        .calendar-event-btn.primary:hover {
            background: #5a67d8;
        }

        .calendar-event-actions {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
        }

        .calendar-event-btn {
            padding: 6px 12px;
            border-radius: 8px;
            border: none;
            background: #4a5568;
            color: #fff;
            cursor: pointer;
            font-size: 12px;
            font-weight: 600;
        }

        .calendar-event-btn.primary {
            background: #667eea;
        }

        .calendar-event-card {
            background: #3a3a3a;
            border-radius: 8px;
            padding: 12px;
            border-left: 4px solid #667eea;
            transition: all 0.3s ease;
        }

        .calendar-event-card:hover {
            transform: translateX(5px);
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
        }

        /* CALENDAR POPUP */
        .calendar-popup-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            z-index: 10000;
            animation: fadeIn 0.3s ease;
        }

        .calendar-popup-overlay.active {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
            opacity: 1 !important;
        }

        .calendar-popup {
            background: #3a3a3a;
            border-radius: 20px;
            padding: 30px;
            max-width: 800px;
            width: 100%;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);
            animation: slideUp 0.4s ease;
        }

        .calendar-popup-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
        }

        .calendar-popup-title {
            font-size: 24px;
            font-weight: 700;
            color: #e0e0e0;
        }

        .calendar-popup-close {
            background: none;
            border: none;
            font-size: 32px;
            color: #b0b0b0;
            cursor: pointer;
            transition: all 0.3s ease;
            line-height: 1;
        }

        .calendar-popup-close:hover {
            color: #e0e0e0;
            transform: rotate(90deg);
        }

        .big-calendar {
            background: #2a2a2a;
            border-radius: 15px;
            padding: 20px;
        }

        .big-calendar-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
        }

        .big-calendar-nav button {
            background: #4a4a4a;
            border: none;
            color: white;
            padding: 10px 20px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 18px;
            transition: all 0.3s ease;
        }

        .big-calendar-nav button:hover {
            background: #667eea;
        }

        .big-calendar-month {
            font-size: 22px;
            font-weight: 700;
            color: #e0e0e0;
        }

        .big-calendar-grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 8px;
        }

        .big-calendar-day-header {
            text-align: center;
            color: #b0b0b0;
            font-size: 14px;
            font-weight: 600;
            padding: 12px 0;
        }

        .big-calendar-day {
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #3a3a3a;
            border-radius: 10px;
            color: #e0e0e0;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
        }

        .big-calendar-day:hover {
            background: #4a4a4a;
            transform: scale(1.1);
        }

        .big-calendar-day.other-month {
            opacity: 0.3;
        }

        .big-calendar-day.today {
            background: #667eea;
            font-weight: bold;
        }

        .big-calendar-day.has-event {
            border: 2px solid #4ade80;
        }

        .big-calendar-day.has-event::after {
            content: '';
            position: absolute;
            bottom: 5px;
            width: 6px;
            height: 6px;
            background: #4ade80;
            border-radius: 50%;
        }

        .calendar-view-btn {
            padding: 8px 16px;
            background: #667eea;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 15px;
            width: 100%;
        }

        .calendar-view-btn:hover {
            background: #5568d3;
            transform: translateY(-2px);
        }

        /* MINI CALENDAR IN CLIENT FOLDER */
        .mini-calendar-container {
            margin-top: 10px;
            background: #2a2a2a;
            border-radius: 10px;
            padding: 15px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .mini-calendar-container:hover {
            background: #333;
            transform: scale(1.02);
        }

        .mini-calendar-header {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 12px;
            color: #e0e0e0;
            font-size: 14px;
            font-weight: 600;
        }

        .mini-calendar-grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 4px;
        }

        .mini-calendar-day-header {
            text-align: center;
            color: #888;
            font-size: 10px;
            font-weight: 600;
            padding: 4px 0;
        }

        .mini-calendar-day {
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #3a3a3a;
            border-radius: 4px;
            color: #b0b0b0;
            font-size: 11px;
            position: relative;
        }

        .mini-calendar-day.other-month {
            opacity: 0.3;
        }

        .mini-calendar-day.today {
            background: #667eea;
            color: white;
            font-weight: bold;
        }

        .mini-calendar-day.has-event::after {
            content: '';
            position: absolute;
            bottom: 2px;
            width: 3px;
            height: 3px;
            background: #4ade80;
            border-radius: 50%;
        }

        .event-date {
            color: #667eea;
            font-weight: 700;
            font-size: 12px;
            margin-bottom: 6px;
        }

        .event-title {
            color: #e0e0e0;
            font-weight: 600;
            font-size: 14px;
        }

        /* CLIENT TASKS SECTION */
        .client-tasks-section {
            padding: 25px 30px;
            background: #3a3a3a;
            overflow-y: auto;
        }

        .client-tasks-title {
            font-size: 18px;
            color: #e0e0e0;
            margin-bottom: 15px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .client-task-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 12px;
            background: #4a4a4a;
            border-radius: 8px;
            margin-bottom: 10px;
        }

        .client-task-checkbox {
            width: 18px;
            height: 18px;
            min-width: 18px;
            border: 2px solid #667eea;
            border-radius: 50%;
            background: transparent;
        }

        .client-task-checkbox.checked {
            background: #4ade80;
            border-color: #4ade80;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .client-task-checkbox.checked::after {
            content: '✓';
            color: white;
            font-size: 11px;
            font-weight: bold;
        }

        .client-task-text {
            color: #e0e0e0;
            font-size: 13px;
            flex: 1;
            line-height: 1.3;
        }

        .client-task-item.completed .client-task-text {
            text-decoration: line-through;
            opacity: 0.6;
        }

        /* CLIENT DOCUMENTS SECTION - HIDDEN */
        .client-documents-section {
            display: none;
        }

        /* Scrollbar for bottom sections */
        .client-calendar-section::-webkit-scrollbar,
        .client-tasks-section::-webkit-scrollbar {
            width: 6px;
        }

        .client-calendar-section::-webkit-scrollbar-track,
        .client-tasks-section::-webkit-scrollbar-track {
            background: #1a1a1a;
        }

        .client-calendar-section::-webkit-scrollbar-thumb,
        .client-tasks-section::-webkit-scrollbar-thumb {
            background: #555;
            border-radius: 10px;
        }

        /* TASK LIST WITH ADD BUTTON */
        .task-add-section {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 2px solid #555;
        }

        .task-add-btn {
            width: 100%;
            padding: 12px;
            background: #667eea;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .task-add-btn:hover {
            background: #5568d3;
            transform: translateY(-2px);
        }

        .task-add-icon {
            font-size: 18px;
            font-weight: bold;
        }

        .task-input-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 10001;
            justify-content: center;
            align-items: center;
        }

        .task-input-modal.active {
            display: flex;
        }

        .task-input-box {
            background: #3a3a3a;
            padding: 30px;
            border-radius: 15px;
            max-width: 500px;
            width: 90%;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);
        }

        .task-input-box h3 {
            color: #e0e0e0;
            margin-bottom: 20px;
            font-size: 22px;
        }

        .task-input-box input,
        .task-input-box textarea {
            width: 100%;
            padding: 12px;
            background: #4a4a4a;
            border: 2px solid #555;
            border-radius: 8px;
            color: #e0e0e0;
            font-size: 14px;
            margin-bottom: 15px;
        }

        .task-input-box textarea {
            resize: vertical;
            min-height: 80px;
        }

        .task-input-buttons {
            display: flex;
            gap: 10px;
        }

        .client-task-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 12px 15px;
            background: #4a4a4a;
            border-radius: 8px;
            margin-bottom: 10px;
            transition: all 0.3s ease;
        }

        .client-task-item:hover {
            background: #525252;
        }

        .client-task-checkbox {
            width: 22px;
            height: 22px;
            min-width: 22px;
            border: 3px solid #667eea;
            border-radius: 50%;
            background: transparent;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 2px;
        }

        .client-task-checkbox:hover {
            border-color: #4ade80;
            transform: scale(1.1);
        }

        .client-task-checkbox.checked {
            background: #4ade80;
            border-color: #4ade80;
        }

        .client-task-checkbox.checked::after {
            content: '✓';
            color: white;
            font-size: 14px;
            font-weight: bold;
        }

        .client-task-text {
            color: #e0e0e0;
            font-size: 14px;
            flex: 1;
            line-height: 1.5;
        }

        .client-task-item.completed .client-task-text {
            text-decoration: line-through;
            opacity: 0.5;
        }

        /* NEW CLIENT MODAL */
        .new-client-form {
            display: grid;
            gap: 20px;
        }

        .preference-categories {
            margin-top: 20px;
        }

        .category-group {
            margin-bottom: 20px;
        }

        .category-label {
            font-size: 14px;
            font-weight: 600;
            color: #e0e0e0;
            margin-bottom: 10px;
            display: block;
        }

        .preference-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .preference-btn {
            padding: 8px 16px;
            background: #4a4a4a;
            border: 2px solid #555;
            border-radius: 20px;
            color: #e0e0e0;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .preference-btn:hover {
            background: #667eea;
            border-color: #667eea;
        }

        .preference-btn.selected {
            background: #4ade80;
            border-color: #4ade80;
            color: #1a1a1a;
            font-weight: 600;
        }

        /* CLIENT FOLDERS PAGE */
        .folders-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
        }

        .client-folders-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
        }

        .client-folder {
            background: #3a3a3a;
            border-radius: 15px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
            overflow: visible;
        }

        .client-folder:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
            border-color: #888;
        }

        /* Mini Header for Folder Cards */
        .folder-mini-header {
            position: relative;
            height: 100px;
            overflow: visible;
            border-radius: 15px 15px 0 0;
        }

        .folder-mini-images-stack {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding-right: 15px;
            overflow: hidden;
            border-radius: 15px 15px 0 0;
        }

        .folder-mini-stacked-image {
            position: absolute;
            width: 70px;
            height: 55px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        }

        .folder-mini-stacked-image:nth-child(1) {
            right: 15px;
            z-index: 3;
        }

        .folder-mini-stacked-image:nth-child(2) {
            right: 30px;
            z-index: 2;
            transform: rotate(-3deg);
        }

        .folder-mini-stacked-image:nth-child(3) {
            right: 45px;
            z-index: 1;
            transform: rotate(-6deg);
        }

        .folder-mini-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, transparent 60%);
            z-index: 4;
            overflow: hidden;
            border-radius: 15px 15px 0 0;
        }

        .folder-client-name-mini {
            position: absolute;
            top: 50%;
            left: 20px;
            transform: translateY(-50%);
            font-size: 22px;
            font-weight: 700;
            color: white;
            z-index: 5;
            text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
        }

        .folder-menu-icon {
            position: absolute;
            top: 10px;
            right: 10px;
            color: white;
            font-size: 24px;
            z-index: 6;
            cursor: pointer;
            background: rgba(0, 0, 0, 0.5);
            width: 35px;
            height: 35px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
        }

        .folder-menu-icon:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: scale(1.1);
        }

        .folder-menu-dropdown {
            position: absolute;
            top: 50px;
            right: 10px;
            background: #2d3748;
            border-radius: 10px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
            z-index: 7;
            min-width: 150px;
            overflow: hidden;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
        }

        .folder-menu-dropdown.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .folder-menu-item {
            padding: 12px 20px;
            color: white;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 10px;
            border: none;
            background: transparent;
            width: 100%;
            text-align: left;
        }

        .folder-menu-item:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        .folder-menu-item.delete {
            color: #ef4444;
        }

        .folder-menu-item.delete:hover {
            background: rgba(239, 68, 68, 0.2);
        }

        .folder-menu-item.finish {
            color: #4ade80;
        }

        .folder-menu-item.finish:hover {
            background: rgba(74, 222, 128, 0.2);
        }

        .folder-info-section {
            padding: 20px;
            position: relative;
        }

        .client-info {
            font-size: 14px;
            color: #b0b0b0;
            margin-bottom: 8px;
        }

        .house-count {
            font-size: 14px;
            color: #e0e0e0;
            font-weight: 600;
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #555;
        }

        /* COORDINATOR QUARTER-CIRCLE BUTTON */
        .coordinator-circle-btn {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 100% 0 0 0;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
            padding: 8px;
            overflow: hidden;
            z-index: 10;
            pointer-events: auto;
        }

        .coordinator-circle-btn:hover {
            width: 90px;
            height: 90px;
            background: linear-gradient(135deg, #5568d3 0%, #6a3d91 100%);
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.5);
        }

        .coordinator-circle-btn span {
            color: white;
            font-size: 11px;
            font-weight: 700;
            text-align: right;
            line-height: 1.2;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            transform: rotate(-45deg);
            transform-origin: bottom right;
            white-space: nowrap;
        }

        .coordinator-circle-btn:hover span {
            font-size: 12px;
        }

        /* COORDINATOR MODAL */
        .coordinator-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.92);
            z-index: 10000;
            animation: fadeIn 0.3s ease;
        }

        .coordinator-modal-overlay.active {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 30px;
            opacity: 1 !important;
        }

        .coordinator-modal-content {
            background: #2a2a2a;
            border-radius: 20px;
            width: 100%;
            max-width: 1200px;
            max-height: 90vh;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);
            animation: slideUp 0.4s ease;
            display: flex;
            flex-direction: column;
        }

        .coordinator-modal-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 30px 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .coordinator-modal-title {
            font-size: 28px;
            font-weight: 700;
            color: white;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .coordinator-close-btn {
            background: rgba(255, 255, 255, 0.2);
            border: 2px solid rgba(255, 255, 255, 0.3);
            color: white;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            font-size: 28px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

        .coordinator-close-btn:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: rotate(90deg) scale(1.1);
        }

        .coordinator-search-filter-section {
            background: #3a3a3a;
            padding: 25px 40px;
            border-bottom: 2px solid #4a4a4a;
        }

        .coordinator-search-bar {
            width: 100%;
            padding: 14px 20px;
            background: #2a2a2a;
            border: 2px solid #4a4a4a;
            border-radius: 12px;
            color: #e0e0e0;
            font-size: 15px;
            margin-bottom: 20px;
            transition: all 0.3s ease;
        }

        .coordinator-search-bar:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
        }

        .coordinator-search-bar::placeholder {
            color: #888;
        }

        .coordinator-filter-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .coordinator-filter-tag {
            padding: 10px 18px;
            background: #2a2a2a;
            border: 2px solid #4a4a4a;
            border-radius: 25px;
            color: #b0b0b0;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .coordinator-filter-tag:hover {
            background: #4a4a4a;
            border-color: #667eea;
            color: #e0e0e0;
        }

        .coordinator-filter-tag.active {
            background: #667eea;
            border-color: #667eea;
            color: white;
        }

        .coordinator-forms-container {
            flex: 1;
            overflow-y: auto;
            padding: 30px 40px;
        }

        .coordinator-forms-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
        }

        .coordinator-form-card {
            background: #3a3a3a;
            border: 2px solid #4a4a4a;
            border-radius: 15px;
            padding: 20px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .coordinator-form-card:hover {
            transform: translateY(-5px);
            border-color: #667eea;
            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
        }

        .coordinator-form-icon {
            font-size: 48px;
            margin-bottom: 15px;
            display: block;
        }

        .coordinator-form-title {
            font-size: 17px;
            font-weight: 700;
            color: #e0e0e0;
            margin-bottom: 8px;
        }

        .coordinator-form-description {
            font-size: 13px;
            color: #b0b0b0;
            line-height: 1.5;
            margin-bottom: 12px;
        }

        .coordinator-form-category {
            display: inline-block;
            padding: 5px 12px;
            background: #667eea;
            color: white;
            border-radius: 15px;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .coordinator-forms-container::-webkit-scrollbar {
            width: 8px;
        }

        .coordinator-forms-container::-webkit-scrollbar-track {
            background: #1a1a1a;
        }

        .coordinator-forms-container::-webkit-scrollbar-thumb {
            background: #667eea;
            border-radius: 10px;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* MY CLIENTS PAGE - FILTER TAGS */
        .filter-tag {
            padding: 8px 16px;
            border: 1px solid #555;
            background: #2a2a2a;
            color: #b0b0b0;
            border-radius: 20px;
            cursor: pointer;
            font-size: 13px;
            transition: all 0.3s ease;
        }

        .filter-tag:hover {
            border-color: #667eea;
            color: #e0e0e0;
        }

        .filter-tag.active {
            background: #667eea;
            border-color: #667eea;
            color: white;
        }

        /* =============================================================================
           COORDINATOR PAGE STYLES
           ============================================================================= */

        .coordinator-header-panel {
            background: #3a3a3a;
            padding: 25px 30px;
            border-radius: 15px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
            margin-bottom: 30px;
        }

        .coordinator-header-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 12px;
        }

        .coordinator-header-title .page-title {
            margin: 0;
        }

        .coordinator-subtitle {
            margin: 6px 0 0;
            color: #8b8b8b;
            font-size: 14px;
            font-weight: 500;
        }

        .coordinator-header-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .coordinator-header-actions {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .coordinator-toolbar {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .coordinator-search input {
            padding: 8px 12px;
            background: #3a3a3a;
            border: 1px solid #555;
            border-radius: 10px;
            color: #e0e0e0;
            font-size: 13px;
            width: 220px;
        }

        .coordinator-search input:focus {
            outline: none;
            border-color: #667eea;
        }

        .coordinator-tool-btn {
            padding: 8px 12px;
            background: #3a3a3a;
            border: 1px solid #555;
            border-radius: 10px;
            color: #e0e0e0;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .coordinator-tool-btn:hover {
            background: #4a4a4a;
            border-color: #667eea;
        }

        .coordinator-toolbar-dropdown {
            position: absolute;
            top: calc(100% + 6px);
            left: 0;
            background: #3a3a3a;
            border: 1px solid #555;
            border-radius: 10px;
            min-width: 180px;
            z-index: 200;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
            overflow: hidden;
        }

        .coordinator-toolbar-dropdown-item {
            padding: 10px 14px;
            color: #e0e0e0;
            font-size: 13px;
            cursor: pointer;
            transition: background 0.2s;
        }

        .coordinator-toolbar-dropdown-item:hover {
            background: #4a4a4a;
        }

        .coordinator-toolbar-dropdown-item.active {
            background: #667eea;
            color: white;
        }

        /* Start New Button - Base styles */
        .coordinator-start-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 500;
            width: auto;
        }

        /* Center button (empty state) - discrete grey style */
        .coordinator-empty-state {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 16px;
            min-height: 400px;
        }

        .coordinator-start-btn-center {
            padding: 14px 24px;
            font-size: 14px;
            background: #3a3a3a;
            border-radius: 10px;
            color: #888;
            box-shadow: none;
        }

        .coordinator-start-btn-center:hover {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
        }

        /* Corner button (when folders exist) - smaller version */
        .coordinator-start-btn-corner {
            padding: 8px 12px;
            font-size: 13px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 10px;
            color: white;
            box-shadow: 0 2px 10px rgba(102, 126, 234, 0.3);
            width: auto;
        }

        .coordinator-start-btn-corner:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.5);
        }

        .coordinator-empty-state .coordinator-start-btn-center {
            display: flex;
        }

        .coordinator-empty-message {
            color: rgba(224, 224, 224, 0.45);
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0.5px;
        }

        .coordinator-start-btn-inline {
            padding: 8px 14px;
            font-size: 13px;
            background: #4a4a4a;
            border-radius: 8px;
            color: #e0e0e0;
            box-shadow: none;
        }

        .coordinator-start-btn-inline:hover {
            background: #667eea;
            color: white;
            transform: translateY(-1px);
        }

        .coordinator-folder-modal .modal-body {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .coordinator-folder-modal .modal-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 12px;
            padding: 14px;
            border: 1px solid rgba(255, 255, 255, 0.15);
        }

        .coordinator-folder-modal-header {
            background: transparent;
            padding: 0;
            border: none;
        }

        .coordinator-folder-modal .modal-header {
            padding: 20px 24px;
        }

        .coordinator-folder-modal-actions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
            gap: 12px;
        }

        .coordinator-folder-client-info .client-name {
            font-size: 20px;
            font-weight: 700;
            color: #ffffff;
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .coordinator-folder-client-info .client-meta {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.85);
            margin-top: 4px;
        }

        .coordinator-mls-badge {
            font-size: 11px;
            font-weight: 600;
            background: rgba(255, 255, 255, 0.2);
            color: #fff;
            padding: 3px 10px;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.25);
            letter-spacing: 0.5px;
        }

        /* Folder Summary Section */
        .coordinator-folder-summary {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .coordinator-folder-property-card {
            display: flex;
            align-items: center;
            gap: 14px;
            background: #2f2f2f;
            border-radius: 12px;
            padding: 14px 18px;
            border: 1px solid #444;
        }

        .coordinator-folder-property-icon {
            font-size: 28px;
            flex-shrink: 0;
        }

        .coordinator-folder-property-details {
            flex: 1;
            min-width: 0;
        }

        .coordinator-folder-property-address {
            font-size: 14px;
            font-weight: 600;
            color: #e0e0e0;
            margin-bottom: 2px;
        }

        .coordinator-folder-property-specs {
            font-size: 12px;
            color: #9ca3af;
        }

        .coordinator-folder-property-price {
            font-size: 16px;
            font-weight: 700;
            color: #667eea;
            margin-top: 4px;
        }

        .coordinator-folder-stats {
            display: flex;
            gap: 12px;
        }

        .coordinator-folder-stat {
            flex: 1;
            background: #2f2f2f;
            border-radius: 10px;
            padding: 12px 16px;
            text-align: center;
            border: 1px solid #444;
        }

        .coordinator-folder-stat-value {
            font-size: 18px;
            font-weight: 700;
            color: #e0e0e0;
        }

        .coordinator-folder-stat-label {
            font-size: 11px;
            color: #9ca3af;
            margin-top: 2px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* Folder Action Buttons */
        .coordinator-folder-actions {
            display: flex;
            gap: 10px;
        }

        .coordinator-folder-action-btn {
            padding: 8px 16px;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s ease;
            border: 1px solid #667eea;
            background: #667eea;
            color: #fff;
        }

        .coordinator-folder-action-btn:hover {
            background: #5a6fd6;
        }

        .coordinator-folder-action-btn.secondary {
            background: transparent;
            border-color: #ef4444;
            color: #ef4444;
        }

        .coordinator-folder-action-btn.secondary:hover {
            background: rgba(239, 68, 68, 0.15);
        }

        /* Contract Cards */
        .coordinator-contract-card {
            background: #2f2f2f;
            border-radius: 12px;
            padding: 16px;
            border: 1px solid #444;
            transition: border-color 0.2s;
        }

        .coordinator-contract-card:hover {
            border-color: #667eea;
        }

        .coordinator-contract-card-header {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .coordinator-contract-card-icon {
            font-size: 24px;
            flex-shrink: 0;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(102, 126, 234, 0.12);
            border-radius: 10px;
        }

        .coordinator-contract-card-info {
            flex: 1;
            min-width: 0;
        }

        .coordinator-contract-card-title {
            font-size: 14px;
            font-weight: 600;
            color: #e0e0e0;
        }

        .coordinator-contract-card-date {
            font-size: 11px;
            color: #9ca3af;
            margin-top: 2px;
        }

        .coordinator-contract-delete-btn {
            background: none;
            border: none;
            color: #888;
            font-size: 20px;
            cursor: pointer;
            padding: 4px 8px;
            border-radius: 6px;
            transition: all 0.2s;
            line-height: 1;
            flex-shrink: 0;
        }

        .coordinator-contract-delete-btn:hover {
            color: #ef4444;
            background: rgba(239, 68, 68, 0.12);
        }

        .coordinator-contract-card-chips {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid #3a3a3a;
        }

        .coordinator-form-chip {
            font-size: 11px;
            padding: 4px 10px;
            background: #3a3a3a;
            border: 1px solid #4a4a4a;
            border-radius: 20px;
            color: #d0d0d0;
            white-space: nowrap;
        }

        .coordinator-contract-empty {
            text-align: center;
            color: #888;
            padding: 24px;
            font-size: 13px;
        }

        .coordinator-contract-search input {
            padding: 8px 12px;
            background: #3a3a3a;
            border: 1px solid #555;
            border-radius: 10px;
            color: #e0e0e0;
            font-size: 13px;
            width: 220px;
        }

        .coordinator-contract-search input:focus {
            outline: none;
            border-color: #667eea;
        }

        /* Folders Container */
        .coordinator-folders-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }

        /* Individual Folder Card */
        .coordinator-folder {
            background: #2a2a2a;
            border-radius: 16px;
            padding: 20px;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .coordinator-folder:hover {
            border-color: #667eea;
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.2);
        }

        .coordinator-folder-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }

        .coordinator-folder-client {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .coordinator-folder-icon {
            font-size: 24px;
        }

        .coordinator-folder-name {
            color: #e0e0e0;
            font-size: 18px;
            font-weight: 600;
        }

        .coordinator-folder-delete {
            background: none;
            border: none;
            color: #888;
            font-size: 24px;
            cursor: pointer;
            padding: 0 5px;
            line-height: 1;
            transition: color 0.2s;
        }

        .coordinator-folder-delete:hover {
            color: #e74c3c;
        }

        .coordinator-folder-property {
            background: #3a3a3a;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
        }

        .coordinator-folder-address {
            color: #e0e0e0;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 5px;
        }

        .coordinator-folder-mls {
            color: #888;
            font-size: 12px;
            margin-bottom: 8px;
        }

        .coordinator-folder-price {
            color: #667eea;
            font-size: 16px;
            font-weight: 700;
        }

        .coordinator-folder-no-property {
            background: #3a3a3a;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
            color: #888;
            font-size: 13px;
            text-align: center;
        }

        .coordinator-folder-contracts {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .coordinator-folder-contracts-label {
            color: #888;
            font-size: 13px;
        }

        /* =============================================================================
           COORDINATOR MODAL STYLES
           ============================================================================= */

        .coordinator-modal {
            max-width: 1100px;
            max-height: 85vh;
            width: 92%;
        }

        .coordinator-forms-placeholder {
            color: #9ca3af;
            font-size: 13px;
            margin-top: 10px;
        }

        .coordinator-folder-details {
            margin-top: 14px;
            background: #3a3a3a;
            border-radius: 12px;
            padding: 14px;
            border: 1px solid #4a4a4a;
        }

        .coordinator-folder-details-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
        }

        .coordinator-folder-client-info {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .coordinator-folder-client-info .client-name {
            font-weight: 700;
            color: #e0e0e0;
        }

        .coordinator-folder-client-info .client-meta {
            font-size: 12px;
            color: #9ca3af;
        }

        .coordinator-contract-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .coordinator-contract-item {
            background: #2f2f2f;
            border-radius: 10px;
            padding: 12px 14px;
            border-left: 3px solid #667eea;
        }

        .coordinator-contract-title {
            font-size: 13px;
            font-weight: 700;
            color: #e0e0e0;
            margin-bottom: 6px;
        }

        .coordinator-contract-forms {
            font-size: 12px;
            color: #b0b0b0;
        }

        .coordinator-modal .modal-body {
            max-height: calc(85vh - 80px);
            overflow-y: auto;
        }

        .coordinator-modal-content {
            padding: 24px 28px;
            border-radius: 14px;
        }

        .coordinator-modal-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 20px;
        }

        .coordinator-modal-field {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .coordinator-modal-field label {
            color: #e0e0e0;
            font-size: 14px;
            font-weight: 600;
        }

        .coordinator-modal-field select,
        .coordinator-modal-field input {
            padding: 12px 14px;
            background: #3a3a3a;
            border: 2px solid #444;
            border-radius: 10px;
            color: #e0e0e0;
            font-size: 14px;
            outline: none;
            transition: border-color 0.2s;
        }

        .coordinator-modal-field select:focus,
        .coordinator-modal-field input:focus {
            border-color: #667eea;
        }

        /* Searchable Dropdown Styles - LOW z-index to not overlap notifications */
        .searchable-dropdown {
            position: relative;
            z-index: 100;
        }

        .searchable-dropdown-input {
            width: 100%;
            cursor: text;
        }

        .searchable-dropdown-list {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #3a3a3a;
            border: 2px solid #667eea;
            border-top: none;
            border-radius: 0 0 10px 10px;
            max-height: 200px;
            overflow-y: auto;
            z-index: 101;
        }

        .searchable-dropdown-list.hidden {
            display: none;
        }

        .searchable-dropdown-item {
            padding: 10px 14px;
            color: #e0e0e0;
            font-size: 14px;
            cursor: pointer;
            transition: background 0.2s;
        }

        .searchable-dropdown-item:hover {
            background: #4a4a4a;
        }

        .searchable-dropdown-item.selected {
            background: #667eea;
            color: white;
        }

        .searchable-dropdown-item.current {
            background: rgba(102, 126, 234, 0.15);
            border-left: 3px solid #667eea;
        }

        .searchable-dropdown-item.current:hover {
            background: rgba(102, 126, 234, 0.25);
        }

        .searchable-dropdown-empty {
            padding: 10px 14px;
            color: #888;
            font-size: 13px;
            font-style: italic;
        }

        /* Clear Selection Option */
        .clear-selection-option {
            background: rgba(239, 68, 68, 0.1);
            border-bottom: 1px solid #555;
            color: #ef4444;
        }

        .clear-selection-option:hover {
            background: rgba(239, 68, 68, 0.2);
        }

        .clear-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 18px;
            height: 18px;
            background: #ef4444;
            color: white;
            border-radius: 50%;
            font-size: 12px;
            font-weight: bold;
            margin-right: 8px;
        }

        .searchable-dropdown-list::-webkit-scrollbar {
            width: 6px;
        }

        .searchable-dropdown-list::-webkit-scrollbar-track {
            background: #2a2a2a;
        }

        .searchable-dropdown-list::-webkit-scrollbar-thumb {
            background: #667eea;
            border-radius: 10px;
        }

        .coordinator-mls-search-btn {
            padding: 10px 16px;
            font-size: 13px;
            margin-top: 5px;
            width: 100%;
        }

        .coordinator-mls-result {
            background: #3a3a3a;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 20px;
        }

        .coordinator-property-found {
            display: flex;
            align-items: flex-start;
            gap: 15px;
        }

        .coordinator-property-icon {
            font-size: 32px;
        }

        .coordinator-property-details {
            flex: 1;
        }

        .coordinator-property-address {
            color: #e0e0e0;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .coordinator-property-specs {
            color: #888;
            font-size: 13px;
            margin-bottom: 8px;
        }

        .coordinator-property-price {
            color: #667eea;
            font-size: 18px;
            font-weight: 700;
        }

        .coordinator-property-not-found {
            color: #e74c3c;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        /* Forms Section */
        .coordinator-forms-section {
            margin-top: 25px;
            padding-top: 20px;
            border-top: 1px solid #444;
        }

        .coordinator-forms-section > label {
            display: block;
            color: #e0e0e0;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .coordinator-forms-filters {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 15px;
        }

        .coordinator-filter-btn {
            padding: 8px 16px;
            border-radius: 20px;
            border: 1px solid #555;
            background: #3a3a3a;
            color: #b0b0b0;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .coordinator-filter-btn:hover {
            border-color: #667eea;
            color: #e0e0e0;
        }

        .coordinator-filter-btn.active {
            background: #667eea;
            border-color: #667eea;
            color: white;
        }

        .coordinator-forms-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 10px;
            max-height: 250px;
            overflow-y: auto;
            padding-right: 5px;
        }

        .coordinator-forms-grid::-webkit-scrollbar {
            width: 6px;
        }

        .coordinator-forms-grid::-webkit-scrollbar-track {
            background: #2a2a2a;
        }

        .coordinator-forms-grid::-webkit-scrollbar-thumb {
            background: #667eea;
            border-radius: 10px;
        }

        .coordinator-form-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 14px;
            background: #3a3a3a;
            border: 2px solid #444;
            border-radius: 10px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .coordinator-form-item:hover {
            border-color: #667eea;
        }

        .coordinator-form-item.selected {
            border-color: #667eea;
            background: rgba(102, 126, 234, 0.15);
        }

        .coordinator-form-item .form-icon {
            font-size: 20px;
        }

        .coordinator-form-item .form-name {
            color: #e0e0e0;
            font-size: 13px;
            font-weight: 500;
            flex: 1;
        }

        .coordinator-form-item .form-check {
            width: 18px;
            height: 18px;
            border-radius: 4px;
            border: 2px solid #555;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 12px;
            transition: all 0.2s ease;
        }

        .coordinator-form-item.selected .form-check {
            background: #667eea;
            border-color: #667eea;
        }

        .coordinator-modal-actions {
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            padding-top: 20px;
            margin-top: 8px;
        }

        @media (max-width: 700px) {
            .coordinator-modal-row {
                grid-template-columns: 1fr;
            }

            .coordinator-folders-container {
                grid-template-columns: 1fr;
            }

            .coordinator-forms-grid {
                grid-template-columns: 1fr;
            }
        }

        /* ===========================================
           RUSTIC THEME OVERRIDES
           =========================================== */

        body[data-theme^="luxury"] .coordinator-header-panel , body[data-theme="deep-blue"] .coordinator-header-panel {
            background: var(--bg-card);
            box-shadow: var(--shadow-card);
        }

        body[data-theme^="luxury"] .coordinator-subtitle, body[data-theme="deep-blue"] .coordinator-subtitle,
        body[data-theme^="luxury"] .coordinator-folder-mls, body[data-theme="deep-blue"] .coordinator-folder-mls,
        body[data-theme^="luxury"] .coordinator-folder-contracts-label, body[data-theme="deep-blue"] .coordinator-folder-contracts-label,
        body[data-theme^="luxury"] .coordinator-empty-message, body[data-theme="deep-blue"] .coordinator-empty-message,
        body[data-theme^="luxury"] .coordinator-form-description , body[data-theme="deep-blue"] .coordinator-form-description {
            color: var(--text-muted);
        }

        body[data-theme^="luxury"] .coordinator-search input, body[data-theme="deep-blue"] .coordinator-search input,
        body[data-theme^="luxury"] .coordinator-search-bar, body[data-theme="deep-blue"] .coordinator-search-bar,
        body[data-theme^="luxury"] .coordinator-contract-search input , body[data-theme="deep-blue"] .coordinator-contract-search input {
            background: var(--bg-card);
            color: var(--text-primary);
            border-color: var(--border-soft);
        }

        body[data-theme^="luxury"] .coordinator-search input:focus, body[data-theme="deep-blue"] .coordinator-search input:focus,
        body[data-theme^="luxury"] .coordinator-search-bar:focus, body[data-theme="deep-blue"] .coordinator-search-bar:focus,
        body[data-theme^="luxury"] .coordinator-contract-search input:focus , body[data-theme="deep-blue"] .coordinator-contract-search input:focus {
            border-color: var(--accent-primary);
        }

        body[data-theme^="luxury"] .coordinator-search-bar::placeholder , body[data-theme="deep-blue"] .coordinator-search-bar::placeholder {
            color: var(--text-muted);
        }

        body[data-theme^="luxury"] .coordinator-tool-btn , body[data-theme="deep-blue"] .coordinator-tool-btn {
            background: transparent;
            color: var(--text-primary);
            border-color: var(--border-soft);
        }

        body[data-theme="luxury"] .coordinator-tool-btn {
            background: rgba(255, 255, 255, 0.12);
            color: var(--header-text);
            border-color: var(--border-strong);
        }

        body[data-theme^="luxury"] .coordinator-tool-btn:hover , body[data-theme="deep-blue"] .coordinator-tool-btn:hover {
            background: rgba(var(--accent-primary-rgb), 0.08);
            border-color: var(--accent-primary);
        }

        body[data-theme="luxury"] .coordinator-tool-btn:hover {
            background: rgba(255, 255, 255, 0.18);
            border-color: var(--border-strong);
        }

        body[data-theme^="luxury"] .coordinator-modal-content, body[data-theme="deep-blue"] .coordinator-modal-content,
        body[data-theme^="luxury"] .coordinator-modal, body[data-theme="deep-blue"] .coordinator-modal,
        body[data-theme^="luxury"] .coordinator-search-filter-section, body[data-theme="deep-blue"] .coordinator-search-filter-section,
        body[data-theme^="luxury"] .coordinator-forms-container , body[data-theme="deep-blue"] .coordinator-forms-container {
            background: var(--bg-card);
            color: var(--text-primary);
        }

        body[data-theme^="luxury"] .coordinator-modal-header, body[data-theme="deep-blue"] .coordinator-modal-header,
        body[data-theme^="luxury"] .coordinator-folder-modal .modal-header , body[data-theme="deep-blue"] .coordinator-folder-modal .modal-header {
            background: var(--text-primary);
            color: var(--bg-main);
        }

        body[data-theme^="luxury"] .coordinator-close-btn , body[data-theme="deep-blue"] .coordinator-close-btn {
            background: rgba(219, 221, 222, 0.15);
            color: var(--bg-main);
        }

        body[data-theme="luxury"] .coordinator-modal-header,
        body[data-theme="luxury"] .coordinator-folder-modal .modal-header {
            background: var(--header-bg);
            color: var(--header-text);
            border-color: var(--border-strong);
        }

        body[data-theme="luxury"] .coordinator-close-btn {
            background: rgba(247, 245, 240, 0.18);
            color: var(--header-text);
            border: 1px solid var(--border-strong);
        }

        body[data-theme="luxury"] .coordinator-close-btn:hover {
            background: rgba(247, 245, 240, 0.28);
        }

        body[data-theme^="luxury"] .coordinator-filter-tag , body[data-theme="deep-blue"] .coordinator-filter-tag {
            background: transparent;
            color: var(--text-primary);
            border-color: var(--border-soft);
        }

        body[data-theme^="luxury"] .coordinator-filter-tag:hover , body[data-theme="deep-blue"] .coordinator-filter-tag:hover {
            background: rgba(var(--accent-primary-rgb), 0.08);
            border-color: var(--accent-primary);
        }

        body[data-theme^="luxury"] .coordinator-filter-tag.active , body[data-theme="deep-blue"] .coordinator-filter-tag.active {
            background: var(--accent-primary);
            color: #ffffff;
            border-color: var(--accent-primary);
        }

        body[data-theme="luxury"] .coordinator-filter-tag.active {
            color: var(--btn-primary-text);
        }

        body[data-theme="luxury"] .coordinator-filter-btn {
            background: var(--header-bg);
            border-color: var(--border-strong);
            color: var(--header-text);
        }

        body[data-theme="luxury"] .coordinator-filter-btn:hover,
        body[data-theme="luxury"] .coordinator-filter-btn.active {
            background: var(--btn-primary-bg);
            border-color: var(--border-strong);
            color: var(--header-text);
        }

        body[data-theme^="luxury"] .coordinator-form-card, body[data-theme="deep-blue"] .coordinator-form-card,
        body[data-theme^="luxury"] .coordinator-folder, body[data-theme="deep-blue"] .coordinator-folder,
        body[data-theme^="luxury"] .coordinator-folder-property, body[data-theme="deep-blue"] .coordinator-folder-property,
        body[data-theme^="luxury"] .coordinator-folder-no-property , body[data-theme="deep-blue"] .coordinator-folder-no-property {
            background: var(--bg-card);
            color: var(--text-primary);
            border-color: var(--border-soft);
            box-shadow: var(--shadow-card);
        }

        body[data-theme="luxury"] .coordinator-form-card,
        body[data-theme="luxury"] .coordinator-folder,
        body[data-theme="luxury"] .coordinator-folder-property,
        body[data-theme="luxury"] .coordinator-folder-no-property {
            background: var(--card-noise), var(--card-bg);
            background-size: 140px 140px, auto;
        }

        body[data-theme="luxury"] .coordinator-form-item {
            background: var(--header-bg);
            border-color: var(--border-strong);
        }

        body[data-theme="luxury"] .coordinator-form-item:hover {
            background: var(--btn-primary-bg);
            border-color: var(--border-strong);
        }

        body[data-theme="luxury"] .coordinator-form-item.selected {
            background: var(--btn-primary-bg);
            border-color: var(--border-strong);
        }

        body[data-theme="luxury"] .coordinator-form-item .form-name {
            color: var(--header-text);
        }

        body[data-theme="luxury"] .coordinator-form-item .form-check {
            border-color: var(--border-strong);
            color: var(--header-text);
        }

        body[data-theme="luxury"] .coordinator-form-item.selected .form-check {
            background: var(--header-bg);
            border-color: var(--border-strong);
            color: var(--header-text);
        }

        body[data-theme="luxury"] .coordinator-contract-card {
            background: var(--card-noise), var(--card-bg);
            background-size: 140px 140px, auto;
            border-color: var(--border-soft);
        }

        body[data-theme="luxury"] .coordinator-contract-item {
            background: var(--card-noise), var(--card-bg);
            background-size: 140px 140px, auto;
            border-left-color: var(--accent-primary);
        }

        body[data-theme^="luxury"] .coordinator-form-title, body[data-theme="deep-blue"] .coordinator-form-title,
        body[data-theme^="luxury"] .coordinator-folder-name, body[data-theme="deep-blue"] .coordinator-folder-name,
        body[data-theme^="luxury"] .coordinator-folder-address , body[data-theme="deep-blue"] .coordinator-folder-address {
            color: var(--text-primary);
        }

        body[data-theme^="luxury"] .coordinator-folder-price , body[data-theme="deep-blue"] .coordinator-folder-price {
            color: var(--accent-primary);
        }

        body[data-theme="luxury"] .coordinator-folder-price {
            color: var(--text-primary);
        }

        body[data-theme="luxury"] .coordinator-contract-card-title,
        body[data-theme="luxury"] .coordinator-contract-card-date,
        body[data-theme="luxury"] .coordinator-contract-title,
        body[data-theme="luxury"] .coordinator-contract-forms,
        body[data-theme="luxury"] .coordinator-contract-empty {
            color: #000000;
        }

        body[data-theme="luxury"] .coordinator-contract-delete-btn {
            color: #000000;
        }

        body[data-theme="luxury"] .coordinator-form-chip {
            background: var(--card-bg-alt);
            border-color: var(--border-soft);
            color: #000000;
        }

        body[data-theme="luxury"] .coordinator-folder-price,
        body[data-theme="luxury"] .coordinator-folder-stat-value,
        body[data-theme="luxury"] .coordinator-folder-contracts-label,
        body[data-theme="luxury"] .coordinator-folder-mls,
        body[data-theme="luxury"] .coordinator-contract-card-date,
        body[data-theme="luxury"] .coordinator-contract-title {
            color: #000000;
        }

        body[data-theme^="luxury"] .coordinator-folder:hover , body[data-theme="deep-blue"] .coordinator-folder:hover {
            border-color: var(--accent-primary);
        }

        body[data-theme^="luxury"] .coordinator-folder-delete:hover , body[data-theme="deep-blue"] .coordinator-folder-delete:hover {
            color: var(--accent-strong);
        }

        body[data-theme^="luxury"] .coordinator-start-btn, body[data-theme="deep-blue"] .coordinator-start-btn,
        body[data-theme^="luxury"] .coordinator-start-btn-center, body[data-theme="deep-blue"] .coordinator-start-btn-center,
        body[data-theme^="luxury"] .coordinator-start-btn-corner, body[data-theme="deep-blue"] .coordinator-start-btn-corner,
        body[data-theme^="luxury"] .coordinator-start-btn-inline , body[data-theme="deep-blue"] .coordinator-start-btn-inline {
            background: var(--accent-primary);
            color: #ffffff;
            border-color: var(--accent-primary);
        }

        body[data-theme="luxury"] .coordinator-start-btn,
        body[data-theme="luxury"] .coordinator-start-btn-center,
        body[data-theme="luxury"] .coordinator-start-btn-corner,
        body[data-theme="luxury"] .coordinator-start-btn-inline {
            color: var(--btn-primary-text);
            border-color: var(--border-strong);
        }

        body[data-theme="luxury"] .coordinator-header-title .page-title,
        body[data-theme="luxury"] .coordinator-subtitle,
        body[data-theme="luxury"] .coordinator-tool-btn,
        body[data-theme="luxury"] .coordinator-search input,
        body[data-theme="luxury"] .coordinator-search input::placeholder,
        body[data-theme="luxury"] .coordinator-search-bar,
        body[data-theme="luxury"] .coordinator-search-bar::placeholder,
        body[data-theme="luxury"] .coordinator-contract-search input,
        body[data-theme="luxury"] .coordinator-contract-search input::placeholder,
        body[data-theme="luxury"] .coordinator-filter-tag,
        body[data-theme="luxury"] .coordinator-toolbar-dropdown,
        body[data-theme="luxury"] .coordinator-toolbar-dropdown-item,
        body[data-theme="luxury"] .coordinator-start-btn,
        body[data-theme="luxury"] .coordinator-start-btn-center,
        body[data-theme="luxury"] .coordinator-start-btn-corner,
        body[data-theme="luxury"] .coordinator-start-btn-inline {
            color: #000000;
        }

        body[data-theme^="luxury"] .coordinator-start-btn-center:hover, body[data-theme="deep-blue"] .coordinator-start-btn-center:hover,
        body[data-theme^="luxury"] .coordinator-start-btn-corner:hover, body[data-theme="deep-blue"] .coordinator-start-btn-corner:hover,
        body[data-theme^="luxury"] .coordinator-start-btn-inline:hover , body[data-theme="deep-blue"] .coordinator-start-btn-inline:hover {
            background: var(--accent-primary);
        }

        /* Office Classic - Calendar events tab (Contract Coordinator) */
        body[data-theme="luxury"] .compact-calendar-events-panel {
            background: #ffffff;
            border: 1px solid rgba(79, 107, 133, 0.45);
        }

        body[data-theme="luxury"] .compact-calendar-events-date,
        body[data-theme="luxury"] .compact-calendar-sync-note {
            color: #000000;
        }

        body[data-theme="luxury"] .compact-calendar-event-card {
            background: #4F6B85;
            border: 1px solid rgba(255, 255, 255, 0.28);
            border-left: 3px solid #3E556B;
        }

        body[data-theme="luxury"] .compact-calendar-event-title {
            color: #ffffff;
            font-size: 14px;
            font-weight: 700;
        }

        body[data-theme="luxury"] .compact-calendar-event-meta {
            color: rgba(255, 255, 255, 0.92);
            font-size: 12px;
        }

        body[data-theme="luxury"] .compact-calendar-event-meta span,
        body[data-theme="luxury"] .compact-calendar-event-source,
        body[data-theme="luxury"] .compact-calendar-event-source.local,
        body[data-theme="luxury"] .compact-calendar-event-source.google {
            color: #ffffff;
        }

        body[data-theme="luxury"] .compact-calendar-event-menu-btn {
            color: #ffffff;
        }

        body[data-theme="luxury"] .compact-calendar-event-menu {
            background: #ffffff;
            border: 1px solid rgba(79, 107, 133, 0.45);
        }

        body[data-theme="luxury"] .compact-calendar-event-menu button {
            background: #ffffff;
            border: 1px solid rgba(79, 107, 133, 0.35);
            color: #000000;
        }

        body[data-theme="luxury"] .compact-calendar-event-menu button:hover {
            background: #f2f7fc;
        }

        body[data-theme="luxury"] .compact-calendar-event-source {
            background: rgba(255, 255, 255, 0.2);
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.35);
        }

        /* ===========================================
           DEEP BLUE DROPDOWN FIX
           Fix searchable dropdowns being clipped
           =========================================== */

        body[data-theme="deep-blue"] .searchable-dropdown {
            position: relative;
            z-index: 1500;
        }

        body[data-theme="deep-blue"] .searchable-dropdown-list {
            z-index: 1501;
            background: rgba(9, 18, 36, 0.98);
            border-color: var(--accent-primary);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
        }

        body[data-theme="deep-blue"] .searchable-dropdown-item:hover {
            background: rgba(45, 140, 255, 0.15);
        }

        body[data-theme="deep-blue"] .searchable-dropdown-item.selected {
            background: var(--accent-primary);
        }

        /* Ensure coordinator modal field dropdowns are not clipped */
        body[data-theme="deep-blue"] .coordinator-modal-field {
            overflow: visible;
        }

        body[data-theme="deep-blue"] .coordinator-modal-row {
            overflow: visible;
        }

        body[data-theme="deep-blue"] .coordinator-modal-content {
            overflow: visible;
        }

        body[data-theme="deep-blue"] .coordinator-modal .modal-body {
            overflow: visible;
        }

        /* =============================================================================
           CONTRACT LIBRARY (AGENT COORDINATOR)
           ============================================================================= */

        .contract-library-header-top {
            align-items: flex-end;
        }

        .contract-library-meta {
            text-align: right;
        }

        .contract-library-meta-label {
            color: #8b8b8b;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.08em;
        }

        .contract-library-meta-value {
            font-size: 20px;
            font-weight: 600;
            color: #f0f0f0;
        }

        .contract-library-layout {
            display: grid;
            grid-template-columns: 240px minmax(0, 1fr);
            gap: 22px;
        }

        .contract-library-sidebar {
            background: #2f2f2f;
            border: 1px solid #444;
            border-radius: 14px;
            padding: 18px;
            height: fit-content;
        }

        .contract-library-sidebar-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
        }

        .contract-library-sidebar-title {
            font-size: 14px;
            font-weight: 600;
            color: #f0f0f0;
            text-transform: uppercase;
            letter-spacing: 0.08em;
        }

        .contract-library-sidebar-subtitle {
            font-size: 12px;
            color: #9b9b9b;
            margin-top: 6px;
        }

        .contract-library-category-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .contract-library-category {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 12px;
            border-radius: 10px;
            border: 1px solid transparent;
            background: #373737;
            color: #e0e0e0;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .contract-library-category:hover {
            border-color: #667eea;
            background: #3f3f3f;
        }

        .contract-library-category.active {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-color: transparent;
            color: #ffffff;
        }

        .contract-library-main {
            min-width: 0;
        }

        .contract-library-table-card {
            background: #2f2f2f;
            border-radius: 16px;
            border: 1px solid #3f3f3f;
            padding: 18px;
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
        }

        .contract-library-table-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 14px;
        }

        .contract-library-table-title {
            margin: 0;
            font-size: 18px;
            color: #f0f0f0;
        }

        .contract-library-table-subtitle {
            margin: 6px 0 0;
            font-size: 12px;
            color: #9b9b9b;
        }

        .contract-library-state {
            padding: 16px;
            margin-bottom: 14px;
            border-radius: 12px;
            border: 1px dashed #4a4a4a;
            background: #2b2b2b;
            color: #b8b8b8;
            font-size: 13px;
            text-align: center;
        }

        .contract-library-table-wrapper {
            width: 100%;
            overflow-x: auto;
        }

        .contract-library-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 560px;
        }

        .contract-library-table th {
            text-align: left;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: #9b9b9b;
            padding: 12px 10px;
            border-bottom: 1px solid #3a3a3a;
        }

        .contract-library-table td {
            padding: 12px 10px;
            border-bottom: 1px solid #3a3a3a;
            color: #e2e2e2;
            font-size: 13px;
        }

        .contract-library-table tbody tr:hover {
            background: rgba(102, 126, 234, 0.08);
        }

        .contract-library-pill {
            display: inline-flex;
            align-items: center;
            padding: 4px 10px;
            border-radius: 999px;
            background: #3c3c3c;
            color: #d8d8d8;
            font-size: 12px;
        }

        .contract-download-btn {
            padding: 6px 12px;
            font-size: 12px;
            border-radius: 8px;
            background: #3a3a3a;
            border: 1px solid #555;
            color: #e0e0e0;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .contract-download-btn:hover {
            background: #4a4a4a;
            border-color: #667eea;
        }

        .contract-download-btn:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        .contract-library-actions {
            display: inline-flex;
            gap: 8px;
            align-items: center;
        }

        .contract-preview-btn {
            background: #2f2f2f;
        }

        .contract-preview-btn:hover {
            background: #3a3a3a;
        }

        @media (max-width: 980px) {
            .contract-library-layout {
                grid-template-columns: 1fr;
            }

            .contract-library-sidebar {
                order: 2;
            }

            .contract-library-main {
                order: 1;
            }
        }

        @media (max-width: 640px) {
            .contract-library-meta {
                text-align: left;
            }

            .contract-library-header-top {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }
        }

        .contract-preview-modal {
            width: min(92vw, 980px);
        }

        .contract-preview-modal .modal-body {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .contract-preview-meta {
            font-size: 12px;
            color: #9b9b9b;
            margin-top: 6px;
        }

        .contract-preview-state {
            padding: 12px;
            border-radius: 10px;
            border: 1px dashed #4a4a4a;
            background: #2b2b2b;
            color: #b8b8b8;
            font-size: 13px;
            text-align: center;
        }

        .contract-preview-frame {
            width: 100%;
            height: min(70vh, 720px);
            border: none;
            border-radius: 12px;
            background: #1f1f1f;
        }

        @media (max-width: 640px) {
            .contract-preview-frame {
                height: 60vh;
            }
        }