/* ================================================
   Custom Filament Styles - 18px Font Size
   This file must be loaded AFTER Filament's app.css
   ================================================ */

/* Global Base Font Size */
html body .fi-main,
html body .fi-body,
html body [class*="fi-"] {
    font-size: 18px !important;
}

/* ================================================
   Sidebar Navigation - Black and Bold
   ================================================ */
html body .fi-sidebar-nav-item,
html body .fi-sidebar-nav-item a,
html body .fi-sidebar-nav-item span,
html body .fi-sidebar-nav-item div,
html body .fi-sidebar-nav-item-label,
html body .fi-sidebar-item,
html body .fi-sidebar-item-label {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

html body .fi-sidebar-nav-item:hover,
html body .fi-sidebar-nav-item:hover *,
html body .fi-sidebar-nav-item[aria-current="page"],
html body .fi-sidebar-nav-item[aria-current="page"] * {
    color: #000000 !important;
    font-weight: 700 !important;
}

html body .fi-sidebar-nav-item-icon,
html body .fi-sidebar-nav-item .fi-sidebar-nav-item-icon {
    color: #000000 !important;
}

html body .fi-sidebar-nav-group-label,
html body .fi-sidebar-nav-group-label span,
html body .fi-sidebar-nav-group-label div {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* ================================================
   Tables
   ================================================ */
html body .fi-ta-header-cell,
html body .fi-ta-header-cell span,
html body th[class*="fi-ta"] {
    font-size: 18px !important;
    font-weight: 700 !important;
}

html body .fi-ta-cell,
html body .fi-ta-cell span,
html body .fi-ta-cell div,
html body td[class*="fi-ta"] {
    font-size: 18px !important;
    font-weight: 600 !important;
}

html body .fi-ta-text,
html body .fi-ta-text-item {
    font-size: 18px !important;
}

/* ================================================
   Forms
   ================================================ */
html body .fi-fo-field-wrp-label,
html body .fi-fo-field-wrp-label span,
html body label[class*="fi-fo"] {
    font-size: 18px !important;
    font-weight: 700 !important;
}

html body .fi-fo-field-wrp input,
html body .fi-fo-field-wrp textarea,
html body .fi-fo-field-wrp select,
html body .fi-input,
html body input[class*="fi-"],
html body textarea[class*="fi-"],
html body select[class*="fi-"] {
    font-size: 18px !important;
    font-weight: 600 !important;
}

html body .fi-fo-field-wrp-helper-text,
html body .fi-fo-helper-text {
    font-size: 16px !important;
}

html body .fi-fo-placeholder,
html body .fi-input::placeholder {
    font-size: 18px !important;
}

/* ================================================
   Buttons
   ================================================ */
html body .fi-btn,
html body .fi-btn span,
html body button[class*="fi-btn"],
html body .fi-ac-btn,
html body .fi-ac-action {
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* ================================================
   Page Headers
   ================================================ */
html body .fi-header-heading,
html body h1[class*="fi-header"] {
    font-size: 28px !important;
    font-weight: 700 !important;
}

html body .fi-header-subheading {
    font-size: 18px !important;
}

/* ================================================
   Breadcrumbs
   ================================================ */
html body .fi-breadcrumbs-item,
html body .fi-breadcrumbs-item span,
html body .fi-breadcrumbs-item a {
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* ================================================
   Sections & Cards
   ================================================ */
html body .fi-section-header,
html body .fi-section-header-heading {
    font-size: 20px !important;
    font-weight: 700 !important;
}

html body .fi-section-content,
html body .fi-section-content * {
    font-size: 18px !important;
}

html body .fi-card,
html body .fi-card * {
    font-size: 18px !important;
}

/* ================================================
   Tabs
   ================================================ */
html body .fi-tabs-tab,
html body .fi-tabs-tab span,
html body button[class*="fi-tabs"] {
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* ================================================
   Modals
   ================================================ */
html body .fi-modal-content,
html body .fi-modal-heading,
html body .fi-modal-description {
    font-size: 18px !important;
}

html body .fi-modal-heading {
    font-size: 22px !important;
    font-weight: 700 !important;
}

/* ================================================
   Dropdowns & Selects
   ================================================ */
html body .fi-dropdown-list,
html body .fi-dropdown-list-item,
html body .fi-dropdown-list-item span,
html body .fi-select-option {
    font-size: 18px !important;
}

/* ================================================
   Widgets & Stats
   ================================================ */
html body .fi-wi-stats-overview-stat {
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 1.5rem !important;
}

html body .fi-wi-stats-overview-stat-value {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: #000000 !important;
    line-height: 1.2 !important;
}

html body .fi-wi-stats-overview-stat-label {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

html body .fi-wi-stats-overview-stat-description {
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* ================================================
   Badges & Tooltips
   ================================================ */
html body .fi-badge,
html body .fi-badge span {
    font-size: 16px !important;
    font-weight: 700 !important;
}

html body .fi-tooltip {
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* ================================================
   Notifications
   ================================================ */
html body .fi-notification,
html body .fi-notification-title,
html body .fi-notification-body {
    font-size: 18px !important;
}

/* ================================================
   Info Lists
   ================================================ */
html body .fi-infolist-entry,
html body .fi-infolist-entry-label,
html body .fi-infolist-entry-content {
    font-size: 18px !important;
}

/* ================================================
   Pagination
   ================================================ */
html body .fi-pagination,
html body .fi-pagination * {
    font-size: 18px !important;
}

/* ================================================
   Empty States
   ================================================ */
html body .fi-ta-empty-state,
html body .fi-ta-empty-state-heading,
html body .fi-ta-empty-state-description {
    font-size: 18px !important;
}

/* ================================================
   Wizard Steps
   ================================================ */
html body .fi-wizard-step,
html body .fi-wizard-step-label {
    font-size: 18px !important;
}

/* ================================================
   Repeaters
   ================================================ */
html body .fi-fo-repeater,
html body .fi-fo-repeater-item,
html body .fi-fo-repeater-item * {
    font-size: 18px !important;
}

/* ================================================
   Global Text Size Override
   ================================================ */
html body .text-sm {
    font-size: 18px !important;
}

html body .text-xs {
    font-size: 16px !important;
}

html body .text-base {
    font-size: 18px !important;
}

html body .text-lg {
    font-size: 20px !important;
}

/* ================================================
   Filament Select (Choices.js)
   ================================================ */
html body .choices,
html body .choices__inner,
html body .choices__input,
html body .choices__list--single .choices__item,
html body .choices__list--dropdown .choices__item {
    font-size: 18px !important;
}