:root {
    --balghsoon-primary: #2397ad;
    --balghsoon-primary-dark: #1b7486;
    --balghsoon-soft: rgba(35,151,173,.14);
    --balghsoon-border: rgba(35,151,173,.20);
}

/* Header / top bar */
.fi-topbar nav {
    background: linear-gradient(135deg, #0b2f37 0%, #155e6d 55%, #2397ad 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* Sidebar */
.fi-sidebar {
    background: #070b0d !important;
    border-inline-end: 1px solid rgba(255,255,255,.08) !important;
}

.fi-sidebar-header {
    background: linear-gradient(135deg, #0b2f37 0%, #155e6d 100%) !important;
    min-height: 82px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.fi-sidebar-header img {
    max-height: 58px !important;
    object-fit: contain !important;
}

.fi-logo {
    font-weight: 900 !important;
    letter-spacing: .2px !important;
}

/* Sidebar groups */
.fi-sidebar-group-label {
    color: #cbd5e1 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
}

/* Sidebar active item */
.fi-sidebar-item-active a {
    background: rgba(35,151,173,.18) !important;
    border: 1px solid rgba(35,151,173,.28) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item-active svg {
    color: #43d3eb !important;
}

/* Normal sidebar item */
.fi-sidebar-item a {
    border-radius: 12px !important;
}

.fi-sidebar-item a:hover {
    background: rgba(255,255,255,.06) !important;
}

/* Buttons */
.fi-btn-color-primary {
    background: #2397ad !important;
}

.fi-btn-color-primary:hover {
    background: #1b7486 !important;
}

.fi-btn-color-success {
    background: #2397ad !important;
}

/* Tables / sections */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    border-radius: 20px !important;
    border-color: rgba(255,255,255,.08) !important;
}

.fi-ta-header {
    border-radius: 20px 20px 0 0 !important;
}

.fi-ta-row:hover {
    background: rgba(35,151,173,.06) !important;
}

/* Badges */
.fi-badge {
    border-radius: 999px !important;
    font-weight: 800 !important;
}

/* Login page */
.fi-simple-layout {
    background:
        radial-gradient(circle at top right, rgba(35,151,173,.32), transparent 35%),
        radial-gradient(circle at bottom left, rgba(35,151,173,.18), transparent 28%),
        linear-gradient(135deg, #06191d 0%, #0d2f37 45%, #05090a 100%) !important;
}

.fi-simple-main {
    border-radius: 30px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 35px 100px rgba(0,0,0,.42) !important;
}

.fi-simple-header img {
    max-height: 88px !important;
    margin-inline: auto !important;
}

/* Better Arabic rendering */
body {
    font-family: Tahoma, Arial, sans-serif !important;
}

/* Page title spacing */
.fi-header-heading {
    font-weight: 900 !important;
    letter-spacing: -.3px !important;
}

/* Inputs */
.fi-input-wrp {
    border-radius: 14px !important;
}

.fi-input-wrp:focus-within {
    box-shadow: 0 0 0 3px rgba(35,151,173,.18) !important;
}

/* Staff login refinements */
.fi-simple-page {
    min-height: 100vh !important;
}

.fi-simple-main {
    background: rgba(5, 15, 18, .78) !important;
    backdrop-filter: blur(18px) !important;
}

.fi-simple-header .fi-logo {
    color: #ffffff !important;
    font-size: 22px !important;
}

.fi-simple-header {
    margin-bottom: 18px !important;
}

.fi-simple-main .fi-input-wrp {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
}

.fi-simple-main input {
    color: #ffffff !important;
}

.fi-simple-main label,
.fi-simple-main .fi-fo-field-wrp-label span {
    color: #e5f7fa !important;
    font-weight: 800 !important;
}

.fi-simple-main .fi-btn {
    min-height: 46px !important;
    border-radius: 14px !important;
    font-weight: 900 !important;
}

.fi-simple-main .fi-btn-color-primary {
    background: linear-gradient(135deg, #2397ad, #1b7486) !important;
}

.fi-simple-main .fi-btn-color-primary:hover {
    filter: brightness(1.08) !important;
}

.fi-simple-main .fi-link {
    color: #67e8f9 !important;
}
