/*
 * LeadSense Theme V1 — Orange/Odigma Brand Theme
 * To revert: remove the <link> for this file in AdminPanelProvider
 * and revert primary color from Orange back to Blue.
 */

/* ============================================
   1. SIDEBAR STYLING
   ============================================ */

/* Sidebar background: clean white */
.fi-sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid #e5e7eb !important;
}

/* Brand name "LeadSense Admin" in orange */
.fi-sidebar-header .fi-brand span,
.fi-sidebar-header a {
    color: #E87722 !important;
    font-weight: 700 !important;
}

/* Navigation group labels */
.fi-sidebar-group-label {
    color: #374151 !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
}

/* Nav item default state */
.fi-sidebar-item a {
    color: #4b5563 !important;
    border-radius: 0.5rem !important;
    transition: all 0.15s ease !important;
}

/* Nav item hover */
.fi-sidebar-item a:hover {
    background-color: #fff7ed !important;
    color: #E87722 !important;
}

/* Nav item active/current — deep blue background */
.fi-sidebar-item-active a,
.fi-sidebar-item-active a:hover {
    background-color: #1e3a5f !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Active nav item label text — white on deep blue */
.fi-sidebar-item-active a span,
.fi-sidebar-item-active a .fi-sidebar-item-label {
    color: #ffffff !important;
}

/* Active nav item icon color — white on deep blue */
.fi-sidebar-item-active a .fi-sidebar-item-icon {
    color: #ffffff !important;
}

/* Inactive nav item icon color — orange */
.fi-sidebar-item:not(.fi-sidebar-item-active) a .fi-sidebar-item-icon {
    color: #E87722 !important;
}

/* Hover icon color */
.fi-sidebar-item:not(.fi-sidebar-item-active) a:hover .fi-sidebar-item-icon {
    color: #d16a1f !important;
}

/* ============================================
   1b. SIDEBAR LOGO
   ============================================ */

/* Logo container styling */
.fi-sidebar-header {
    padding: 1rem 1rem 0.5rem 1rem !important;
}

/* User avatar in topbar — orange ring */
.fi-avatar {
    border: 2px solid #E87722 !important;
    border-radius: 50% !important;
}

/* ============================================
   2. TOP BAR / HEADER
   ============================================ */

/* Topbar: white with subtle bottom border */
.fi-topbar nav {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* ============================================
   3. PAGE TITLES & HEADINGS
   ============================================ */

/* Page title (e.g. "Dashboard") in orange */
.fi-header-heading {
    color: #E87722 !important;
}

/* ============================================
   4. BODY / MAIN AREA
   ============================================ */

/* Main content area: very light warm gray */
.fi-main-ctn {
    background-color: #fafafa !important;
}

.fi-body {
    background-color: #fafafa !important;
}

/* ============================================
   5. CARDS & WIDGETS
   ============================================ */

/* Widget wrapper: transparent (individual cards styled below) */
.fi-wi {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Stat overview widgets */
.fi-wi-stats-overview-stat {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
}

/* Chart widgets */
.fi-wi-chart {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
}

/* ============================================
   6. SECTIONS & TABLES
   ============================================ */

/* Section cards */
.fi-section:not(.fi-section-not-contained):not(.fi-aside) {
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
}

/* Table container */
.fi-ta {
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    overflow: hidden;
}

/* ============================================
   7. BUTTONS
   ============================================ */

/* Primary color handled by AdminPanelProvider colors(['primary' => Color::Orange]) */

/* ============================================
   8. BADGES & INDICATORS
   ============================================ */

/* Primary colored badges */
.fi-badge-primary {
    background-color: #fff7ed !important;
    color: #E87722 !important;
}

/* ============================================
   9. FORMS & INPUTS
   ============================================ */

/* Input focus ring in orange */
.fi-input-wrp {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06) !important;
}

.fi-input:focus,
.fi-select-input:focus {
    --tw-ring-color: #E87722 !important;
    border-color: #E87722 !important;
}

/* ============================================
   10. TABS
   ============================================ */

/* Active tab indicator */
.fi-tabs-item-active .fi-tabs-item-button {
    border-color: #E87722 !important;
    color: #E87722 !important;
}

/* ============================================
   11. LINKS
   ============================================ */

/* Footer link color, stat description links */
.fi-wi-stats-overview-stat-description a,
.fi-link {
    color: #E87722 !important;
}

/* ============================================
   12. MODAL & DROPDOWN
   ============================================ */

/* Dropdown active item */
.fi-dropdown-list-item-active {
    background-color: #fff7ed !important;
    color: #E87722 !important;
}

/* ============================================
   13. PAGINATION
   ============================================ */

/* Current page in pagination */
.fi-pagination-item-active {
    background-color: #E87722 !important;
    color: #ffffff !important;
}

/* ============================================
   14. LOGIN PAGE
   ============================================ */

/* Login button */
.fi-simple-main .fi-btn {
    background-color: #E87722 !important;
}

.fi-simple-main .fi-btn:hover {
    background-color: #d16a1f !important;
}

/* Login page brand text */
.fi-simple-header-heading {
    color: #E87722 !important;
}