/* =========================================================
   RAWASEM — COREHR LOGIN BRAND
   Black + Orange
   ========================================================= */

:root {
    --rawasem-black: #111827;
    --rawasem-black-2: #0b1120;
    --rawasem-orange: #0F8B8D;
    --rawasem-orange-dark: #0B6F70;
    --rawasem-orange-soft: #fff7ed;
    --rawasem-border: #e5e7eb;
}

/* Page */
body {
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(15,139,141,.12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf5 55%,
            #ffffff 100%
        ) !important;

    color: var(--rawasem-black) !important;
}

/* Main login wrapper */
.login-container,
.login-page,
.auth-container,
.auth-page,
.auth-wrapper,
.login-wrapper {
    background: transparent !important;
}

/* Login card */
.login-card,
.auth-card,
.login-box,
.auth-box,
.card {
    border: 1px solid rgba(17,24,39,.08) !important;
    border-radius: 22px !important;

    background: rgba(255,255,255,.96) !important;

    box-shadow:
        0 25px 70px rgba(17,24,39,.10),
        0 5px 18px rgba(17,24,39,.05) !important;
}

/* Headings */
.login-card h1,
.login-card h2,
.login-card h3,
.auth-card h1,
.auth-card h2,
.auth-card h3,
.login-box h1,
.login-box h2,
.login-box h3 {
    color: var(--rawasem-black) !important;
    font-weight: 800 !important;
}

/* Labels */
label {
    color: #374151 !important;
    font-weight: 600 !important;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
select {
    background: #ffffff !important;
    color: var(--rawasem-black) !important;

    border: 1px solid #d1d5db !important;
    border-radius: 12px !important;

    min-height: 46px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus {
    border-color: var(--rawasem-orange) !important;

    box-shadow:
        0 0 0 4px rgba(15,139,141,.12) !important;

    outline: none !important;
}

/* Primary buttons */
button[type="submit"],
.btn-primary,
.btn-login,
.login-btn,
.auth-btn,
button.primary,
a.btn-primary {
    background:
        linear-gradient(
            135deg,
            var(--rawasem-orange),
            var(--rawasem-orange-dark)
        ) !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 12px !important;

    min-height: 48px;

    font-weight: 800 !important;

    box-shadow:
        0 10px 25px rgba(15,139,141,.24) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease !important;
}

button[type="submit"]:hover,
.btn-primary:hover,
.btn-login:hover,
.login-btn:hover,
.auth-btn:hover,
button.primary:hover,
a.btn-primary:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.04) !important;

    box-shadow:
        0 15px 32px rgba(15,139,141,.30) !important;
}

/* Links */
a {
    color: var(--rawasem-orange) !important;
}

a:hover {
    color: var(--rawasem-orange-dark) !important;
}

/* Checkbox */
input[type="checkbox"] {
    accent-color: var(--rawasem-orange) !important;
}

/* Alerts */
.alert-success,
.success,
.alert-info {
    border-color: rgba(15,139,141,.20) !important;
}

.alert-danger,
.error {
    border-radius: 10px !important;
}

/* Logo area */
.login-logo,
.auth-logo,
.logo {
    transition: transform .25s ease !important;
}

.login-logo:hover,
.auth-logo:hover,
.logo:hover {
    transform: translateY(-2px) !important;
}

/* Orange accent line */
.login-card::before,
.auth-card::before,
.login-box::before,
.auth-box::before {
    content: "";
    display: block;

    height: 4px;

    margin: -1px -1px 22px;

    border-radius: 22px 22px 0 0;

    background:
        linear-gradient(
            90deg,
            var(--rawasem-orange-dark),
            var(--rawasem-orange)
        );
}

/* Mobile */
@media (max-width: 600px) {
    .login-card,
    .auth-card,
    .login-box,
    .auth-box,
    .card {
        border-radius: 18px !important;
        margin: 15px !important;
    }
}

/* =========================================================
   RAWASEM LOGIN — FINAL BRAND OVERRIDE
   Black + Orange / Hide Logo
   ========================================================= */

/* Hide CoreHR / old logo */
.auth-logo,
.auth-logo img,
.login-logo,
.login-logo img,
.auth-brand img,
.login-brand img,
.brand-logo,
.brand-logo img,
.auth-header img,
.login-header img {
    display: none !important;
}

/* Keep brand area clean after hiding logo */
.auth-brand,
.login-brand,
.auth-header,
.login-header {
    background-image: none !important;
}

/* Rawasem orange */
:root {
    --primary: #0F8B8D !important;
    --primary-color: #0F8B8D !important;
    --primary-dark: #0B6F70 !important;
    --accent: #0F8B8D !important;
    --accent-color: #0F8B8D !important;
    --secondary: #0F8B8D !important;
    --success: #0F8B8D !important;
}

/* Green → Orange */
.text-success,
.text-green,
.bg-success,
.bg-green,
.btn-success,
.btn-green,
.success,
.badge-success,
.alert-success,
.auth-feature-icon-wrap.green {
    color: #0F8B8D !important;
    border-color: rgba(15,139,141,.25) !important;
}

.bg-success,
.bg-green,
.btn-success,
.btn-green {
    background: #0F8B8D !important;
}

.auth-feature-icon-wrap.green {
    background: rgba(15,139,141,.12) !important;
}

