/*
 * main-override.css — EM Brand overrides for AHCEM/Resources/main.css
 * Targets: shadcn/UI system vars, BWA layer vars, Bootstrap 5 root vars,
 *          and any Tailwind compiled classes not caught by ahcem_override.css.
 *
 * Load AFTER main.css and AFTER ahcem_override.css.
 */


/* ============================================================
   1. SHADCN / UI SYSTEM VARIABLES
   ============================================================ */
:root {
    --primary: var(--o-color2-900);
    --primary-foreground: #fff;
    --secondary-foreground: var(--o-color1-900);
    --accent-foreground: var(--o-color1-900);
    --destructive: #a0352d;
    --destructive-foreground: #fff;
    --sidebar-primary: var(--o-color2-900);
    --sidebar-primary-foreground: #fff;
}


/* ============================================================
   2. BWA SHADOW & FOCUS RING VARIABLES
   ============================================================ */
:root {
    --bwa-shadow-primary: 0 .5rem 1.5rem rgba(var(--o-color2-base), 0.25);
    --bwa-shadow-primary-sm: 0 .25rem .75rem rgba(var(--o-color2-base), 0.15);
    --bwa-focus-ring: 0 0 0 .25rem rgba(var(--o-color2-base), 0.25);
    --bwa-focus-ring-primary: 0 0 0 .25rem rgba(var(--o-color2-base), 0.25);
}


/* ============================================================
   3. BWA INPUT FOCUS (purple #5b21b6 fallback kill)
   ============================================================ */
.bwa-input:focus,
[data-slot=input]:focus,
.bwa-module input:focus,
.bwa-module textarea:focus,
.bwa-module select:focus {
    border-color: var(--o-color2-700) !important;
    box-shadow: var(--bwa-focus-ring-primary) !important;
}

.bwa-btn:focus,
[data-slot=button]:focus,
.bwa-module button[type=submit]:focus,
.bwa-module input[type=submit]:focus,
.bwa-module input[type=button]:focus {
    box-shadow: var(--bwa-focus-ring) !important;
}


/* ============================================================
   4. BWA CARD HEADER (muted bg)
   ============================================================ */
.bwa-card-header,
.bwa-module legend {
    background-color: var(--o-color2-100) !important;
    border-bottom-color: var(--o-color2-200) !important;
}


/* ============================================================
   5. BOOTSTRAP 5 ROOT VARS — FULL OVERRIDE
   ============================================================ */
