/* ==============================================================================
 * DUBAI REAL ESTATE WORKFLOW: CRITICAL KANBAN & UI OVERRIDES (GLOBAL)
 * Preserves 100% of stage colors, high contrast typography, and interactive buttons
 * ============================================================================== */

/* Top Filter / Search Toggle Button ([ ✢ Y ⌕ ]) */
button#toggleButton {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 11px !important;
    padding: 3px 10px !important;
    margin-right: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
}
button#toggleButton:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}
button#toggleButton i,
button#toggleButton span {
    color: #ffffff !important;
}

/* Kanban Column Bodies - Exact 15px Header & 2px Border Geometry */
.kanban .kanban-wrapper .boards .board {
    width: 310px !important;
    margin-right: 10px !important;
}

.kanban .kanban-wrapper .boards .board .board-body {
    padding: 10px !important;
    padding-top: 12px !important;
    height: 100% !important;
    border-radius: 9px !important;
    border-top-width: 15px !important;
    border-top-style: solid !important;
    border-left-width: 2px !important;
    border-left-style: solid !important;
    border-right-width: 2px !important;
    border-right-style: solid !important;
    border-bottom: 0px none !important;
    overflow: hidden !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* SACROSANCT STAGE BORDER COLORS (Dictated by workflow status) */
.kanban .kanban-wrapper .boards .board .board-body.border-default,
.board-body.border-default {
    border-color: #ffffff !important;
}

.kanban .kanban-wrapper .boards .board .board-body.border-lime,
.board-body.border-lime {
    border-color: #cddc39 !important;
}

.kanban .kanban-wrapper .boards .board .board-body.border-warning,
.board-body.border-warning {
    border-color: #ff9041 !important;
}

.kanban .kanban-wrapper .boards .board .board-body.border-info,
.board-body.border-info {
    border-color: #20aee3 !important;
}

.kanban .kanban-wrapper .boards .board .board-body.border-danger,
.board-body.border-danger {
    border-color: #ff5c6c !important;
}

.kanban .kanban-wrapper .boards .board .board-body.border-success,
.board-body.border-success {
    border-color: #24d2b5 !important;
}

.kanban .kanban-wrapper .boards .board .board-body.border-primary,
.board-body.border-primary {
    border-color: #6772e5 !important;
}

.kanban .kanban-wrapper .boards .board .board-body.border-purple,
.board-body.border-purple {
    border-color: #7460ee !important;
}

.kanban .kanban-wrapper .boards .board .board-body.border-brown,
.board-body.border-brown {
    border-color: #795548 !important;
}

/* Stage Heading Pill (.pull-left2) */
.pull-left2 {
    float: left !important;
    border-width: 1px !important;
    border-style: solid !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    border-radius: 9px !important;
    margin-left: 2px !important;
    background: transparent !important;
    color: #ffffff !important;
}

.pull-left2.border-default { border-color: #ffffff !important; }
.pull-left2.border-lime { border-color: #cddc39 !important; }
.pull-left2.border-warning { border-color: #ff9041 !important; }
.pull-left2.border-info { border-color: #20aee3 !important; }
.pull-left2.border-danger { border-color: #ff5c6c !important; }
.pull-left2.border-success { border-color: #24d2b5 !important; }
.pull-left2.border-primary { border-color: #6772e5 !important; }
.pull-left2.border-purple { border-color: #7460ee !important; }
.pull-left2.border-brown { border-color: #795548 !important; }

/* Stage Counter Plus Sign (+50) */
span.plus-sign {
    color: #eb0000 !important;
    background: #ffffff !important;
}

/* ==============================================================================
 * KANBAN CARD FIELDS: PURE HIGH CONTRAST LEGIBILITY
 * ============================================================================== */

/* Customer Name Badge: Pure White Background + BOLD PURE BLACK TEXT (#000) */
.kanban-card .label-namecard,
.label-namecard {
    margin-bottom: 4px !important;
    width: 100% !important;
    margin-right: 2px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: none !important;
    box-shadow: inset 0px 0px 3px #0000007d !important;
}

.kanban-card .label-namecard i,
.label-namecard i {
    color: #000000 !important;
    font-weight: 800 !important;
    margin-right: 2px !important;
}

/* Customer Email Badge: Pure White Background + BOLD DARK BLUE TEXT (#6772e5) */
.kanban-card .label-emailcard,
.label-emailcard {
    margin-bottom: 4px !important;
    width: 100% !important;
    margin-right: 2px !important;
    background-color: #ffffff !important;
    color: #6772e5 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: none !important;
    box-shadow: inset 0px 0px 3px #0000007d !important;
}

.kanban-card .label-emailcard i,
.label-emailcard i {
    color: #6772e5 !important;
    font-weight: 800 !important;
    margin-right: 2px !important;
}

/* Light Primary Badges on Cards */
.kanban-card .label-light-primary,
.label-light-primary {
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: inset 0px 0px 3px #0000007d !important;
}

.kanban-card .label-light-info,
.label-light-info {
    background-color: #ffffff !important;
    color: #20aee3 !important;
    font-weight: 800 !important;
    box-shadow: inset 0px 0px 3px #0000007d !important;
}

/* Date Created Badges (Red bold on white pill) */
.add-tody-lead,
.add-tody-lead2 {
    font-size: 10px !important;
    color: #ff0000 !important;
    background: #ffffff !important;
    border-radius: 11px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    font-weight: 900 !important;
}

/* Assigned Staff Badge (Orange Bold on White) */
span.asisingnam {
    font-size: 9px !important;
    color: #fc6400 !important;
    background: #ffffff !important;
    padding-right: 8px !important;
    padding-left: 3px !important;
    font-weight: 900 !important;
    border: 1px solid #fc6400 !important;
    border-radius: 4px !important;
}

/* ==========================================================================
   KANBAN CARD ACTION BUTTONS (Universal - All Themes)
   ========================================================================== */
.fixed-footercard {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 33px !important;
    margin-top: 8px !important;
    border-radius: 0 0 8px 8px !important;
    overflow: hidden !important;
}

.fixed-footercard button,
.fixed-footercard a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border: none !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}

.fixed-footercard .card-btn-text {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.pinning2 {
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    background: #f1f5f9 !important;
    color: #ef4444 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.pinning2:hover {
    background: #fee2e2 !important;
    color: #dc2626 !important;
}

/* WhatsApp: Green (#25d366) */
.whatsapp-button2, .whatsapp-button {
    flex: 1 1 0% !important;
    background-color: #25d366 !important;
    color: #ffffff !important;
    padding: 0 6px !important;
}
.whatsapp-button2:hover, .whatsapp-button:hover {
    background-color: #1eb756 !important;
    color: #ffffff !important;
}
.whatsapp-button2 i, .whatsapp-button i,
.whatsapp-button2 .card-btn-text, .whatsapp-button .card-btn-text {
    color: #ffffff !important;
    font-size: 12px !important;
}
.whatsapp-button2 i, .whatsapp-button i {
    font-size: 14px !important;
}

/* Call: Blue (#007bff) */
.call-button2, .call-button {
    flex: 1 1 0% !important;
    background-color: #007bff !important;
    color: #ffffff !important;
    padding: 0 6px !important;
}
.call-button2:hover, .call-button:hover {
    background-color: #0069d9 !important;
    color: #ffffff !important;
}
.call-button2 i, .call-button i,
.call-button2 .card-btn-text, .call-button .card-btn-text {
    color: #ffffff !important;
    font-size: 12px !important;
}
.call-button2 i, .call-button i {
    font-size: 14px !important;
}

/* Status button */
.status-button2 {
    flex: 1.2 1 0% !important;
    font-weight: 700 !important;
    padding: 0 6px !important;
}
.status-button2 i {
    font-size: 11px !important;
    margin-left: 2px !important;
}
.status-button2 .card-btn-text {
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* ==============================================================================
   ARKOS LUXURY THEME - SPECIAL KANBAN CARD STYLING (.theme-arkos)
   ============================================================================== */
.theme-arkos .kanban-card {
    background: linear-gradient(160deg, #142033 0%, #0c1422 100%) !important;
    border: 1px solid rgba(202, 160, 128, 0.32) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(202, 160, 128, 0.1) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
}

.theme-arkos .kanban-card:hover {
    border-color: #CAA080 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7), 0 0 16px rgba(202, 160, 128, 0.28) !important;
    transform: translateY(-2px) !important;
}

.theme-arkos .kanban-card .x-title {
    color: #F8FAFC !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    letter-spacing: -0.2px !important;
}

.theme-arkos .kanban-card .add-tody-lead,
.theme-arkos .kanban-card .add-tody-lead2 {
    font-size: 10.5px !important;
    font-weight: 600 !important;
    color: #DFC1A7 !important;
    background: rgba(202, 160, 128, 0.14) !important;
    border: 1px solid rgba(202, 160, 128, 0.38) !important;
    border-radius: 12px !important;
    padding: 2px 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    box-shadow: none !important;
}

.theme-arkos .kanban-card .add-tody-lead.fire-icon {
    background: rgba(239, 68, 68, 0.16) !important;
    border: 1px solid rgba(239, 68, 68, 0.45) !important;
    color: #fca5a5 !important;
}

/* Luxury Gold Data Badges in place of white boxes */
.theme-arkos .kanban-card .label-namecard,
.theme-arkos .kanban-card .label-emailcard,
.theme-arkos .kanban-card .label-light-primary,
.theme-arkos .kanban-card .label-light-info,
.theme-arkos .kanban-card .wrap-words .label,
.theme-arkos .kanban-card .wrap-words2 .label {
    background: rgba(18, 28, 45, 0.88) !important;
    border: 1px solid rgba(202, 160, 128, 0.24) !important;
    color: #E2E8F0 !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-bottom: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

.theme-arkos .kanban-card .label-namecard:hover,
.theme-arkos .kanban-card .label-emailcard:hover,
.theme-arkos .kanban-card .label-light-primary:hover,
.theme-arkos .kanban-card .label-light-info:hover {
    border-color: rgba(202, 160, 128, 0.5) !important;
    background: rgba(26, 40, 64, 0.95) !important;
    color: #FFFFFF !important;
}

.theme-arkos .kanban-card .label-namecard i,
.theme-arkos .kanban-card .label-emailcard i,
.theme-arkos .kanban-card .label-light-primary i,
.theme-arkos .kanban-card .label-light-info i,
.theme-arkos .kanban-card .wrap-words i,
.theme-arkos .kanban-card .wrap-words2 i {
    color: #CAA080 !important;
    font-size: 13px !important;
}

.theme-arkos .kanban-card span.asisingnam {
    background: rgba(202, 160, 128, 0.16) !important;
    border: 1px solid rgba(202, 160, 128, 0.45) !important;
    color: #DFC1A7 !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    font-size: 9.5px !important;
    padding: 2px 6px !important;
}

.theme-arkos .kanban-card .avatar-xsmall {
    width: 26px !important;
    height: 26px !important;
    border: 1.5px solid #CAA080 !important;
    box-shadow: 0 0 6px rgba(202, 160, 128, 0.3) !important;
    border-radius: 50% !important;
}

.theme-arkos .kanban-card .fixed-footercard,
.theme-arkos .fixed-footercard {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 33px !important;
    margin-top: 8px !important;
    border-radius: 0 0 9px 9px !important;
    border-top: 1px solid rgba(202, 160, 128, 0.22) !important;
    overflow: hidden !important;
}

.theme-arkos .fixed-footercard > button,
.theme-arkos .fixed-footercard > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    height: 100% !important;
    border: none !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    padding: 0 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.theme-arkos .fixed-footercard .card-btn-text {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: inherit !important;
}

.theme-arkos .fixed-footercard i {
    font-size: 13px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    color: inherit !important;
}

.theme-arkos .pinning2 {
    flex: 0 0 30px !important;
    min-width: 30px !important;
    width: 30px !important;
    background: rgba(202, 160, 128, 0.12) !important;
    color: #CAA080 !important;
    border-right: 1px solid rgba(202, 160, 128, 0.2) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.theme-arkos .pinning2:hover {
    background: rgba(202, 160, 128, 0.25) !important;
    color: #ffffff !important;
}
.theme-arkos .pinned .pinning2,
.theme-arkos .pinning2.pinned {
    background: rgba(239, 68, 68, 0.4) !important;
    color: #ffffff !important;
    border-color: rgba(239, 68, 68, 0.5) !important;
}

.theme-arkos .whatsapp-button2 {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.theme-arkos .whatsapp-button2:hover {
    background: linear-gradient(135deg, #059669 0%, #065f46 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.4) !important;
}
.theme-arkos .whatsapp-button2 i,
.theme-arkos .whatsapp-button2 .card-btn-text {
    color: #ffffff !important;
}

.theme-arkos .call-button2 {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.theme-arkos .call-button2:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(37, 99, 235, 0.4) !important;
}
.theme-arkos .call-button2 i,
.theme-arkos .call-button2 .card-btn-text {
    color: #ffffff !important;
}

.theme-arkos .status-button2 {
    flex: 1.2 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.theme-arkos .status-button2 .card-btn-text {
    color: inherit !important;
}

/* Stage Status Pills on Card Footers */
.label-outline-lime, .label-lime {
    background-color: #cddc39 !important;
    color: #000000 !important;
    border: 1px solid #cddc39 !important;
}
.label-outline-warning, .label-warning {
    background-color: #ff9041 !important;
    color: #ffffff !important;
    border: 1px solid #ff9041 !important;
}
.label-outline-info, .label-info {
    background-color: #20aee3 !important;
    color: #ffffff !important;
    border: 1px solid #20aee3 !important;
}
.label-outline-danger, .label-danger {
    background-color: #ff5c6c !important;
    color: #ffffff !important;
    border: 1px solid #ff5c6c !important;
}
.label-outline-default, .label-default {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
}
.label-outline-success, .label-success {
    background-color: #24d2b5 !important;
    color: #ffffff !important;
    border: 1px solid #24d2b5 !important;
}
.label-outline-primary, .label-primary {
    background-color: #6772e5 !important;
    color: #ffffff !important;
    border: 1px solid #6772e5 !important;
}
.label-outline-purple, .label-purple {
    background-color: #7460ee !important;
    color: #ffffff !important;
    border: 1px solid #7460ee !important;
}
.label-outline-brown, .label-brown {
    background-color: #795548 !important;
    color: #ffffff !important;
    border: 1px solid #795548 !important;
}

/* ==============================================================================
 * PWA UNIVERSAL THEME-ADAPTIVE INSTALL BUTTON
 * Adapts to any active theme automatically (CurrentColor & Nav-Link Harmony)
 * ============================================================================== */
.pwa-install-nav-item {
    padding: 5px 12px !important;
    margin: auto 6px !important;
    border-radius: 20px !important;
    border: 1.5px solid currentColor !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: inherit !important;
    background-color: transparent !important;
    opacity: 0.9 !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
}
.pwa-install-nav-item i {
    color: inherit !important;
    font-size: 16px !important;
}
.pwa-install-nav-item:hover {
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px);
}
.pwa-install-nav-item:active {
    transform: translateY(0);
}
@media (max-width: 768px) {
    .pwa-install-text {
        display: none !important;
    }
    .pwa-install-nav-item {
        padding: 6px 8px !important;
        margin: auto 2px !important;
        border: none !important;
    }
}

/* ==========================================================================
   KANBAN CARD MOUSE DRAGGING & TOUCH SMOOTH SCROLLING
   ========================================================================== */
@media (hover: hover) and (pointer: fine) {
    .kanban-card {
        cursor: grab;
    }
    .kanban-card:active,
    .kanban-card.is-moving {
        cursor: grabbing !important;
    }
}

/* Strict mobile & touch devices: 100% native smooth scrolling, zero drag */
@media (hover: none), (pointer: coarse), (max-width: 991px) {
    .kanban-card {
        cursor: default !important;
        touch-action: pan-y !important;
        -webkit-user-drag: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
    .kanban-content, .board-body {
        touch-action: pan-y !important;
    }
}



/* ==================== ARKOS CRM CUSTOMIZATIONS: UNREAD COMMENT BADGE ==================== */
.card-unread-comment-badge,
.x-notification[id^="card_notification_comment_"],
span[id^="card_notification_comment_"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background-color: #ef4444 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 2px 7px !important;
    border-radius: 10px !important;
    position: relative !important;
    top: -1px !important;
    margin-right: 4px !important;
    box-shadow: 0 1px 3px rgba(239, 68, 68, 0.4) !important;
    text-transform: none !important;
    vertical-align: middle !important;
}
.card-unread-comment-badge i,
.x-notification[id^="card_notification_comment_"] i,
span[id^="card_notification_comment_"] i {
    font-size: 10px !important;
    color: #ffffff !important;
    font-style: normal !important;
}
.card-unread-comment-badge span,
.x-notification[id^="card_notification_comment_"] span,
span[id^="card_notification_comment_"] span {
    color: #ffffff !important;
    font-style: normal !important;
}
/* ==================== END ARKOS UNREAD COMMENT BADGE ==================== */


/* ==================== ARKOS CRM CUSTOMIZATIONS: LEAD MODAL QUICK ACTIONS ==================== */
.lead-panel-actions-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 12px 0 16px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    position: static !important;
}

.lead-panel-actions-wrapper .lead-action-status-btn,
.lead-panel-actions-wrapper .status-button {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.lead-panel-actions-wrapper .lead-action-status-btn:hover {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18) !important;
}

.lead-panel-actions-wrapper .lead-status-icon-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.lead-panel-actions-wrapper .lead-status-icon-title i {
    font-size: 16px !important;
    font-style: normal !important;
}

.lead-panel-actions-wrapper .card-lead-status-text-display {
    font-style: normal !important;
    font-weight: 700 !important;
}

.lead-panel-actions-wrapper .lead-status-caret {
    font-size: 18px !important;
    opacity: 0.8 !important;
}

.lead-panel-actions-wrapper .lead-communication-buttons,
.lead-panel-actions-wrapper .fixed-footer,
.fixed-footer {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
}

.lead-panel-actions-wrapper .lead-action-btn,
.lead-panel-actions-wrapper .whatsapp-button,
.lead-panel-actions-wrapper .call-button,
.whatsapp-button,
.call-button {
    flex: 1 1 0% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
    margin: 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
}

.lead-panel-actions-wrapper .lead-action-btn i,
.lead-panel-actions-wrapper .whatsapp-button i,
.lead-panel-actions-wrapper .call-button i,
.whatsapp-button i,
.call-button i {
    font-size: 17px !important;
    font-style: normal !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

.lead-panel-actions-wrapper .lead-action-btn span,
.lead-panel-actions-wrapper .whatsapp-button span,
.lead-panel-actions-wrapper .call-button span,
.whatsapp-button span,
.call-button span {
    font-style: normal !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

.lead-panel-actions-wrapper .lead-action-whatsapp,
.lead-panel-actions-wrapper .whatsapp-button,
.whatsapp-button {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    color: #ffffff !important;
}

.lead-panel-actions-wrapper .lead-action-whatsapp:hover,
.lead-panel-actions-wrapper .whatsapp-button:hover,
.whatsapp-button:hover {
    background: linear-gradient(135deg, #28e06c 0%, #169b8c 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35) !important;
    color: #ffffff !important;
}

.lead-panel-actions-wrapper .lead-action-call,
.lead-panel-actions-wrapper .call-button,
.call-button {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
    color: #ffffff !important;
}

.lead-panel-actions-wrapper .lead-action-call:hover,
.lead-panel-actions-wrapper .call-button:hover,
.call-button:hover {
    background: linear-gradient(135deg, #38bdf8 0%, #0369a1 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.35) !important;
    color: #ffffff !important;
}

.lead-panel-actions-wrapper .lead-action-btn.disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    box-shadow: none !important;
}

@media only screen and (max-width: 992px) {
    .lead-panel-actions-wrapper,
    .lead-panel-actions-wrapper .lead-communication-buttons,
    .lead-panel-actions-wrapper .fixed-footer,
    .fixed-footer {
        position: static !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: 1 !important;
    }
}
/* ==================== END ARKOS LEAD MODAL QUICK ACTIONS ==================== */

/* ==============================================================================
   LIGHT THEME CONTRAST HARMONIZATION (theme-default)
   Ensures 100% legibility on light background without white-on-white conflicts
   ============================================================================== */
.theme-default .pull-left2 {
    color: #1e293b !important;
}

.theme-default .pull-left2.border-default {
    border-color: #94a3b8 !important;
    color: #1e293b !important;
}

.theme-default .kanban .kanban-wrapper .boards .board .board-body.border-default,
.theme-default .board-body.border-default {
    border-color: #94a3b8 !important;
}

.theme-default button#toggleButton {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #1e293b !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.theme-default button#toggleButton:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.45) !important;
}

.theme-default button#toggleButton i,
.theme-default button#toggleButton span {
    color: #1e293b !important;
}

.theme-default .kanban-board-counter-badge {
    color: #1e293b !important;
}
/* ==================== END LIGHT THEME CONTRAST HARMONIZATION ==================== */