/* ========================================================
   AZII CLOUD ENTERPRISE DESIGN SYSTEM (V14.2)
   Professional High-Contrast SaaS Palette (Linear / Stripe Inspired)
   ======================================================== */

/* 1. Global Inputs & Placeholders */
::-webkit-input-placeholder { color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; }
:-ms-input-placeholder { color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; }
::placeholder { color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; }

/* 2. Enterprise Button Palette (No Gaming Colors) */
.btn-primary,
.btn-bg-color,
.btn.bgpurple,
.bgpurple {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.15s ease-in-out !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-bg-color:hover {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(37, 99, 235, 0.4) !important;
}

.btn-success {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.15s ease-in-out !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: #047857 !important;
    border-color: #047857 !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(5, 150, 105, 0.4) !important;
}

.btn-warning {
    background: #d97706 !important;
    border-color: #d97706 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.15s ease-in-out !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background: #b45309 !important;
    border-color: #b45309 !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(217, 119, 6, 0.4) !important;
}

.btn-danger {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.15s ease-in-out !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(220, 38, 38, 0.4) !important;
}

.btn-secondary {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    transition: all 0.15s ease-in-out !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
}

/* 3. High-Contrast Dark Cards & Surfaces (Eliminating Harsh White Sheets) */
.card,
.dark-theme .card,
.tabPanelWraps .card {
    background: #111a2e !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
    color: #f8fafc !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}
.card-body,
.dark-theme .card-body {
    background: transparent !important;
    color: #f8fafc !important;
}

/* 4. Form Controls, Dropdowns & Inputs */
.form-control,
.dark-theme .form-control {
    background-color: #0a1120 !important;
    border: 1px solid #25334d !important;
    color: #f8fafc !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}
.form-control:focus,
.dark-theme .form-control:focus {
    background-color: #0d1629 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25) !important;
    outline: none !important;
}

/* 5. Enterprise Tables (High Contrast, Crisp Data) */
.table,
.dark-theme .table {
    color: #e2e8f0 !important;
    border-color: #1e293b !important;
    background-color: transparent !important;
}
.table thead th,
.dark-theme .table thead th {
    background-color: #141f36 !important;
    background-image: none !important;
    color: #94a3b8 !important;
    border-bottom: 1px solid #23314d !important;
    border-top: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    padding: 10px 14px !important;
}
.table tbody td,
.dark-theme .table tbody td {
    background-color: #0e1628 !important;
    color: #e2e8f0 !important;
    border-top: 1px solid #1c273e !important;
    border-bottom: 1px solid #1c273e !important;
    font-size: 13px !important;
    padding: 11px 14px !important;
    vertical-align: middle !important;
}
.table-striped tbody tr:nth-of-type(odd) td,
.dark-theme .table-striped tbody tr:nth-of-type(odd) td {
    background-color: #121c33 !important;
}
.table tbody tr:hover td,
.dark-theme .table tbody tr:hover td {
    background-color: #182542 !important;
    color: #ffffff !important;
}
.table tbody td a,
.dark-theme .table tbody td a {
    color: #38bdf8 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.table tbody td a:hover,
.dark-theme .table tbody td a:hover {
    color: #7dd3fc !important;
    text-decoration: underline !important;
}

/* 6. Typography & Headings */
h1, h2, h3, h4, h5, h6,
.page-title,
.header-title,
.dark-theme .header-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
}
label,
.font-weight-bold,
.dark-theme label {
    color: #cbd5e1 !important;
    font-weight: 600 !important;
}
.text-muted,
.dark-theme .text-muted,
p.text-muted {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

/* 7. Checkboxes & Switches */
.custom-control-input:checked ~ .custom-control-label::before,
.checkbox-warning input[type=checkbox]:checked + label::before,
.radio-warning input[type=radio]:checked + label::before {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}