:root {
    /* ── Named colors ── */
    --bs-blue:    var(--o-color2-700);
    --bs-indigo:  var(--o-color2-900);
    --bs-purple:  var(--o-color2-800);
    --bs-pink:    var(--o-color2-600);
    --bs-red:     var(--o-color2-900);
    --bs-green:   var(--o-color1-600);
    --bs-teal:    var(--o-color1-900);
    --bs-cyan:    var(--o-color2-600);

    /* ── Semantic colors ── */
    --bs-primary:   var(--o-color2-700);
    --bs-success:   var(--o-color1-600);
    --bs-info:      var(--o-color2-600);
    --bs-danger:    var(--o-color2-900);

    /* ── Semantic RGB channels ── */
    --bs-primary-rgb:   var(--o-color2-base);
    --bs-success-rgb:   var(--o-color1-base);
    --bs-info-rgb:      var(--o-color2-base);
    --bs-danger-rgb:    var(--o-color2-base);

    /* ── Text emphasis ── */
    --bs-primary-text-emphasis:   var(--o-color2-900);
    --bs-success-text-emphasis:   var(--o-color1-900);
    --bs-info-text-emphasis:      var(--o-color2-900);
    --bs-danger-text-emphasis:    var(--o-color2-900);

    /* ── Subtle backgrounds ── */
    --bs-primary-bg-subtle:   var(--o-color2-100);
    --bs-success-bg-subtle:   var(--o-color1-100);
    --bs-info-bg-subtle:      var(--o-color2-100);
    --bs-danger-bg-subtle:    var(--o-color2-100);

    /* ── Subtle borders ── */
    --bs-primary-border-subtle:   var(--o-color2-300);
    --bs-success-border-subtle:   var(--o-color1-300);
    --bs-info-border-subtle:      var(--o-color2-300);
    --bs-danger-border-subtle:    var(--o-color2-300);

    /* ── Links ── */
    --bs-link-color:           var(--o-color2-700);
    --bs-link-color-rgb:       var(--o-color2-base);
    --bs-link-hover-color:     var(--o-color2-800);
    --bs-link-hover-color-rgb: var(--o-color2-base);
    --bs-code-color:           var(--o-color2-700);

    /* ── Focus ring ── */
    --bs-focus-ring-color: rgba(var(--o-color2-base), 0.25);

    /* ── Form validation ── */
    --bs-form-valid-color:        var(--o-color1-600);
    --bs-form-valid-border-color: var(--o-color1-600);

    /* ── Dropdowns ── */
    --bs-dropdown-link-active-bg:    var(--o-color2-700);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-hover-bg:     var(--o-color2-100);
    --bs-dropdown-link-hover-color:  var(--o-color2-900);

    /* ── Nav ── */
    --bs-nav-pills-link-active-bg:           var(--o-color2-700);
    --bs-nav-pills-link-active-color:        #fff;
    --bs-nav-tabs-link-active-color:         var(--o-color2-700);
    --bs-nav-tabs-link-active-border-color:  var(--o-color2-700);
    --bs-nav-link-color:                     var(--o-color2-700);
    --bs-nav-link-hover-color:               var(--o-color2-800);

    /* ── Pagination ── */
    --bs-pagination-active-bg:           var(--o-color2-700);
    --bs-pagination-active-border-color: var(--o-color2-700);
    --bs-pagination-active-color:        #fff;
    --bs-pagination-color:               var(--o-color2-700);
    --bs-pagination-hover-color:         var(--o-color2-800);
    --bs-pagination-hover-bg:            var(--o-color2-100);
    --bs-pagination-hover-border-color:  var(--o-color2-300);
    --bs-pagination-focus-color:         var(--o-color2-800);
    --bs-pagination-focus-box-shadow:    0 0 0 0.25rem rgba(var(--o-color2-base), 0.25);

    /* ── List groups ── */
    --bs-list-group-active-bg:           var(--o-color2-700);
    --bs-list-group-active-border-color: var(--o-color2-700);
    --bs-list-group-active-color:        #fff;

    /* ── Accordion ── */
    --bs-accordion-active-bg:    var(--o-color2-100);
    --bs-accordion-active-color: var(--o-color2-900);
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238C2332'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25);

    /* ── Form check ── */
    --bs-form-check-bg: var(--o-color2-700);
}


/* ============================================================
   6. TAILWIND BORDER COLORS (main.css specifics)
   ============================================================ */
