/* EgyPrint Admin Theme Customizations */

/* Typography */
body {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* ================================
   SIDEBAR SYSTEM
   ================================
   States:
     - Expanded (default): 260px, icons + labels visible
     - Collapsed: 72px, icons only, tooltips on hover
     - Mobile <1024px: overlay drawer
   Toggle: Filament built-in button in sidebar header (Alpine $store.sidebar)
   ================================ */

/* -- Variables (override Filament defaults) -- */
:root {
    --sidebar-width: 16.25rem;
    --sidebar-collapsed-width: 4.5rem;
    --ep-accent: #ea580c;
    --ep-accent-rgb: 234 88 12;
    --ep-accent-soft-rgb: 255 237 213;
    --ep-accent-muted-rgb: 251 146 60;
    --ep-accent-dark-rgb: 251 146 60;
    --ep-sidebar-bg-rgb: 255 247 237;
    --ep-sidebar-header-bg-rgb: 255 237 213;
    --ep-sidebar-border-rgb: 254 215 170;
    --ep-sidebar-hover-rgb: 255 237 213;
    --ep-sidebar-item-text-rgb: 154 52 18;
    --ep-sidebar-group-label-rgb: 234 88 12;
    --ep-sidebar-icon-btn-rgb: 249 115 22;
    --ep-sidebar-icon-btn-hover-rgb: 194 65 12;
    --ep-sidebar-bg-dark-rgb: 67 20 7;
    --ep-sidebar-header-bg-dark-rgb: 124 45 18;
    --ep-sidebar-border-dark-rgb: 154 52 18;
    --ep-sidebar-hover-dark-rgb: 124 45 18;
    --ep-sidebar-active-bg-dark-rgb: 124 45 18;
    --ep-sidebar-item-text-dark-rgb: 254 215 170;
    --ep-sidebar-group-label-dark-rgb: 251 146 60;
    --ep-sidebar-icon-btn-dark-rgb: 251 146 60;
    --ep-sidebar-icon-btn-hover-dark-rgb: 254 215 170;
    --ep-canvas-bg-rgb: 255 247 237;
    --ep-canvas-bg-dark-rgb: 67 20 7;
    --ep-surface-bg-rgb: 255 255 255;
    --ep-surface-bg-dark-rgb: 124 45 18;
    --ep-surface-border-rgb: 254 215 170;
    --ep-surface-border-dark-rgb: 154 52 18;
    --ep-topbar-bg-rgb: 255 237 213;
    --ep-topbar-bg-dark-rgb: 67 20 7;
    --ep-topbar-border-rgb: 254 215 170;
    --ep-topbar-border-dark-rgb: 154 52 18;
    --ep-muted-text-rgb: 234 88 12;
    --ep-muted-text-dark-rgb: 251 146 60;
    --ep-hover-bg-rgb: 255 247 237;
    --ep-hover-bg-dark-rgb: 124 45 18;
    --ep-section-heading-rgb: 154 52 18;
    --ep-section-heading-dark-rgb: 254 215 170;
}

/* -- Base sidebar -- */
.fi-sidebar {
    width: var(--sidebar-width) !important;
    transition: width 300ms ease-in-out, background-color 200ms ease, border-color 200ms ease !important;
    background-color: rgb(var(--ep-sidebar-bg-rgb) / 1) !important;
    border-inline-end: 1px solid rgb(var(--ep-sidebar-border-rgb) / 1) !important;
}

.dark .fi-sidebar {
    background-color: rgb(var(--ep-sidebar-bg-dark-rgb) / 1) !important;
    border-inline-end-color: rgb(var(--ep-sidebar-border-dark-rgb) / 1) !important;
}

/* -- Sidebar header (logo area) -- */
.fi-sidebar-header {
    height: 4rem !important;
    padding-inline: 1rem !important;
    border-bottom: 1px solid rgb(var(--ep-sidebar-border-rgb) / 1) !important;
    background-color: rgb(var(--ep-sidebar-header-bg-rgb) / 1) !important;
    transition: background-color 200ms ease, border-color 200ms ease !important;
}

.dark .fi-sidebar-header {
    border-bottom-color: rgb(var(--ep-sidebar-border-dark-rgb) / 1) !important;
    background-color: rgb(var(--ep-sidebar-header-bg-dark-rgb) / 1) !important;
}

.fi-sidebar-header .fi-logo,
.fi-sidebar-header-heading,
.fi-sidebar-header .fi-logo span {
    color: rgb(var(--ep-sidebar-item-text-rgb) / 1) !important;
}

.dark .fi-sidebar-header .fi-logo,
.dark .fi-sidebar-header-heading,
.dark .fi-sidebar-header .fi-logo span {
    color: rgb(var(--ep-sidebar-item-text-dark-rgb) / 1) !important;
}

/* -- Sidebar navigation area -- */
.fi-sidebar-nav {
    padding: 0.75rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.fi-sidebar-nav-groups {
    gap: 1.5rem !important;
}

/* -- Group styling -- */
.fi-sidebar-group {
    gap: 0.25rem !important;
}

.fi-sidebar-group-button {
    padding: 0.5rem 0.75rem !important;
}

.fi-sidebar-group-label {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: rgb(var(--ep-sidebar-group-label-rgb) / 0.72) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.dark .fi-sidebar-group-label {
    color: rgb(var(--ep-sidebar-group-label-dark-rgb) / 0.85) !important;
}

.fi-sidebar-group-icon {
    display: none !important;
}

.fi-sidebar-group-collapse-button {
    opacity: 0.6 !important;
}

/* -- Item styling -- */
.fi-sidebar-item {
    margin: 0 !important;
}

.fi-sidebar-item-button {
    border-radius: 8px !important;
    padding: 0.625rem 0.75rem !important;
    gap: 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: rgb(var(--ep-sidebar-item-text-rgb) / 0.88) !important;
    transition: background-color 150ms ease, color 150ms ease !important;
}

.fi-sidebar-item-button:hover {
    background-color: rgb(var(--ep-sidebar-hover-rgb) / 1) !important;
    color: rgb(var(--ep-sidebar-item-text-rgb) / 1) !important;
}

.dark .fi-sidebar-item-button {
    color: rgb(var(--ep-sidebar-item-text-dark-rgb) / 0.9) !important;
}

.dark .fi-sidebar-item-button:hover {
    background-color: rgb(var(--ep-sidebar-hover-dark-rgb) / 1) !important;
    color: rgb(var(--ep-sidebar-item-text-dark-rgb) / 1) !important;
}

.fi-sidebar-item-icon {
    width: 1.25rem !important;
    height: 1.25rem !important;
    flex-shrink: 0 !important;
    color: inherit !important;
}

.fi-sidebar-item-label {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    transition: opacity 150ms ease !important;
}

/* -- Active item state -- */
.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background-color: rgb(var(--ep-accent-soft-rgb) / 1) !important;
    color: var(--ep-accent) !important;
    font-weight: 600 !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: var(--ep-accent) !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: var(--ep-accent) !important;
}

.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background-color: rgb(var(--ep-sidebar-active-bg-dark-rgb) / 1) !important;
    color: rgb(var(--ep-accent-dark-rgb) / 1) !important;
}

.dark .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: rgb(var(--ep-accent-dark-rgb) / 1) !important;
}