/* Green shadows / borders */
button:hover,
.btn:hover,
.auth-btn:hover {
    border-color: #0F8B8D !important;
}

/* Login primary buttons */
.auth-btn,
.login-btn,
button[type="submit"],
input[type="submit"] {
    background: linear-gradient(135deg,#0F8B8D,#0B6F70) !important;
    border-color: #0F8B8D !important;
}

.auth-btn:hover,
.login-btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: linear-gradient(135deg,#0B6F70,#c2410c) !important;
}

/* Links / accents */
.auth-container a,
.login-container a,
.auth-card a {
    color: #0B6F70 !important;
}

.auth-container a:hover,
.login-container a:hover,
.auth-card a:hover {
    color: #0F8B8D !important;
}

/* Orange focus */
input:focus,
select:focus,
textarea:focus {
    border-color: #0F8B8D !important;
    box-shadow: 0 0 0 3px rgba(15,139,141,.12) !important;
}


/* 24/7 Support — Black Brand Card */
.support-24-7,
.auth-support,
.login-support,
.support-box,
.auth-footer-support {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}

.support-24-7 *,
.auth-support *,
.login-support *,
.support-box *,
.auth-footer-support * {
    color: #ffffff !important;
}


/* =========================================================
   RAWASEM LOGIN — 24/7 SUPPORT TOPBAR
   Black + Orange
   ========================================================= */

.topbar {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}

.topbar span,
.topbar i {
    color: #ffffff !important;
}

.topbar i {
    color: #0F8B8D !important;
}

.topbar a {
    color: #0F8B8D !important;
}


/* FINAL — Remove remaining teal/green from login */
.rawasem-brand small {
    color: #0F8B8D !important;
}


/* =========================================================
   RAWASEM REGISTER — SAME VISUAL SYSTEM AS LOGIN
   Black + Orange / Clean / Premium
   ========================================================= */

/* Page background */
body {
    background:
        radial-gradient(circle at 15% 20%, rgba(15,139,141,.10), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(15,139,141,.06), transparent 30%),
        #f7f7f7 !important;
}

/* Main auth card */
.auth-card,
.register-card,
.login-card,
.auth-container,
.register-container {
    border-radius: 22px !important;
    border: 1px solid rgba(17,17,17,.08) !important;
    box-shadow:
        0 20px 60px rgba(0,0,0,.10),
        0 4px 18px rgba(0,0,0,.05) !important;
}

/* Headings */
.auth-card h1,
.auth-card h2,
.register-card h1,
.register-card h2 {
    color: #111111 !important;
}

/* Labels */
.auth-card label,
.register-card label {
    color: #111111 !important;
    font-weight: 700 !important;
}

/* Inputs */
.auth-card input,
.register-card input,
.auth-container input,
.register-container input {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #111111 !important;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

.auth-card input:focus,
.register-card input:focus,
.auth-container input:focus,
.register-container input:focus {
    border-color: #0F8B8D !important;
    box-shadow: 0 0 0 4px rgba(15,139,141,.12) !important;
    outline: none !important;
}

/* Primary buttons */
.auth-card button,
.register-card button,
.auth-card .btn-primary,
.register-card .btn-primary,
.auth-container .btn-primary,
.register-container .btn-primary {
    background: linear-gradient(135deg,#0F8B8D,#0B6F70) !important;
    border-color: #0F8B8D !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 22px rgba(15,139,141,.22) !important;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease !important;
}

.auth-card button:hover,
.register-card button:hover,
.auth-card .btn-primary:hover,
.register-card .btn-primary:hover,
.auth-container .btn-primary:hover,
.register-container .btn-primary:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.04) !important;
    box-shadow: 0 12px 28px rgba(15,139,141,.30) !important;
}

/* Links */
.auth-card a,
.register-card a,
.auth-container a,
.register-container a {
    color: #0B6F70 !important;
}

.auth-card a:hover,
.register-card a:hover {
    color: #c2410c !important;
}

/* Back to website */
.back-link {
    color: #111111 !important;
    font-weight: 700 !important;
}

.back-link:hover {
    color: #0F8B8D !important;
}

/* Orange icons */
.auth-card i,
.register-card i,
.auth-container i,
.register-container i {
    color: #0F8B8D;
}

/* Remove old green visual accents */
.text-success,
.text-green,
.bg-success,
.bg-green,
.btn-success,
.btn-green,
.success,
.badge-success,
.alert-success,
.auth-feature-icon-wrap.green {
    color: #0F8B8D !important;
    border-color: rgba(15,139,141,.25) !important;
}

.bg-success,
.bg-green,
.btn-success,
.btn-green {
    background: #0F8B8D !important;
}


/* =========================================================
   RAWASEM REGISTER — FINAL OVERRIDE
   ========================================================= */

:root {
    --primary: #0F8B8D !important;
    --primary-color: #0F8B8D !important;
    --primary-dark: #0B6F70 !important;
    --accent: #0F8B8D !important;
    --accent-color: #0F8B8D !important;
    --secondary: #0F8B8D !important;
    --success: #0F8B8D !important;
}

/* Registration page */
body {
    background:
        radial-gradient(circle at 10% 20%, rgba(15,139,141,.10), transparent 30%),
        radial-gradient(circle at 90% 80%, rgba(15,139,141,.08), transparent 30%),
        #f7f7f7 !important;
}

/* Main registration containers */
.register-container,
.register-card,
.auth-container,
.auth-card,
.auth-box,
.auth-wrapper,
.card {
    border-radius: 22px !important;
}

/* Headings */
.register-container h1,
.register-container h2,
.register-card h1,
.register-card h2,
.auth-container h1,
.auth-container h2,
.auth-card h1,
.auth-card h2 {
    color: #111111 !important;
}

/* Form labels */
.register-container label,
.register-card label,
.auth-container label,
.auth-card label {
    color: #111111 !important;
    font-weight: 700 !important;
}

/* All registration inputs */
.register-container input,
.register-container select,
.register-container textarea,
.register-card input,
.register-card select,
.register-card textarea,
.auth-container input,
.auth-container select,
.auth-container textarea,
.auth-card input,
.auth-card select,
.auth-card textarea {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
}

.register-container input:focus,
.register-container select:focus,
.register-card input:focus,
.register-card select:focus,
.auth-container input:focus,
.auth-container select:focus,
.auth-card input:focus,
.auth-card select:focus {
    border-color: #0F8B8D !important;
    box-shadow: 0 0 0 4px rgba(15,139,141,.12) !important;
    outline: none !important;
}

/* Primary registration button */
.register-container button,
.register-container input[type="submit"],
.register-card button,
.register-card input[type="submit"],
.auth-container button,
.auth-container input[type="submit"],
.auth-card button,
.auth-card input[type="submit"] {
    background: linear-gradient(135deg,#0F8B8D,#0B6F70) !important;
    color: #ffffff !important;
    border-color: #0F8B8D !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 24px rgba(15,139,141,.22) !important;
}

.register-container button:hover,
.register-container input[type="submit"]:hover,
.register-card button:hover,
.register-card input[type="submit"]:hover,
.auth-container button:hover,
.auth-container input[type="submit"]:hover,
.auth-card button:hover,
.auth-card input[type="submit"]:hover {
    background: linear-gradient(135deg,#0B6F70,#c2410c) !important;
    transform: translateY(-2px);
}

/* Links */
.register-container a,
.register-card a,
.auth-container a,
.auth-card a {
    color: #0B6F70 !important;
}

/* Icons / orange accents */
.register-container .fas,
.register-container .far,
.register-container .fa,
.register-card .fas,
.register-card .far,
.register-card .fa {
    color: #0F8B8D;
}

/* Remove green */
.text-success,
.text-green,
.bg-success,
.bg-green,
.btn-success,
.btn-green,
.success,
.badge-success,
.alert-success,
.auth-feature-icon-wrap.green {
    color: #0F8B8D !important;
    border-color: rgba(15,139,141,.25) !important;
}

.bg-success,
.bg-green,
.btn-success,
.btn-green {
    background: #0F8B8D !important;
}


/* =========================================================
   RAWASEM CUSTOMER REGISTER — FINAL
   ========================================================= */

/* Hide top navigation */
body > nav.nav,
nav.nav {
    display: none !important;
}

/* Remove old green branding */
:root {
    --primary: #111111 !important;
    --primary-color: #111111 !important;
    --primary-dark: #000000 !important;
    --secondary: #111111 !important;
    --success: #111111 !important;
    --accent: #0F8B8D !important;
}

/* Green → Black globally on registration */
.text-success,
.text-green,
.bg-success,
.bg-green,
.btn-success,
.btn-green,
.success,
.badge-success,
.alert-success,
.auth-feature-icon-wrap.green {
    color: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
}

/* Role card */
.role-card {
    border-color: rgba(17,17,17,.12) !important;
    background: #fff !important;
}

.role-card.selected {
    border-color: #111111 !important;
    box-shadow: 0 0 0 3px rgba(17,17,17,.08) !important;
}

.role-card .role-icon {
    background: #111111 !important;
    color: #fff !important;
}

/* Primary buttons */
.register-btn,
.btn-primary,
button[type="submit"] {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #fff !important;
}

.register-btn:hover,
.btn-primary:hover,
button[type="submit"]:hover {
    background: #000 !important;
    border-color: #000 !important;
}

/* Links */
a {
    color: #111111;
}

a:hover {
    color: #0F8B8D;
}

/* Orange accent */
.rawasem-brand small,
.auth-brand small {
    color: #0F8B8D !important;
}


/* =========================================================
   CUSTOMER REGISTER — FINAL CLEANUP
   ========================================================= */

/* Hide customer role selection box completely */
#roleSelect,
.role-select {
    display: none !important;
}

/* Password fields — stable layout */
.password-field,
.input-password,
.form-password,
.password-wrapper {
    position: relative !important;
    width: 100% !important;
}

/* Password inputs */
input[type="password"],
input#password,
input#password_confirm {
    width: 100% !important;
    height: 52px !important;
    box-sizing: border-box !important;
    padding: 0 52px 0 16px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #111827 !important;
    outline: none !important;
}

/* RTL password input */
[dir="rtl"] input[type="password"],
[dir="rtl"] input#password,
[dir="rtl"] input#password_confirm {
    padding-right: 52px !important;
    padding-left: 16px !important;
    text-align: right !important;
}

/* Focus */
input[type="password"]:focus,
input#password:focus,
input#password_confirm:focus {
    border-color: #0F8B8D !important;
    box-shadow: 0 0 0 3px rgba(15,139,141,.10) !important;
}