.border-\[\#9cbfd9\]  { border-color: var(--o-color2-300) !important; }
.border-\[\#97c5a3\]  { border-color: var(--o-color1-600) !important; }
.border-\[\#2874ad\]  { border-color: var(--o-color2-700) !important; }
.border-\[\#113149\]  { border-color: var(--o-color2-900) !important; }
.border-\[\#bcd4e6\]  { border-color: var(--o-color2-200) !important; }
.border-\[\#eaf1f7\]  { border-color: var(--o-color2-100) !important; }
.border-\[#2874ad\]   { border-color: var(--o-color2-700) !important; }

.divide-\[\#d2d2d3\] > :not(:last-child) {
    border-color: var(--o-color2-200) !important;
}


/* ============================================================
   7. TAILWIND BACKGROUND COLORS
   ============================================================ */
.bg-\[\#0c3618\]  { background-color: var(--o-color1-900) !important; }
.bg-\[\#1c527b\]  { background-color: var(--o-color2-700) !important; }
.bg-\[\#1c8038\]  { background-color: var(--o-color1-600) !important; }
.bg-\[\#2874ad\]  { background-color: var(--o-color2-700) !important; }
.bg-\[\#113149\]  { background-color: var(--o-color2-900) !important; }
.bg-\[\#b9d8c1\]  { background-color: var(--o-color1-300) !important; }
.bg-\[\#e8f2eb\]  { background-color: var(--o-color1-100) !important; }
.bg-\[\#eaf1f7\]  { background-color: var(--o-color2-100) !important; }
.bg-\[\#f6ebea\]  { background-color: var(--o-color2-100) !important; }


/* ============================================================
   8. TAILWIND TEXT COLORS
   ============================================================ */
.text-\[\#0c3618\]  { color: var(--o-color1-900) !important; }
.text-\[\#1c527b\]  { color: var(--o-color2-700) !important; }
.text-\[\#1c8038\]  { color: var(--o-color1-600) !important; }
.text-\[\#145b28\]  { color: var(--o-color1-700) !important; }
.text-\[\#2874ad\]  { color: var(--o-color2-700) !important; }
.text-\[\#113149\]  { color: var(--o-color2-900) !important; }
.text-\[\#d2e6d8\]  { color: var(--o-color1-200) !important; }
.text-\[\#eaf1f7\]  { color: var(--o-color2-100) !important; }


/* ============================================================
   9. TAILWIND HOVER VARIANTS
   ============================================================ */
.hover\:bg-\[\#1c527b\]:hover  { background-color: var(--o-color2-800) !important; }
.hover\:bg-\[\#8bb99a\]:hover  { background-color: var(--o-color1-500) !important; }
.hover\:bg-\[\#e8f2eb\]:hover  { background-color: var(--o-color1-100) !important; }
.hover\:bg-\[\#eaf1f7\]:hover  { background-color: var(--o-color2-100) !important; }
.hover\:text-\[\#1c8038\]:hover  { color: var(--o-color1-600) !important; }
.hover\:text-\[\#97c5a3\]:hover  { color: var(--o-color1-600) !important; }
.hover\:text-\[\#2874ad\]:hover  { color: var(--o-color2-700) !important; }

.group-hover\:text-\[\#1c8038\]:is(:where(.group):hover *) {
    color: var(--o-color1-600) !important;
}


/* ============================================================
   10. TAILWIND GRADIENT OVERRIDES
   ============================================================ */
.from-\[\#0c3618b3\] { --tw-gradient-from: rgba(var(--o-color1-base), 0.7) !important; }
.to-\[\#0c3618d9\]   { --tw-gradient-to: rgba(var(--o-color1-base), 0.85) !important; }


/* ============================================================
   11. SHADOW OVERRIDES (Tailwind compiled)
   ============================================================ */
.shadow-\[0px_0\.587px_1\.174px_0px_var\(--tw-shadow-color\,\#1018280d\)\] {
    --tw-shadow-color: rgba(var(--o-color2-base), 0.05);
}

.shadow-\[0px_1px_2px_0px_var\(--tw-shadow-color\,\#1018280d\)\] {
    --tw-shadow-color: rgba(var(--o-color2-base), 0.05);
}


/* ============================================================
   12. AUTOFILL OVERRIDES
   ============================================================ */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--o-color2-100) inset !important;
    -webkit-text-fill-color: var(--o-color1-900) !important;
    border-color: var(--o-color2-300) !important;
    transition: background-color 5000s ease-in-out 0s;
}

input:-internal-autofill-selected {
    background-color: var(--o-color2-100) !important;
    color: var(--o-color1-900) !important;
}


/* ============================================================
   13. SELECTION / HIGHLIGHT
   ============================================================ */
::selection {
    background-color: var(--o-color2-700);
    color: #fff;
}

::-moz-selection {
    background-color: var(--o-color2-700);
    color: #fff;
}


/* ============================================================
   14. PLACEHOLDER TEXT
   ============================================================ */
::placeholder {
    color: var(--o-color1-600) !important;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: var(--o-color1-600) !important;
}

::-moz-placeholder {
    color: var(--o-color1-600) !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: var(--o-color1-600) !important;
}

.form-control::placeholder {
    color: var(--o-color1-600) !important;
}

.SumoSelect > .CaptionCont > span.placeholder {
    color: var(--o-color1-600) !important;
}


/* ============================================================
   15. CARET, ACCENT & FOCUS-VISIBLE
   ============================================================ */
input,
textarea,
select,
[contenteditable] {
    caret-color: var(--o-color2-700);
}

input[type="checkbox"],
input[type="radio"],
input[type="range"],
progress {
    accent-color: var(--o-color2-700);
}

:focus-visible {
    outline-color: var(--o-color2-700) !important;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid var(--o-color2-700) !important;
    outline-offset: -1px;
}


/* ============================================================
   16. SCROLLBAR (Webkit + Firefox)
   ============================================================ */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--o-color1-100);
}

::-webkit-scrollbar-thumb {
    background-color: var(--o-color1-400);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--o-color2-700);
}

* {
    scrollbar-color: var(--o-color1-400) var(--o-color1-100);
    scrollbar-width: thin;
}