/*
 * SuiteMaple Component CSS Overrides
 * ====================================
 * Paste this file into your Joomla template's custom.css (or equivalent)
 * to customise colours and fonts for the ERP Health Check and AI Governance
 * components without editing any component files.
 *
 * Only include the variables you want to change — any omitted variable
 * will fall back to the component default.
 *
 * Location: your Joomla template > custom.css or user.css
 * (Cassiopeia: templates/cassiopeia/css/user.css)
 * ====================================
 */


/* ============================================================
   ERP HEALTH CHECK (com_smhealthcheck)
   Scope: .smhc-wrap (start/connect forms) and .smhcr-wrap (report)
   ============================================================ */

.smhc-wrap,
.smhcr-wrap {

    /* --- Brand / Primary --- */
    --smhc-primary:        #CC1111 !important;   /* Maple red — buttons, highlights, badges */
    --smhc-primary-hover:  #a50e0e !important;   /* Maple red on hover */
    --smhc-primary-bg:     #fef2f2 !important;   /* Light red tint — badge backgrounds */
    --smhc-primary-border: #fecaca !important;   /* Light red border */

    /* --- Blue accent --- */
    --smhc-blue:           #1D4ED8 !important;   /* Blue — info badges, Deep Scan accents */
    --smhc-blue-bg:        #eff6ff !important;   /* Light blue background */
    --smhc-blue-border:    #bfdbfe !important;   /* Light blue border */
    --smhc-blue-hover:     #1e40af !important;   /* Blue on hover */
    --smhc-blue-dark:      #1e3a5f !important;   /* Deep blue for descriptive text */

    /* --- Green --- */
    --smhc-green:          #16a34a !important;   /* Green — Healthy scores */
    --smhc-green-bg:       #f0fdf4 !important;   /* Light green background */

    /* --- Amber --- */
    --smhc-amber:          #92400e !important;   /* Amber text — Poor scores, warnings */
    --smhc-amber-bg:       #fffbeb !important;   /* Amber background */
    --smhc-amber-border:   #fde68a !important;   /* Amber border */

    /* --- Text --- */
    --smhc-text:           #1e293b !important;   /* Primary body text */
    --smhc-text-mid:       #334155 !important;   /* Secondary body text */
    --smhc-text-muted:     #475569 !important;   /* Muted labels, hints */
    --smhc-text-faint:     #64748b !important;   /* Faint text — meta, captions */
    --smhc-text-subtle:    #94a3b8 !important;   /* Very faint — placeholders, dividers */

    /* --- Borders & Dividers --- */
    --smhc-divider:        #cbd5e1 !important;   /* Horizontal rules, separators */
    --smhc-border:         #e2e8f0 !important;   /* Card and input borders */
    --smhc-border-light:   #f1f5f9 !important;   /* Subtle inner borders */

    /* --- Backgrounds --- */
    --smhc-bg:             #ffffff !important;   /* Card and modal backgrounds */
    --smhc-bg-subtle:      #f8fafc !important;   /* Card headers, section backgrounds */

}


/* ============================================================
   AI GOVERNANCE FRAMEWORK (com_smaigovernance)
   Scope: .q-wrap (intake form) and .aig-confirm-wrap (confirm page)
   ============================================================ */

.q-wrap,
.aig-confirm-wrap {

    /* --- Brand / Primary --- */
    --smaig-primary:                #cc1111 !important;   /* Maple red */
    --smaig-primary-bg:             #fff5f5 !important;   /* Light red background */

    /* --- Text --- */
    --smaig-text:                   #2c2c2c !important;   /* Primary body text */
    --smaig-text-muted:             #6b6560 !important;   /* Muted labels, hints */
    --smaig-text-subtle:            #9ca3af !important;   /* Very faint text */

    /* --- Borders & Backgrounds --- */
    --smaig-border:                 #e5dfda !important;   /* Card and input borders */
    --smaig-border-light:           #f3ede8 !important;   /* Subtle inner borders */
    --smaig-bg:                     #ffffff !important;   /* Card backgrounds */
    --smaig-bg-input:               #faf7f2 !important;   /* Input field backgrounds */

    /* --- Amber / Warning --- */
    --smaig-amber:                  #f59e0b !important;   /* Amber accent */
    --smaig-amber-text:             #92400e !important;   /* Amber text */
    --smaig-amber-bg:               #fffbeb !important;   /* Amber background */

    /* --- Submission Status Colours --- */
    /* Change these to match your own status badge palette */
    --smaig-status-pending-bg:      #fef3c7 !important;   /* Pending — amber tint */
    --smaig-status-pending-text:    #92400e !important;
    --smaig-status-generating-bg:   #dbeafe !important;   /* Generating — blue tint */
    --smaig-status-generating-text: #1e40af !important;
    --smaig-status-queued-bg:       #ede9fe !important;   /* Queued — purple tint */
    --smaig-status-queued-text:     #6d28d9 !important;
    --smaig-status-ready-bg:        #d1fae5 !important;   /* Ready — green tint */
    --smaig-status-ready-text:      #065f46 !important;
    --smaig-status-failed-bg:       #fee2e2 !important;   /* Failed — red tint */
    --smaig-status-failed-text:     #991b1b !important;

}


/* ============================================================
   EXAMPLE BRAND OVERRIDE
   Uncomment and edit to apply your own brand colours.
   ============================================================ */

/*
.smhc-wrap,
.smhcr-wrap,
.q-wrap,
.aig-confirm-wrap {
    --smhc-primary:       #003087 !important;
    --smaig-primary:      #003087 !important;
}
*/

/* Bootstrap button colour override (optional)
 * Use this if Bootstrap's btn-danger doesn't match the Maple red closely enough.
 */

.smhc-wrap .btn-danger,
.smhcr-wrap .btn-danger {
    --bs-btn-bg:               var(--smhc-primary) !important;
    --bs-btn-border-color:     var(--smhc-primary) !important;
    --bs-btn-hover-bg:         var(--smhc-primary-hover) !important;
    --bs-btn-hover-border-color: var(--smhc-primary-hover) !important;
}
.q-wrap .btn-danger,
.aig-confirm-wrap .btn-danger {
    --bs-btn-bg:               var(--smaig-primary) !important;
    --bs-btn-border-color:     var(--smaig-primary) !important;
}