/* Eye button */
.toggle-pass {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    left: auto !important;
    transform: translateY(-50%) !important;

    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: 0 !important;
    color: #6b7280 !important;
    cursor: pointer !important;
    z-index: 5 !important;
}

[dir="rtl"] .toggle-pass {
    right: auto !important;
    left: 14px !important;
}

/* Eye hover */
.toggle-pass:hover {
    color: #0F8B8D !important;
    background: transparent !important;
}

/* Remove accidental green from password area */
.password-field *,
.input-password *,
.form-password *,
.password-wrapper * {
    --success: #111111 !important;
}

/* Mobile */
@media (max-width: 600px) {
    input[type="password"],
    input#password,
    input#password_confirm {
        height: 50px !important;
    }

    .toggle-pass {
        right: 10px !important;
    }

    [dir="rtl"] .toggle-pass {
        right: auto !important;
        left: 10px !important;
    }
}


/* =========================================================
   RAWASEM TECHNOLOGIES — REGISTER BRAND
   Same brand treatment as LOGIN
   ========================================================= */

.rawasem-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 24px !important;
}

.rawasem-brand strong,
.rawasem-brand span {
    color: #111111 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
}

.rawasem-brand small {
    color: #0F8B8D !important;
    font-size: 9px !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
}

.rawasem-brand img {
    display: none !important;
}


