/* User Support Ticket Button Styling */

/* Search Button - Update to app green */
.ticketForm button[type="submit"].background-gradient-one {
    background: #0A211C !important;
    background-image: none !important;
    border-color: #0A211C !important;
}

.ticketForm button[type="submit"].background-gradient-one:hover {
    background: #2B5152 !important;
    background-image: none !important;
    border-color: #2B5152 !important;
}
button.bg-color-14.cursor-pointer.font-Figtree.font-semibold.px-2\.5.py-\[11px\].rounded-xl.text-12.text-white.verification-code-button-1.xs\:px-\[26px\].xs\:text-14 {
    color: #fff !important;
    background-color: #0A2128 !important;
}

button.font-Figtree.verification-code-button.text-white.font-semibold.text-12.xs\:text-14.py-\[11px\].px-\[42px\].bg-color-14.rounded-xl {
    color: #fff !important;
    background-color: #0A2128 !important;
}

/* New Ticket Button - Update to app green */
a.magic-bg {
    background: #0A211C !important;
    background-image: none !important;
    border-color: #0A211C !important;
}

a.magic-bg:hover {
    background: #2B5152 !important;
    background-image: none !important;
    border-color: #2B5152 !important;
}

/* Create Ticket Button - Update to app green */
#BtnSubmit.background-gradient-one.magic-bg {
    background: #0A211C !important;
    background-image: none !important;
    border-color: #0A211C !important;
}

#BtnSubmit.background-gradient-one.magic-bg:hover {
    background: #2B5152 !important;
    background-image: none !important;
    border-color: #2B5152 !important;
}

/* General magic-bg class override for ticket pages */
.magic-bg {
    background: #0A211C !important;
    background-image: none !important;
}

.magic-bg:hover {
    background: #2B5152 !important;
    background-image: none !important;
}

/* Ensure text remains white on green buttons */
.background-gradient-one,
.magic-bg {
    color: #ffffff !important;
}

.background-gradient-one:hover,
.magic-bg:hover {
    color: #ffffff !important;
}


/* User Profile - Update Profile Button - App Green */
.update-profile-button {
    background: #0A211C !important;
    background-image: none !important;
    border-color: #0A211C !important;
}

.update-profile-button:hover {
    background: #2B5152 !important;
    background-image: none !important;
    border-color: #2B5152 !important;
}


/* User Profile Page - All Text Colors to App Green */

/* Page headings */
.main-profile-content .text-20 {
    color: #0A211C !important;
}

/* Form labels */
.main-profile-content label {
    color: #0A211C !important;
}

/* Section titles */
.main-profile-content .font-semibold {
    color: #0A211C !important;
}

/* All text in profile content */
.main-profile-content .text-color-14 {
    color: #0A211C !important;
}

/* Paragraph text (except Update Profile button) */
.main-profile-content p:not(.update-profile-button):not(.update-profile-button *) {
    color: #0A211C !important;
}

/* Button text (except Update Profile button) */
.main-profile-content a:not(.update-profile-button),
.main-profile-content button:not(.update-profile-button) {
    color: #0A211C !important;
}

/* Change Password and Change Email buttons */
.open-password-modal,
.open-email-modal {
    color: #0A211C !important;
}

/* Delete Account text */
.main-profile-content .text-15 {
    color: #0A211C !important;
}

/* Dark mode overrides */
.dark .main-profile-content .text-20,
.dark .main-profile-content label,
.dark .main-profile-content .font-semibold,
.dark .main-profile-content .text-color-14,
.dark .main-profile-content p,
.dark .main-profile-content a:not(.update-profile-button),
.dark .open-password-modal,
.dark .open-email-modal,
.dark .main-profile-content .text-15 {
    color: #0A211C !important;
}


/* Update Profile Button - Ensure white text with higher specificity */
button.update-profile-button,
button.update-profile-button span,
.main-profile-content button.update-profile-button,
.main-profile-content .update-profile-button,
.update-profile-button * {
    color: #ffffff !important;
}

button.update-profile-button:hover,
button.update-profile-button:hover span,
.main-profile-content button.update-profile-button:hover,
.main-profile-content .update-profile-button:hover,
.update-profile-button:hover * {
    color: #ffffff !important;
}

/* Override any conflicting text color rules for Update Profile button */
.main-profile-content button.update-profile-button {
    color: #ffffff !important;
}

.main-profile-content .update-profile-button {
    color: #ffffff !important;
}


/* Support Ticket List Page - All Text Colors to App Green */

/* Page title "Support Tickets" */
.font-RedHat.text-20 {
    color: #0A211C !important;
}

/* Form labels and select text */
.ticket-select-container label,
.ticket-select-container .text-14 {
    color: #0A211C !important;
}

/* Dropdown select text */
.ticket-select-container select {
    color: #0A211C !important;
}

/* All general text in ticket list */
.text-color-14:not(.background-gradient-one):not(.magic-bg):not(.background-gradient-one *):not(.magic-bg *) {
    color: #0A211C !important;
}

/* Ticket name/subject text */
.image-list-table tbody td a span {
    color: #0A211C !important;
}

/* Priority, Last Reply, Status text */
.image-list-table tbody td .text-color-89,
.image-list-table tbody td .text-13 {
    color: #0A211C !important;
}

/* "No Ticket is available" message */
.image-list-table tbody td p {
    color: #0A211C !important;
}

/* Ensure button text stays white */
.ticketForm button[type="submit"].background-gradient-one,
.ticketForm button[type="submit"].background-gradient-one span,
a.magic-bg,
a.magic-bg span {
    color: #ffffff !important;
}

/* Dark mode overrides */
.dark .font-RedHat.text-20,
.dark .ticket-select-container label,
.dark .ticket-select-container .text-14,
.dark .ticket-select-container select,
.dark .image-list-table tbody td a span,
.dark .image-list-table tbody td .text-color-89,
.dark .image-list-table tbody td .text-13,
.dark .image-list-table tbody td p {
    color: #0A211C !important;
}


/* New/Add Ticket Page - Heading Colors to App Green */

/* Main heading - Company Name Support */
.font-RedHat.text-\[24px\] {
    color: #0A211C !important;
}

/* All headings with font-semibold */
.font-semibold.text-color-14 {
    color: #0A211C !important;
}

/* Form labels on new ticket page */
.text-color-14.font-Figtree.text-14.font-normal {
    color: #0A211C !important;
}

/* Back button text */
.text-color-14.dark\:text-white.text-\[15px\] {
    color: #0A211C !important;
}

/* Dark mode overrides */
.dark .font-RedHat.text-\[24px\],
.dark .font-semibold.text-color-14,
.dark .text-color-14.font-Figtree.text-14.font-normal,
.dark .text-color-14.dark\:text-white.text-\[15px\] {
    color: #0A211C !important;
}