/* =========================================================
   TENANT PANEL – EXTRACTED STYLESHEET
   ========================================================= */

/* Save button alignment */
form[wire\:submit="save"] button[type="submit"] { margin-left: auto !important; display: block !important; margin-top: 25px; }
form[wire\:submit="save"] > div:last-child { display: flex !important; justify-content: flex-end !important; }

/* =========================================================
   NAVY & GOLD THEME
   ========================================================= */
.fi-sidebar, .fi-sidebar-header, .fi-topbar { background-color: #1B365D !important; }
.fi-sidebar { border-right: 1px solid #C5A059 !important; }
.fi-sidebar-header { border-bottom: 1px solid #C5A059 !important; }
.fi-topbar { border-bottom: none !important; }
.fi-sidebar-item-label { color: #ffffff !important; }
.fi-sidebar-group-label { color: #f0c77b !important; font-weight: bold; font-size: 16px; }
.fi-sidebar-item-icon { color: #a0aec0 !important; }
.fi-sidebar-item { border-radius: 0.5rem !important; margin-bottom: 2px; }
.fi-sidebar-item:hover { background-color: white !important; }
.fi-sidebar-item:hover .fi-sidebar-item-label,
.fi-sidebar-item:hover .fi-sidebar-item-icon { color: #1B365D !important; font-weight: bold; }
.fi-sidebar-item.fi-active { background-color: #ffffff !important; border-radius: 0.5rem !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-label { color: #1B365D !important; font-weight: 700 !important; }
.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active svg { color: #1B365D !important; stroke: #1B365D !important; }
.fi-topbar nav .fi-icon-btn, .fi-topbar .fi-user-menu-trigger { color: white !important; }

/* Collapse/Burger buttons */
.fi-sidebar-collapse-btn, .fi-sidebar-collapse-btn:hover, .fi-sidebar-collapse-btn:focus { color: #ffffff !important; }
.fi-sidebar-collapse-btn svg { stroke: #ffffff !important; }
.fi-topbar-open-sidebar-btn, .fi-topbar-open-sidebar-btn:hover { color: #ffffff !important; }
.fi-topbar-open-sidebar-btn svg { stroke: #ffffff !important; }
.fi-topbar .fi-icon-btn svg { stroke: #ffffff !important; }

/* =========================================================
   SIDEBAR TOGGLE ANIMATIONS
   ========================================================= */
/* Sidebar animations loaded from /css/sidebar-animations.css */

/* =========================================================
   GLOBAL FONT – POPPINS
   ========================================================= */
body, .fi-body, .fi-topbar, .fi-sidebar, .fi-main, .fi-header, .fi-user-name,
.fi-sidebar-item-label, .fi-sidebar-group-label, .fi-logo, .fi-simple-page,
.fi-simple-layout, .fi-simple-main, .fi-simple-main input, .fi-simple-main button,
.fi-simple-main label, .fi-simple-header-heading { font-family: "Poppins", sans-serif !important; }

/* =========================================================
   DARK MODE
   ========================================================= */
.fi-body.dark .fi-sidebar, .fi-body.dark .fi-sidebar-header, .fi-body.dark .fi-topbar { background-color: #0F172A !important; }
.fi-body.dark .fi-topbar, .fi-body.dark header.fi-topbar { background-color: #0d1b35 !important; border-bottom: 1px solid #1e3260 !important; }
.fi-body.dark .fi-sidebar-header { background-color: #0f1f3d !important; border-bottom: 1px solid #2a3f6f !important; }
.fi-body.dark .fi-sidebar-item:hover { background-color: rgba(255,255,255,0.08) !important; }
.fi-body.dark .fi-sidebar-item.fi-active { background-color: rgba(255,255,255,0.12) !important; }
.fi-body.dark .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-body.dark .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-body.dark .fi-sidebar-item.fi-active svg { color: #ffffff !important; stroke: #ffffff !important; }

/* Welcome text dark mode */
.tenant-welcome-text { font-size: 2.25rem; line-height: 2.5rem; font-weight: 800; letter-spacing: -0.025em; color: #030712; }
.dark .tenant-welcome-text { color: #ffffff !important; }
.fi-wi-widget h1 { color: #1B365D !important; }
.dark .fi-wi-widget h1 { color: #ffffff !important; }

/* =========================================================
   LOGIN PAGE
   ========================================================= */
.fi-simple-header img { height: 7rem !important; width: auto !important; max-width: 100%; margin-bottom: 1.25rem; }
.fi-simple-page, .fi-simple-layout { background-color: #1B365D !important; background-image: none !important; }
.fi-simple-main {
    background-color: white !important; color: #1B365D !important;
    border-radius: 1.5rem !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #e5e7eb !important;
}
.fi-simple-main > div, .fi-simple-main section, .fi-simple-main form { background-color: transparent !important; }
.fi-simple-header-heading { color: #1B365D !important; font-size: 2rem !important; font-weight: 600 !important; }
.fi-simple-main label span { color: #374151 !important; }
.fi-simple-main input {
    background-color: #ffffff !important; border: 1px solid #d1d5db !important;
    color: #000000 !important; border-radius: 0.5rem !important;
}
.fi-simple-main input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset !important; -webkit-text-fill-color: #000 !important; }
.fi-simple-main button[type="submit"] { background-color: #C5A059 !important; color: white !important; font-weight: bold; }
.fi-simple-main button[type="submit"]:hover { background-color: #b08d48 !important; }
.fi-simple-main a { color: #1B365D !important; }
.fi-simple-main input[type="checkbox"]:checked { background-color: #C5A059 !important; border-color: #C5A059 !important; }
.fi-simple-main input[type="checkbox"]:focus { --tw-ring-color: #C5A059 !important; }
.fi-input-wrp { display: flex !important; align-items: stretch !important; }
.fi-input-wrp input[type="password"], .fi-input-wrp input[type="text"] { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.fi-input-wrp button { border-left: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; background-color: #ffffff !important; }

/* Profile form hide */
form[wire\:submit="updateProfile"],
form[wire\:submit="updateAvatar"] { display: none !important; }