/* REGISTER — TEXT BRAND ONLY */
.rawasem-text-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

.rawasem-text-brand span {
    display: block !important;
    color: #111111 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: -0.6px !important;
}

.rawasem-text-brand:hover span {
    color: #0F8B8D !important;
}


/* =========================================================
   REGISTER BRAND — RAWASEM TECHNOLOGIES
   ========================================================= */

.rawasem-text-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-decoration: none !important;
}

.rawasem-text-brand img {
    display: none !important;
}

.rawasem-text-brand span {
    display: block !important;
    color: #111111 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
}

.rawasem-register-brand {
    display: block !important;
    text-align: center !important;
    color: #111111 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin-bottom: 20px !important;
}

/* Hide registration role selector completely */
.role-select {
    display: none !important;
}

/* Remove any remaining green branding from registration */
.register-card .text-success,
.register-card .text-green,
.register-card .bg-success,
.register-card .bg-green,
.register-card .success,
.register-card [class*="green"] {
    color: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
}


/* =========================================================
   REGISTER FINAL CLEAN
   ========================================================= */

/* No top navigation */
body > .nav,
nav.nav {
    display: none !important;
}

/* Customer registration only */
.role-select,
#roleSelect,
.role-card,
.role-icon,
.role-title,
.role-desc {
    display: none !important;
}

/* Company name */
.rawasem-register-brand {
    display: block !important;
    text-align: center !important;
    color: #111111 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
    margin: 0 auto 22px !important;
}

/* Remove old green accents */
.register-card [style*="#0F8B8D"],
.register-card [style*="#0F8B8D"],
.register-card [style*="#0B6F70"],
.register-card [style*="green"],
.register-card .text-success,
.register-card .bg-success,
.register-card .success {
    color: #111111 !important;
    background: #111111 !important;
    border-color: #111111 !important;
}


/* =========================================================
   RAWASEM TECHNOLOGIES — PASSWORD INPUT FINAL FIX
   White + Black + Orange ONLY
   ========================================================= */

/* Password fields wrapper */
.password-wrap,
.password-field,
.input-password,
.password-input-wrap {
    background: transparent !important;
    border-color: transparent !important;
}

/* All registration inputs */
.register-card input,
.auth-card input,
.register-container input {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
}

/* Password inputs specifically */
.register-card input[type="password"],
.register-card input[type="text"][id*="password"],
.register-card input[id="password"],
.register-card input[id="password_confirm"] {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
}

/* Focus */
.register-card input:focus,
.auth-card input:focus,
.register-container input:focus {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #0F8B8D !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(15,139,141,.12) !important;
}

/* Placeholder */
.register-card input::placeholder,
.auth-card input::placeholder,
.register-container input::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

