/* Caribe Airport Transfers presentation profile.
 * Loaded after the shared premium Dispatcher layout. Operational behavior stays
 * in dispatcher.css and dispatcher.js so this file can remain presentation-only.
 */

.trs-dispatcher-shell,
.trs-dispatcher-login-wrap {
    --ad-deep: #031927;
    --ad-deep-2: #062a43;
    --ad-navy: var(--trs-navy, #062a43);
    --ad-blue: var(--trs-blue, #087d99);
    --ad-blue-2: #0a3a59;
    --ad-cyan: var(--trs-cyan, #11b7c7);
    --ad-sky: #72dbe4;
    --ad-coral: var(--trs-coral, #d6a53a);
    --ad-ink: #062a43;
    --ad-text: #294b5f;
    --ad-muted: #7a8995;
    --ad-soft: #f5f9fb;
    --ad-line: #d9e3e8;
    --ad-success: #0a8f70;
    --ad-warning: #a66e16;
    --ad-shadow-sm: 0 8px 24px rgba(3, 25, 39, .07);
    --ad-shadow: 0 18px 50px rgba(3, 25, 39, .11);
    --ad-shadow-lg: 0 26px 75px rgba(3, 25, 39, .16);
}

/* Keep decorative header indicators inside the public site header on the
 * Dispatcher page. This removes the small marker protruding below the header. */
body.trs-dispatcher-page .elementor-location-header,
body.trs-dispatcher-page .site-header {
    overflow: clip;
}

.trs-dispatcher-profile-cat .trs-dispatcher-shell {
    margin-top: 40px !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-topbar {
    border-color: rgba(17, 183, 199, .24) !important;
    background:
        radial-gradient(circle at 87% 4%, rgba(17, 183, 199, .26), transparent 32%),
        radial-gradient(circle at 100% 112%, rgba(8, 125, 153, .30), transparent 35%),
        linear-gradient(128deg, #031927 0%, #062a43 58%, #087d99 100%) !important;
    box-shadow: 0 26px 72px rgba(3, 25, 39, .19) !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-header-logo {
    width: 205px !important;
    min-width: 205px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-header-logo img {
    width: 100% !important;
    max-height: 76px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .18));
}

.trs-dispatcher-profile-cat .trs-dispatcher-heading .trs-dispatcher-kicker,
.trs-dispatcher-profile-cat .trs-dispatcher-topbar .trs-dispatcher-kicker {
    color: #72dbe4 !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-stats > article::before,
.trs-dispatcher-profile-cat .trs-stat-card::before {
    background: linear-gradient(90deg, #087d99, #11b7c7) !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-stats > article:nth-child(4)::before,
.trs-dispatcher-profile-cat .trs-stat-card:nth-child(4)::before {
    background: linear-gradient(90deg, #d6a53a, #f1d17a) !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-tabs a:hover {
    background: #e8f7f9 !important;
    color: #087d99 !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-tabs a.is-active {
    background: linear-gradient(135deg, #087d99, #11b7c7) !important;
    box-shadow: 0 8px 20px rgba(8, 125, 153, .22) !important;
}

.trs-dispatcher-profile-cat .trs-new-booking-button,
.trs-dispatcher-profile-cat .trs-dispatcher-filters button,
.trs-dispatcher-profile-cat .trs-new-booking-submit button,
.trs-dispatcher-profile-cat .trs-ops-card > button,
.trs-dispatcher-profile-cat .trs-edit-actions button,
.trs-dispatcher-profile-cat .trs-communications-actions button {
    background: linear-gradient(135deg, #d6a53a, #f1d17a) !important;
    color: #031927 !important;
    box-shadow: 0 10px 24px rgba(214, 165, 58, .23) !important;
}

.trs-dispatcher-profile-cat .trs-new-booking-button:hover,
.trs-dispatcher-profile-cat .trs-dispatcher-filters button:hover,
.trs-dispatcher-profile-cat .trs-new-booking-submit button:hover,
.trs-dispatcher-profile-cat .trs-ops-card > button:hover,
.trs-dispatcher-profile-cat .trs-edit-actions button:hover,
.trs-dispatcher-profile-cat .trs-communications-actions button:hover {
    color: #031927 !important;
    box-shadow: 0 14px 30px rgba(214, 165, 58, .31) !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-filters input:focus,
.trs-dispatcher-profile-cat .trs-dispatcher-filters select:focus,
.trs-dispatcher-profile-cat .trs-ops-card input:focus,
.trs-dispatcher-profile-cat .trs-ops-card select:focus,
.trs-dispatcher-profile-cat .trs-ops-card textarea:focus,
.trs-dispatcher-profile-cat .trs-edit-field input:focus,
.trs-dispatcher-profile-cat .trs-edit-field select:focus,
.trs-dispatcher-profile-cat .trs-edit-field textarea:focus,
.trs-dispatcher-profile-cat .trs-new-booking-form input:focus,
.trs-dispatcher-profile-cat .trs-new-booking-form select:focus,
.trs-dispatcher-profile-cat .trs-new-booking-form textarea:focus {
    border-color: #11b7c7 !important;
    box-shadow: 0 0 0 4px rgba(17, 183, 199, .13) !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-kicker {
    color: #087d99 !important;
}

.trs-dispatcher-profile-cat .trs-dispatcher-count {
    min-height: 39px;
    border-color: #c6e8ec !important;
    border-radius: 10px !important;
    background: #eaf8fa !important;
    color: #087d99 !important;
}

.trs-dispatcher-profile-cat .trs-booking-card::before {
    background: linear-gradient(180deg, #11b7c7, #087d99) !important;
}

.trs-dispatcher-profile-cat .trs-booking-card--unviewed::before {
    background: linear-gradient(180deg, #f1d17a, #d6a53a) !important;
}

/* Bulk actions: compact rectangular controls in the CAT visual language. */
.trs-dispatcher-profile-cat .trs-bulk-toolbar {
    align-items: stretch !important;
    gap: 18px !important;
    margin-bottom: 16px !important;
    padding: 16px !important;
    border: 1px solid #d9e3e8 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #f8fbfc 0%, #eef7f8 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85) !important;
}

.trs-dispatcher-profile-cat .trs-bulk-selection,
.trs-dispatcher-profile-cat .trs-bulk-controls {
    gap: 9px !important;
}

.trs-dispatcher-profile-cat .trs-bulk-selection strong {
    min-width: 66px;
    color: #607582 !important;
    font-size: 11px !important;
}

.trs-dispatcher-profile-cat .trs-bulk-selection button {
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid #b9dce2 !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: #087d99 !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 5px 14px rgba(3, 25, 39, .05) !important;
}

.trs-dispatcher-profile-cat .trs-bulk-selection button:hover {
    border-color: #11b7c7 !important;
    background: #eaf8fa !important;
    color: #062a43 !important;
    transform: translateY(-1px);
}

.trs-dispatcher-profile-cat .trs-bulk-selection button[data-trs-clear-selection] {
    border-color: #d5dfe4 !important;
    background: #f5f9fb !important;
    color: #637783 !important;
}

.trs-dispatcher-profile-cat .trs-bulk-controls select {
    min-width: 250px !important;
    min-height: 42px !important;
    padding: 0 38px 0 13px !important;
    border: 1px solid #bed5dc !important;
    border-radius: 9px !important;
    background-color: #ffffff !important;
    color: #062a43 !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 2px rgba(3, 25, 39, .025) !important;
}

.trs-dispatcher-profile-cat .trs-bulk-controls select:focus {
    border-color: #11b7c7 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(17, 183, 199, .12) !important;
}

.trs-dispatcher-profile-cat .trs-bulk-notify {
    color: #536b78 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

.trs-dispatcher-profile-cat .trs-bulk-notify input {
    accent-color: #087d99 !important;
}

.trs-dispatcher-profile-cat .trs-bulk-apply {
    min-width: 104px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid #c39732 !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg, #d6a53a, #f1d17a) !important;
    color: #031927 !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 8px 20px rgba(214, 165, 58, .22) !important;
}

.trs-dispatcher-profile-cat .trs-bulk-apply:disabled {
    border-color: #d7e1e5 !important;
    background: #e8eef1 !important;
    color: #8a99a1 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

@media (max-width: 980px) {
    .trs-dispatcher-profile-cat .trs-bulk-toolbar,
    .trs-dispatcher-profile-cat .trs-bulk-selection,
    .trs-dispatcher-profile-cat .trs-bulk-controls {
        align-items: stretch !important;
    }

    .trs-dispatcher-profile-cat .trs-bulk-controls select {
        min-width: 0 !important;
        flex: 1 1 250px;
    }
}

@media (max-width: 720px) {
    .trs-dispatcher-profile-cat .trs-dispatcher-shell {
        margin-top: 24px !important;
    }

    .trs-dispatcher-profile-cat .trs-dispatcher-header-logo {
        width: 148px !important;
        min-width: 148px !important;
    }

    .trs-dispatcher-profile-cat .trs-bulk-selection,
    .trs-dispatcher-profile-cat .trs-bulk-controls {
        width: 100%;
    }

    .trs-dispatcher-profile-cat .trs-bulk-selection button,
    .trs-dispatcher-profile-cat .trs-bulk-controls select,
    .trs-dispatcher-profile-cat .trs-bulk-apply {
        width: 100% !important;
    }
}