.dark .fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: rgb(var(--ep-accent-dark-rgb) / 1) !important;
}

/* -- Active item right border indicator (RTL) -- */
.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    position: relative !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-button::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    inset-inline-end: -1px !important;
    width: 3px !important;
    background-color: var(--ep-accent) !important;
    border-radius: 0 3px 3px 0 !important;
}

.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button::before {
    background-color: rgb(var(--ep-accent-dark-rgb) / 1) !important;
}

/* ================================
   SIDEBAR COLLAPSED STATE
   ================================ */

@media (min-width: 1024px) {
    .fi-sidebar:not(.fi-sidebar-open) {
        width: var(--sidebar-collapsed-width) !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-label,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-label,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-collapse-button {
        display: none !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-button {
        justify-content: center !important;
        padding-inline: 0.75rem !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-icon {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-header > div:first-child {
        display: none !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-header {
        justify-content: center !important;
        padding-inline: 0.5rem !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-button {
        justify-content: center !important;
        padding: 0.5rem !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav {
        padding: 0.5rem !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item.fi-active .fi-sidebar-item-button::before {
        display: none !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item.fi-active .fi-sidebar-item-button {
        box-shadow: inset 0 0 0 2px var(--ep-accent) !important;
    }

    .dark .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item.fi-active .fi-sidebar-item-button {
        background-color: rgb(var(--ep-sidebar-active-bg-dark-rgb) / 1) !important;
        box-shadow: inset 0 0 0 2px rgb(var(--ep-accent-dark-rgb) / 1) !important;
    }
}

/* -- Collapse/Expand buttons in sidebar header -- */
.fi-sidebar .mx-auto {
    margin-inline: auto !important;
}

.fi-sidebar .lg\\:flex.ms-auto {
    margin-inline-start: auto !important;
}

/* -- Toggle button refinement -- */
.fi-sidebar-header .fi-icon-btn {
    color: rgb(var(--ep-sidebar-icon-btn-rgb) / 0.85) !important;
    border-radius: 8px !important;
    padding: 0.375rem !important;
    transition: background-color 150ms ease, color 150ms ease !important;
}

.fi-sidebar-header .fi-icon-btn:hover {
    background-color: rgb(var(--ep-sidebar-hover-rgb) / 1) !important;
    color: rgb(var(--ep-sidebar-icon-btn-hover-rgb) / 1) !important;
}

.dark .fi-sidebar-header .fi-icon-btn {
    color: rgb(var(--ep-sidebar-icon-btn-dark-rgb) / 0.9) !important;
}

.dark .fi-sidebar-header .fi-icon-btn:hover {
    background-color: rgb(var(--ep-sidebar-hover-dark-rgb) / 1) !important;
    color: rgb(var(--ep-sidebar-icon-btn-hover-dark-rgb) / 1) !important;
}

/* ================================
   MAIN CONTENT AREA
   ================================ */

.fi-body {
    background-color: rgb(var(--ep-canvas-bg-rgb) / 1) !important;
}

.dark .fi-body {
    background-color: rgb(var(--ep-canvas-bg-dark-rgb) / 1) !important;
}

.fi-topbar nav {
    background-color: rgb(var(--ep-topbar-bg-rgb) / 1) !important;
    box-shadow: none !important;
    --tw-ring-color: rgb(var(--ep-topbar-border-rgb) / 0.45) !important;
}

.dark .fi-topbar nav {
    background-color: rgb(var(--ep-topbar-bg-dark-rgb) / 1) !important;
    --tw-ring-color: rgb(var(--ep-topbar-border-dark-rgb) / 0.55) !important;
}

.fi-topbar-item-button:hover,
.fi-topbar-item-button:focus-visible {
    background-color: rgb(var(--ep-hover-bg-rgb) / 1) !important;
}

.dark .fi-topbar-item-button:hover,
.dark .fi-topbar-item-button:focus-visible {
    background-color: rgb(var(--ep-hover-bg-dark-rgb) / 0.65) !important;
}

.fi-page-header-heading,
.fi-header-heading {
    color: rgb(var(--ep-section-heading-rgb) / 1) !important;
}

.dark .fi-page-header-heading,
.dark .fi-header-heading {
    color: rgb(var(--ep-section-heading-dark-rgb) / 1) !important;
}

.fi-section:not(.fi-aside) {
    background-color: rgb(var(--ep-surface-bg-rgb) / 1) !important;
    border: 1px solid rgb(var(--ep-surface-border-rgb) / 1) !important;
    border-radius: 0.75rem !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
}

.dark .fi-section:not(.fi-aside) {
    background-color: rgb(var(--ep-surface-bg-dark-rgb) / 1) !important;
    border-color: rgb(var(--ep-surface-border-dark-rgb) / 1) !important;
}

.fi-section-header-heading {
    color: rgb(var(--ep-section-heading-rgb) / 1) !important;
}

.dark .fi-section-header-heading {
    color: rgb(var(--ep-section-heading-dark-rgb) / 1) !important;
}

.fi-tabs-item.fi-active .fi-tabs-item-button {
    color: var(--ep-accent) !important;
}

.fi-tabs-item.fi-active .fi-tabs-item-button::after {
    background-color: var(--ep-accent) !important;
}

.fi-input-wrp:focus-within {
    --tw-ring-color: rgb(var(--ep-accent-rgb) / 0.45) !important;
    border-color: rgb(var(--ep-accent-rgb) / 0.55) !important;
}

.fi-pagination-item.fi-active .fi-pagination-item-button {
    background-color: rgb(var(--ep-accent-rgb) / 1) !important;
    border-color: rgb(var(--ep-accent-rgb) / 1) !important;
    color: #fff !important;
}

.fi-wi-stats-overview-stat {
    border: 1px solid rgb(var(--ep-surface-border-rgb) / 1) !important;
    background-color: rgb(var(--ep-surface-bg-rgb) / 1) !important;
    border-radius: 0.75rem !important;
}

.dark .fi-wi-stats-overview-stat {
    border-color: rgb(var(--ep-surface-border-dark-rgb) / 1) !important;
    background-color: rgb(var(--ep-surface-bg-dark-rgb) / 1) !important;
}

.fi-wi-stats-overview-stat-value {
    color: rgb(var(--ep-accent-rgb) / 1) !important;
}

.dark .fi-wi-stats-overview-stat-value {
    color: rgb(var(--ep-accent-dark-rgb) / 1) !important;
}

/* Remove horizontal dead space */
.fi-main {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    max-width: 100% !important;
}

.fi-main-ctn {
    width: 100% !important;
}

/* Main content adjusts smoothly when sidebar collapses/expands */
.fi-layout {
    transition: all 300ms ease-in-out !important;
}

/* Customers page top spacing */
.fi-resource-list-records-page .fi-page > section {
    padding-top: 2rem !important;
}

/* ================================
   RESPONSIVE: Tablet (768-1280px)
   Sidebar collapsed by default
   ================================ */
@media (max-width: 1279px) {
    .fi-sidebar {
        width: 4.5rem !important;
    }

    .fi-sidebar-nav .fi-sidebar-group-label,
    .fi-sidebar-nav .fi-sidebar-item-label {
        display: none !important;
    }

    .fi-sidebar-nav .fi-sidebar-item-button {
        justify-content: center !important;
        padding-inline: 0.75rem !important;
    }

    .fi-sidebar-nav .fi-sidebar-item-icon {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .fi-sidebar-header > div:first-child {
        display: none !important;
    }

    .fi-sidebar-header {
        justify-content: center !important;
        padding-inline: 0.5rem !important;
    }

    .fi-sidebar-nav {
        padding: 0.5rem !important;
    }

    .fi-sidebar-item.fi-active .fi-sidebar-item-button::before {
        display: none !important;
    }

    .fi-sidebar-item.fi-active .fi-sidebar-item-button {
        box-shadow: inset 0 0 0 2px var(--ep-accent) !important;
    }

    .dark .fi-sidebar-item.fi-active .fi-sidebar-item-button {
        background-color: rgb(var(--ep-sidebar-active-bg-dark-rgb) / 1) !important;
        box-shadow: inset 0 0 0 2px rgb(var(--ep-accent-dark-rgb) / 1) !important;
    }
}

/* ================================
   MOBILE: <1024px
   Sidebar becomes overlay drawer
   (Filament default behavior)
   ================================ */
@media (max-width: 1023px) {
    .fi-sidebar {
        width: 16.25rem !important;
    }
}

/* ================================
   TABLE STYLES
   ================================ */

.fi-ta-ctn {
    box-shadow: none !important;
    border: 1px solid rgb(var(--ep-surface-border-rgb) / 1) !important;
    border-radius: 0.75rem !important;
    background-color: rgb(var(--ep-surface-bg-rgb) / 1) !important;
    width: 100% !important;
}

.dark .fi-ta-ctn {
    border-color: rgb(var(--ep-surface-border-dark-rgb) / 1) !important;
    background-color: rgb(var(--ep-surface-bg-dark-rgb) / 1) !important;
}

.fi-ta-header-cell {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: rgb(var(--ep-muted-text-rgb) / 0.78) !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-inline: 0.75rem !important;
    background-color: rgb(var(--ep-hover-bg-rgb) / 0.55) !important;
}

.dark .fi-ta-header-cell {
    color: rgb(var(--ep-muted-text-dark-rgb) / 0.82) !important;
    background-color: rgb(var(--ep-hover-bg-dark-rgb) / 0.45) !important;
}

.fi-ta-cell {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-inline: 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: #111827 !important;
    min-height: 3.5rem;
}

.dark .fi-ta-cell {
    color: #e5e7eb !important;
}

.fi-ta-row:hover {
    background-color: rgb(var(--ep-hover-bg-rgb) / 0.65) !important;
}

.dark .fi-ta-row:hover {
    background-color: rgb(var(--ep-hover-bg-dark-rgb) / 0.55) !important;
}

.fi-ta-col-wrp {
    padding-inline: 0 !important;
}

.fi-ta-header-toolbar {
    gap: 0.5rem !important;
}

.fi-ta-pagination {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-block: 0.75rem !important;
    padding-inline: 0.75rem !important;
}

.dark .fi-ta-pagination {
    border-top-color: rgb(var(--ep-surface-border-dark-rgb) / 1) !important;
}

.fi-ta-search-field input {
    width: 20rem !important;
}

/* ================================
   STATUS COLORS
   ================================ */

.text-success-600 { color: #16a34a !important; }
.text-danger-600 { color: #dc2626 !important; }
.text-warning-600 { color: #d97706 !important; }
.text-info-600 { color: #2563eb !important; }

/* ================================
   WHATSAPP BUTTON
   ================================ */

a.egyprint-whatsapp-notify-btn,
a.egyprint-whatsapp-notify-btn:hover,
a.egyprint-whatsapp-notify-btn:focus,
a.egyprint-whatsapp-notify-btn:visited {
    color: #ffffff !important;
    background-color: #25d366 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.18) !important;
    border: 1px solid #128c7e !important;
}

a.egyprint-whatsapp-notify-btn:hover {
    background-color: #1ebe57 !important;
    border-color: #0f7a6c !important;
}

a.egyprint-whatsapp-notify-btn svg {
    color: #ffffff !important;
}

/* Production kanban — ready / pickup actions */
.production-kanban-ready-btn,
button.production-kanban-ready-btn {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

.production-kanban-ready-btn:hover {
    background-color: #15803d !important;
}

.dark .production-kanban-ready-btn,
.dark button.production-kanban-ready-btn {
    background-color: #15803d !important;
    color: #ffffff !important;
}

.production-kanban-next-btn,
button.production-kanban-next-btn {
    background-color: #ffffff !important;
    color: #374151 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.06) !important;
}

.dark .production-kanban-next-btn,
.dark button.production-kanban-next-btn {
    background-color: #1f2937 !important;
    color: #f3f4f6 !important;
    border-color: #4b5563 !important;
}

.production-kanban-note {
    background-color: #fff7ed !important;
    border-left-color: #ea580c !important;
}

.production-kanban-note p {
    color: #9a3412 !important;
}

.dark .production-kanban-note {
    background-color: rgb(234 88 12 / 0.18) !important;
    border-left-color: #fb923c !important;
}

.dark .production-kanban-note p {
    color: #fed7aa !important;
}

/* ================================
   RTL SPECIFIC
   ================================ */

[dir="rtl"] .fi-ta-pagination .fi-pagination-overview {
    order: 1 !important;
}

[dir="rtl"] .fi-ta-pagination .fi-pagination-records-per-page-select {
    order: 2 !important;
}

[dir="rtl"] .fi-ta-pagination .fi-pagination-items {
    order: 3 !important;
}

[dir="rtl"] .fi-table-cell-invoices-remaining .fi-ta-col-wrp,
[dir="rtl"] .fi-table-cell-opening-balance .fi-ta-col-wrp,
[dir="rtl"] .fi-table-cell-credit-limit .fi-ta-col-wrp {
    text-align: start !important;
}

/* RTL: active item border indicator */
[dir="rtl"] .fi-sidebar-item.fi-active .fi-sidebar-item-button::before {
    border-radius: 3px 0 0 3px !important;
    inset-inline-end: auto !important;
    inset-inline-start: -1px !important;
}

/* ================================
   DARK MODE CANVAS
   ================================ */

.dark .fi-page {
    background-color: transparent !important;
}

.fi-sidebar-item-button:focus-visible,
.fi-btn:focus-visible,
.fi-icon-btn:focus-visible {
    --tw-ring-color: rgb(var(--ep-accent-rgb) / 0.45) !important;
}

.fi-sidebar-item-button:focus-visible {
    box-shadow: 0 0 0 2px var(--ep-accent) !important;
}

@media (prefers-reduced-motion: reduce) {
    .fi-sidebar,
    .fi-sidebar-item-button,
    .fi-sidebar-item-label,
    .fi-layout {
        transition: none !important;
    }
}

/* ================================
   LOGIN PAGE — form only (auth only)
   ================================ */

html.ep-login-screen {
    color-scheme: dark !important;
}

html.ep-login-screen,
html.ep-login-screen body,
html.ep-login-screen .fi-body {
    min-height: 100dvh;
    background: #09090b !important;
}

html.ep-login-screen .fi-simple-layout {
    position: relative;
    z-index: 1;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: transparent !important;
}

html.ep-login-screen .fi-simple-main-ctn {
    width: min(100%, 24rem);
}

html.ep-login-screen .fi-simple-main {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-color: transparent !important;
    --tw-shadow: 0 0 #0000 !important;
}

html.ep-login-screen .fi-simple-main::before {
    display: none !important;
}

html.ep-login-screen .fi-simple-page {
    background: transparent !important;
}

html.ep-login-screen .fi-simple-header {
    align-items: flex-start !important;
    text-align: start !important;
    gap: 0.4rem;
    margin-bottom: 1.75rem;
}

html.ep-login-screen .fi-simple-header::before {
    display: none !important;
}

html.ep-login-screen .fi-simple-header .fi-logo {
    display: block !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ea580c !important;
    margin-bottom: 0.35rem;
}

html.ep-login-screen .fi-simple-header-heading {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    color: #fafafa !important;
    letter-spacing: -0.02em;
    text-align: start !important;
}

html.ep-login-screen .fi-simple-header-subheading {
    color: #71717a !important;
    font-size: 0.95rem !important;
    line-height: 1.55;
    text-align: start !important;
}

html.ep-login-screen .fi-fo-field-wrp-label span {
    color: #d4d4d8 !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
}

html.ep-login-screen .fi-fo-field-wrp-label sup {
    color: #f87171 !important;
}

html.ep-login-screen .fi-input-wrp {
    border-radius: 0.5rem !important;
    background: #18181b !important;
    border: 1px solid #3f3f46 !important;
    box-shadow: none !important;
}

html.ep-login-screen .fi-input-wrp:focus-within {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 2px rgba(234, 88, 12, 0.25) !important;
}

html.ep-login-screen .fi-input {
    color: #fafafa !important;
    background: transparent !important;
    -webkit-text-fill-color: #fafafa !important;
}

html.ep-login-screen .fi-input::placeholder {
    color: #71717a !important;
}

html.ep-login-screen .fi-checkbox-input {
    background: #18181b !important;
    border: 1px solid #52525b !important;
    box-shadow: none !important;
}

html.ep-login-screen .fi-btn-color-primary {
    border-radius: 0.5rem !important;
    padding-block: 0.8rem !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    background: #ea580c !important;
    border: none !important;
    box-shadow: none !important;
    transition: background-color 0.15s ease;
}

html.ep-login-screen .fi-btn-color-primary:hover {
    background: #f97316 !important;
}

html.ep-login-screen .fi-fo-field-wrp-error-message {
    font-size: 0.85rem !important;
    color: #fca5a5 !important;
}

html.ep-login-screen .fi-fo-field-wrp {
    gap: 0.35rem;
}

@media (prefers-reduced-motion: reduce) {
    html.ep-login-screen .fi-btn-color-primary {
        transition: none;
    }
}