/* Password eye button */
.toggle-pass {
    background: #0F8B8D !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.toggle-pass:hover,
.toggle-pass:focus {
    background: #0B6F70 !important;
    color: #ffffff !important;
}

/* Labels */
.register-card label,
.register-container label,
.auth-card label {
    color: #111111 !important;
}

/* Lock / password icons */
.register-card .fa-lock,
.register-card .fa-key,
.register-container .fa-lock,
.register-container .fa-key {
    color: #0F8B8D !important;
}

/* Remove old green / teal / blue colors */
.register-card *,
.register-container *,
.auth-card * {
    --primary: #0F8B8D !important;
    --primary-color: #0F8B8D !important;
    --primary-dark: #0B6F70 !important;
    --accent: #0F8B8D !important;
    --accent-color: #0F8B8D !important;
}

/* Kill browser autofill blue background */
.register-card input:-webkit-autofill,
.register-card input:-webkit-autofill:hover,
.register-card input:-webkit-autofill:focus,
.register-container input:-webkit-autofill,
.register-container input:-webkit-autofill:hover,
.register-container input:-webkit-autofill:focus {
    -webkit-text-fill-color: #111111 !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    border-color: #d1d5db !important;
    transition: background-color 9999s ease-in-out 0s !important;
}


/* =========================================================
   RAWASEM TECHNOLOGIES — PASSWORD INPUT FINAL FIX
   White + Black + Orange ONLY
   ========================================================= */

/* Password fields wrapper */
.password-wrap,
.password-field,
.input-password,
.password-input-wrap {
    background: transparent !important;
    border-color: transparent !important;
}

/* All registration inputs */
.register-card input,
.auth-card input,
.register-container input {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
}

/* Password inputs specifically */
.register-card input[type="password"],
.register-card input[type="text"][id*="password"],
.register-card input[id="password"],
.register-card input[id="password_confirm"] {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
}

/* Focus */
.register-card input:focus,
.auth-card input:focus,
.register-container input:focus {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #0F8B8D !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(15,139,141,.12) !important;
}

/* Placeholder */
.register-card input::placeholder,
.auth-card input::placeholder,
.register-container input::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

/* Password eye button */
.toggle-pass {
    background: #0F8B8D !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.toggle-pass:hover,
.toggle-pass:focus {
    background: #0B6F70 !important;
    color: #ffffff !important;
}

/* Labels */
.register-card label,
.register-container label,
.auth-card label {
    color: #111111 !important;
}

/* Lock / password icons */
.register-card .fa-lock,
.register-card .fa-key,
.register-container .fa-lock,
.register-container .fa-key {
    color: #0F8B8D !important;
}

/* Remove old green / teal / blue colors */
.register-card *,
.register-container *,
.auth-card * {
    --primary: #0F8B8D !important;
    --primary-color: #0F8B8D !important;
    --primary-dark: #0B6F70 !important;
    --accent: #0F8B8D !important;
    --accent-color: #0F8B8D !important;
}

/* Kill browser autofill blue background */
.register-card input:-webkit-autofill,
.register-card input:-webkit-autofill:hover,
.register-card input:-webkit-autofill:focus,
.register-container input:-webkit-autofill,
.register-container input:-webkit-autofill:hover,
.register-container input:-webkit-autofill:focus {
    -webkit-text-fill-color: #111111 !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    border-color: #d1d5db !important;
    transition: background-color 9999s ease-in-out 0s !important;
}


/* =========================================================
   CUSTOMER — GREEN TO BLACK
   ========================================================= */

.customer-page .text-success,
.customer-page .text-green,
.customer-page .bg-success,
.customer-page .bg-green,
.customer-page .success,
.customer-page .green,
.customer-page .btn-success,
.customer-page .badge-success {
    color: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
}


/* =========================================================
   CUSTOMER DASHBOARD — GREEN TO BLACK
   ========================================================= */

.customer-page .text-success,
.customer-page .text-green,
.customer-page .bg-success,
.customer-page .bg-green,
.customer-page .btn-success,
.customer-page .btn-green,
.customer-page .success,
.customer-page .badge-success,
.customer-page .alert-success,
.customer-page .icon-success,
.customer-page .status-success,
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0B6F70"],
.customer-page [style*="#16A34A"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#198754"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="green"] {
    color: #111111 !important;
    border-color: #111111 !important;
}

.customer-page .bg-success,
.customer-page .bg-green,
.customer-page .btn-success,
.customer-page .btn-green,
.customer-page .badge-success {
    background: #111111 !important;
    color: #ffffff !important;
}


/* =========================================================
   CUSTOMER DASHBOARD — GREEN → BLACK
   ========================================================= */

.customer-page,
.customer-page * {
    --success: #111111 !important;
    --success-color: #111111 !important;
    --green: #111111 !important;
    --green-color: #111111 !important;
}

/* Common green Bootstrap / custom classes */
.customer-page .text-success,
.customer-page .text-green,
.customer-page .text-emerald,
.customer-page .bg-success,
.customer-page .bg-green,
.customer-page .bg-emerald,
.customer-page .btn-success,
.customer-page .btn-green,
.customer-page .badge-success,
.customer-page .alert-success {
    color: #111111 !important;
    border-color: #111111 !important;
}

/* Green backgrounds */
.customer-page .bg-success,
.customer-page .bg-green,
.customer-page .bg-emerald,
.customer-page .btn-success,
.customer-page .btn-green {
    background: #111111 !important;
    color: #ffffff !important;
}

/* Green borders */
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0B6F70"],
.customer-page [style*="#0B6F70"],
.customer-page [style*="#16A34A"],
.customer-page [style*="#16a34a"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#22c55e"],
.customer-page [style*="#198754"],
.customer-page [style*="#0F8B8D"] {
    color: #111111 !important;
    border-color: #111111 !important;
    background-color: #111111 !important;
}

/* Icons that use green */
.customer-page i.text-success,
.customer-page i.text-green,
.customer-page .icon-success,
.customer-page .success-icon {
    color: #111111 !important;
}

/* Links */
.customer-page a.text-success,
.customer-page a.text-green {
    color: #111111 !important;
}


/* =========================================================
   CUSTOMER DASHBOARD — GREEN → BLACK
   ========================================================= */

.customer-page,
.customer-page * {
    --success: #111111 !important;
    --success-color: #111111 !important;
    --green: #111111 !important;
    --green-color: #111111 !important;
}

/* Common green Bootstrap / custom classes */
.customer-page .text-success,
.customer-page .text-green,
.customer-page .text-emerald,
.customer-page .bg-success,
.customer-page .bg-green,
.customer-page .bg-emerald,
.customer-page .btn-success,
.customer-page .btn-green,
.customer-page .badge-success,
.customer-page .alert-success {
    color: #111111 !important;
    border-color: #111111 !important;
}

/* Green backgrounds */
.customer-page .bg-success,
.customer-page .bg-green,
.customer-page .bg-emerald,
.customer-page .btn-success,
.customer-page .btn-green {
    background: #111111 !important;
    color: #ffffff !important;
}

/* Green borders */
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
php -l customer/index.phper/*.php includes assets/css 2>/dev/null | head -100754|#0F8B8D|green|emerald|success' \
=== SEARCH GREEN COLORS ===
customer/index.php:15:    --success: #0F8B8D !important;
customer/index.php:16:    --success-color: #0F8B8D !important;
customer/index.php:29:.btn-success,
customer/index.php:39:.btn-success:hover,
customer/index.php:50:.text-success,
customer/index.php:52:.text-emerald,
customer/index.php:54:.emerald {
customer/index.php:59:.bg-success,
customer/index.php:61:.bg-emerald,
customer/index.php:63:.success-bg {
customer/index.php:69:.border-success,
customer/index.php:71:.border-emerald {
customer/index.php:89:.dashboard i.text-success,
customer/index.php:91:.customer-dashboard i.text-success,
customer/index.php:15:    --success: #0F8B8D !important;
customer/index.php:16:    --success-color: #0F8B8D !important;
customer/index.php:29:.btn-success,
customer/index.php:39:.btn-success:hover,
customer/index.php:50:.text-success,
customer/index.php:52:.text-emerald,
customer/index.php:54:.emerald {
customer/index.php:59:.bg-success,
customer/index.php:61:.bg-emerald,
customer/index.php:63:.success-bg {
customer/index.php:69:.border-success,
customer/index.php:71:.border-emerald {
customer/index.php:89:.dashboard i.text-success,
customer/index.php:91:.customer-dashboard i.text-success,
includes/edu-header.php.bak-before-image-force:1001:    color:#0B6F70 !important;
includes/profile-password.php:73:        if(checks[k]){el.className='fas fa-check';el.style.color='#0F8B8D';s++}else{el.className='fas fa-times';el.style.color='#ef4444'}
includes/profile-password.php:75:    var cols=['#ef4444','#f59e0b','#3b82f6','#0F8B8D'],lbls=['ضعيفة','متوسطة','جيدة','قوية'];
includes/profile-password.php:86:    if(cp&&pw===cp&&pw.length>0){el.querySelector('i').className='fas fa-check';el.querySelector('i').style.color='#0F8B8D'}else{el.querySelector('i').className='fas fa-times';el.querySelector('i').style.color='#ef4444'}
includes/profile-password.php:106:        if(d.success){msg.style.background='rgba(16,185,129,0.1)';msg.style.border='1px solid rgba(16,185,129,0.2)';msg.style.color='#0B6F70';
includes/functions.php.bak-debug-20260831-023834:21:            'success' => ['#c2410c', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-debug-20260831-023834:229:        'completed' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-debug-20260831-023834:234:        'done' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-debug-20260831-023834:237:        'present' => ['حاضر', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-debug-20260831-023834:240:        'approved' => ['مقبول', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-debug-20260831-023834:243:        'accepted' => ['مقبول', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-debug-20260831-023834:244:        'paid' => ['مدفوع', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-debug-20260831-023834:256:        'low' => ['منخفضة', '#0F8B8D', '#ffedd5'],
includes/edu-header.php.bak-nav-spacing-final-20260831-102300:1016:    color:#0B6F70 !important;
includes/header.php.backup-analytics-20260830-102906:112:                            <span class="preview-role-icon" style="background:rgba(16,185,129,0.15);color:#0F8B8D;">
includes/edu-header.php.bak-before-global-theme:1001:    color:#0B6F70 !important;
includes/edu-header.php.bak-remove-home-icon-final-20260831-103126:1016:    color:#0B6F70 !important;
includes/edu-header.php.bak-before-popup-redesign:1002:    color:#0B6F70 !important;
includes/edu-layout.css:91:.edu-table-badge.green{
includes/edu-layout.css:93:    color:#0B6F70 !important;
includes/edu-layout.css:112:    background:#0F8B8D !important;
includes/edu-layout.css:113:    border-color:#0F8B8D !important;
includes/edu-layout.css:131:    color:#0F8B8D !important;
includes/edu-layout.css:152:    accent-color:#0F8B8D !important;
includes/edu-header.php.bak-before-mega-final-clean:1001:    color:#0B6F70 !important;
includes/edu-header.php.bak-before-inline-course-images:1001:    color:#0B6F70 !important;
includes/edu-header.php.bak-remove-home-icon-20260831-103039:1016:    color:#0B6F70 !important;
includes/edu-footer.php:97:    background:#0F8B8D;
includes/edu-footer.php:172:    background:#0F8B8D;
includes/edu-footer.php:256:    color:#0F8B8D;
includes/edu-footer.php:424:                        color:#0F8B8D;
includes/edu-header.php.bak-two-bars-20260831-100749:1016:    color:#0B6F70 !important;
includes/header.php.bak3:100:                            <span class="preview-role-icon" style="background:rgba(16,185,129,0.15);color:#0F8B8D;">
includes/edu-header.php.bak-corporate-training-20260831-101623:1016:    color:#0B6F70 !important;
includes/header.php.bak-header-bar-20260831-095725:119:                            <span class="preview-role-icon" style="background:rgba(16,185,129,0.15);color:#0F8B8D;">
includes/header.php.before-invoice-design.20260822_025308:100:                            <span class="preview-role-icon" style="background:rgba(16,185,129,0.15);color:#0F8B8D;">
includes/functions.php.bak:21:            'success' => ['#c2410c', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak:182:        'completed' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak:187:        'done' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak:190:        'present' => ['حاضر', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak:193:        'approved' => ['مقبول', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak:196:        'accepted' => ['مقبول', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak:197:        'paid' => ['مدÙوع', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak:209:        'low' => ['منخÙضة', '#0F8B8D', '#ffedd5'],
includes/edu-header.php.bak-final-names:1016:    color:#0B6F70 !important;
includes/functions.php.bak-auth-debug-20260828-055449:21:            'success' => ['#c2410c', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-auth-debug-20260828-055449:197:        'completed' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-auth-debug-20260828-055449:202:        'done' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-auth-debug-20260828-055449:205:        'present' => ['حاضر', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-auth-debug-20260828-055449:208:        'approved' => ['مقبول', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-auth-debug-20260828-055449:211:        'accepted' => ['مقبول', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-auth-debug-20260828-055449:212:        'paid' => ['مدفوع', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-auth-debug-20260828-055449:224:        'low' => ['منخفضة', '#0F8B8D', '#ffedd5'],
includes/edu-header.php.bak-before-auth-button-css-fix:1002:    color:#0B6F70 !important;
includes/edu-header.php.bak-layout-fix-20260831-100925:1016:    color:#0B6F70 !important;
includes/edu-header.php.bak-remove-mega-menu-final-20260831-103448:1016:    color:#0B6F70 !important;
includes/edu-header.php.bak-before-nav-bar-20260831-100002:1016:    color:#0B6F70 !important;
includes/edu-header.php.bak-before-final-account-nav-20260827-020008:1002:    color:#0B6F70 !important;
includes/chat-widget.php.backup-before-disable-chatbot:81:    background:#22c55e !important;
includes/functions.php.bak-before-trainee-role-alias:21:            'success' => ['#c2410c', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-before-trainee-role-alias:183:        'completed' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-before-trainee-role-alias:188:        'done' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-before-trainee-role-alias:191:        'present' => ['حاضر', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-before-trainee-role-alias:194:        'approved' => ['مقبول', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-before-trainee-role-alias:197:        'accepted' => ['مقبول', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-before-trainee-role-alias:198:        'paid' => ['مدفوع', '#0F8B8D', '#ffedd5'],
includes/functions.php.bak-before-trainee-role-alias:210:        'low' => ['منخفضة', '#0F8B8D', '#ffedd5'],
includes/functions.php.arabic.bak:21:            'success' => ['#c2410c', '#0F8B8D', '#ffedd5'],
includes/functions.php.arabic.bak:182:        'completed' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.arabic.bak:187:        'done' => ['مكتمل', '#0F8B8D', '#ffedd5'],
includes/functions.php.arabic.bak:190:        'present' => ['حاضر', '#0F8B8D', '#ffedd5'],
includes/functions.php.arabic.bak:193:        'approved' => ['مقبول', '#0F8B8D', '#ffedd5'],

=== PHP CHECK ===
No syntax errors detected in customer/index.php
root@srv1333117:/home/rawasem-sa-corehr/htdocs/corehr.rawasem-sa.com# 
cat >> assets/css/rawasem-login.css <<'CSS'

/* =========================================================
   RAWASEM CUSTOMER — GREEN TO BLACK
   Orange remains the primary brand color
   ========================================================= */

/* Green text */
.customer-page .text-success,
.customer-page .text-green,
.customer-page .text-emerald,
.customer-page .success,
.customer-page [class*="text-success"] {
    color: #111111 !important;
}

/* Green backgrounds */
.customer-page .bg-success,
.customer-page .bg-green,
.customer-page .bg-emerald,
.customer-page .success-bg,
.customer-page [class*="bg-success"] {
    background: #111111 !important;
}

/* Green buttons */
.customer-page .btn-success,
.customer-page .btn-green,
.customer-page .success-btn,
.customer-page [class*="btn-success"] {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

/* Green borders */
.customer-page .border-success,
.customer-page .border-green,
.customer-page [class*="border-success"] {
    border-color: #111111 !important;
}

/* Green icons */
.customer-page .icon-success,
.customer-page .icon-green,
.customer-page .text-success i,
.customer-page .text-green i {
    color: #111111 !important;
}

/* Inline green styles */
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#0B6F70"],
.customer-page [style*="#16A34A"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="#198754"],
.customer-page [style*="#0F8B8D"],
.customer-page [style*="green"] {
    color: #111111 !important;
    border-color: #111111 !important;
}

/* Green backgrounds in inline styles */
.customer-page [style*="background:#0F8B8D"],
.customer-page [style*="background:#0F8B8D"],
.customer-page [style*="background: #0F8B8D"],
.customer-page [style*="background: #0F8B8D"],
.customer-page [style*="background:#0F8B8D"],
.customer-page [style*="background:#0F8B8D"],
.customer-page [style*="background:green"] {
    background: #111111 !important;
}

/* Selected / active states */
.customer-page .active,
.customer-page .selected,
.customer-page .nav-item.active {
    border-color: #111111 !important;
}


/* =========================================================
   RAWASEM CUSTOMER — REMOVE ALL GREEN
   Sidebar + Topbar + Navigation
   ========================================================= */

/* Sidebar */
.sidebar,
.side-nav,
.sidebar-menu,
.sidebar-nav,
aside,
aside.sidebar {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #222222 !important;
}

/* Sidebar links */
.sidebar a,
.side-nav a,
.sidebar-menu a,
.sidebar-nav a,
aside a {
    color: #ffffff !important;
}

/* Sidebar active / hover */
.sidebar a:hover,
.sidebar a.active,
.sidebar li.active > a,
.sidebar-menu a:hover,
.sidebar-menu a.active,
.sidebar-nav a:hover,
.sidebar-nav a.active {
    background: #222222 !important;
    color: #0F8B8D !important;
}

/* Sidebar icons */
.sidebar i,
.side-nav i,
.sidebar-menu i,
.sidebar-nav i,
aside i {
    color: #ffffff !important;
}

/* Active icons */
.sidebar a.active i,
.sidebar li.active > a i,
.sidebar-menu a.active i {
    color: #0F8B8D !important;
}

/* Topbar / Header */
.topbar,
.top-bar,
.header,
.main-header,
.navbar,
.dashboard-header,
header {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #222222 !important;
    color: #ffffff !important;
}

/* Topbar text */
.topbar *,
.top-bar *,
.header *,
.main-header *,
.navbar *,
.dashboard-header *,
header {
    color: #ffffff !important;
}

/* Orange actions */
.topbar .btn,
.top-bar .btn,
.header .btn,
.navbar .btn {
    background: #0F8B8D !important;
    border-color: #0F8B8D !important;
    color: #ffffff !important;
}

/* Remove common green utility colors */
.text-success,
.text-green,
.text-primary,
.bg-success,
.bg-green,
.bg-primary,
.btn-success,
.btn-green,
.btn-primary,
.success,
.green {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

/* Keep orange for important active/action elements */
.sidebar .active,
.sidebar .active *,
.btn-primary,
.btn-success:hover,
.btn-green:hover {
    color: #0F8B8D !important;
}


/* =========================================================
   RAWASEM CUSTOMER — FORCE BLACK SIDEBAR + TOPBAR
   Remove ALL green from navigation
   ========================================================= */

/* Sidebar */
.sidebar,
.side-nav,
.sidebar-menu,
.sidebar-header,
.customer-sidebar,
.dashboard-sidebar,
aside,
nav.sidebar {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #222222 !important;
}

/* Sidebar links */
.sidebar a,
.side-nav a,
.sidebar-menu a,
.customer-sidebar a,
.dashboard-sidebar a,
aside a {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Sidebar hover / active */
.sidebar a:hover,
.sidebar a.active,
.sidebar .active,
.side-nav a:hover,
.side-nav a.active,
.sidebar-menu a:hover,
.sidebar-menu a.active,
.customer-sidebar a:hover,
.customer-sidebar a.active,
.dashboard-sidebar a:hover,
.dashboard-sidebar a.active {
    background: #222222 !important;
    background-color: #222222 !important;
    color: #0F8B8D !important;
}

/* Sidebar icons */
.sidebar i,
.sidebar svg,
.side-nav i,
.side-nav svg,
.sidebar-menu i,
.sidebar-menu svg,
.customer-sidebar i,
.customer-sidebar svg,
.dashboard-sidebar i,
.dashboard-sidebar svg {
    color: #0F8B8D !important;
}

/* Top bar / header */
.topbar,
.top-bar,
.top-bar-inner,
.dashboard-header,
.customer-header,
.main-header,
header {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #222222 !important;
    color: #ffffff !important;
}

/* Topbar text */
.topbar *,
.top-bar *,
.top-bar-inner *,
.dashboard-header *,
.customer-header *,
.main-header *,
header * {
    color: #ffffff !important;
}

/* Topbar icons */
.topbar i,
.top-bar i,
.top-bar-inner i,
.dashboard-header i,
.customer-header i,
.main-header i,
header i {
    color: #0F8B8D !important;
}

/* Active navigation — orange accent only */
.sidebar .active,
.sidebar a.active,
.side-nav a.active,
.sidebar-menu a.active,
.customer-sidebar a.active,
.dashboard-sidebar a.active {
    border-color: #0F8B8D !important;
}

/* Kill common green utility classes */
.bg-success,
.bg-green,
.bg-emerald,
.bg-primary-green,
.success,
.text-success,
.text-green,
.text-emerald,
.border-success,
.border-green,
.btn-success {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

/* Green inline styles */
[style*="#0F8B8D"],
[style*="#0F8B8D"],
[style*="#0F8B8D"],
[style*="#0F8B8D"],
[style*="#0B6F70"],
[style*="#0B6F70"],
[style*="#16A34A"],
[style*="#16a34a"],
[style*="#0F8B8D"],
[style*="#22c55e"],
[style*="#198754"],
[style*="#0F8B8D"],
[style*="green"],
[style*="emerald"] {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

/* Preserve orange branding */
.text-orange,
.text-primary,
.brand-orange,
.btn-primary {
    color: #0F8B8D !important;
}

.bg-orange,
.btn-orange {
    background-color: #0F8B8D !important;
}