/* Estou Apta — Admin Theme v4 */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');

/* ── Base background + dot grid ── */
html.dark,
html.dark body,
html.dark .fi-body {
    background-color: #060D09 !important;
    background-image: radial-gradient(circle, rgba(0,232,122,0.06) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    color: #d1fae5 !important;
}

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

html.dark .fi-main,
html.dark .fi-main-ctn {
    background-color: transparent !important;
}

/* ── Sidebar ── */
html.dark .fi-sidebar {
    background-color: #0b1812 !important;
    border-right: 1px solid rgba(0, 232, 122, 0.1) !important;
}

html.dark .fi-sidebar-header {
    background-color: #0b1812 !important;
    border-bottom: 1px solid rgba(0, 232, 122, 0.1) !important;
}

html.dark .fi-sidebar-footer {
    background-color: #0b1812 !important;
    border-top: 1px solid rgba(0, 232, 122, 0.1) !important;
}

/* ── Logo ── */
html.dark .fi-logo {
    color: #00E87A !important;
    font-family: 'Space Mono', monospace !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    display: flex !important;
    flex-direction: column !important;
}

html.dark .fi-logo::after {
    content: 'TECHNOLOGY · ADMIN';
    display: block !important;
    font-size: 0.6rem !important;
    color: rgba(0, 232, 122, 0.5) !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    margin-top: 2px !important;
}

/* Sidebar header: make anchor flex so logo mark sits beside brand name */
html.dark .fi-sidebar-header a {
    display: flex !important;
    align-items: center !important;
    gap: 0.625rem !important;
    text-decoration: none !important;
}

/* "A" green square logo mark via ::before */
html.dark .fi-sidebar-header a::before {
    content: 'A' !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    background: #00E87A !important;
    border-radius: 8px !important;
    font-family: 'Space Mono', monospace !important;
    font-weight: 700 !important;
    color: #060D09 !important;
    font-size: 1rem !important;
}

/* Nav badge count */
html.dark .fi-sidebar-item-badge {
    background: rgba(0, 232, 122, 0.15) !important;
    color: #00E87A !important;
    font-size: 0.6rem !important;
    font-family: 'Space Mono', monospace !important;
    font-weight: 700 !important;
    padding: 0.15rem 0.4rem !important;
    border-radius: 0.25rem !important;
}

/* ── Nav items ── */
html.dark .fi-sidebar-item-button {
    color: #86efac !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    border-radius: 0.5rem !important;
    margin-bottom: 2px !important;
}

html.dark .fi-sidebar-item-button:hover {
    background-color: rgba(0, 232, 122, 0.08) !important;
    color: #00E87A !important;
}

html.dark .fi-sidebar-item-button.fi-active {
    background-color: rgba(0, 232, 122, 0.12) !important;
    color: #00E87A !important;
    border-left: 2px solid #00E87A !important;
}

html.dark .fi-sidebar-group-label {
    color: rgba(0, 232, 122, 0.35) !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 0.6rem !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

/* ── Topbar ── */
html.dark .fi-topbar {
    background-color: #060D09 !important;
    border-bottom: 1px solid rgba(0, 232, 122, 0.1) !important;
    box-shadow: none !important;
}

/* Breadcrumbs */
html.dark .fi-breadcrumbs a,
html.dark .fi-breadcrumbs li,
html.dark .fi-breadcrumbs span {
    color: rgba(0, 232, 122, 0.5) !important;
    font-size: 0.8rem !important;
}

html.dark .fi-breadcrumbs [aria-current="page"],
html.dark .fi-breadcrumbs li:last-child span {
    color: #00E87A !important;
    font-weight: 500 !important;
}

/* Topbar icon buttons */
html.dark .fi-icon-btn {
    border: 1px solid rgba(0, 232, 122, 0.15) !important;
    background: transparent !important;
    color: #86efac !important;
    border-radius: 0.5rem !important;
}

html.dark .fi-icon-btn:hover {
    border-color: #00E87A !important;
    color: #00E87A !important;
    background: rgba(0, 232, 122, 0.1) !important;
}

/* ── Page header ── */
html.dark .fi-header-heading {
    color: #ffffff !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}

html.dark .fi-header-subheading {
    color: #86efac !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 0.8rem !important;
}

/* ── Stat cards (StatsOverview widget) ── */
html.dark .fi-wi-stats-overview-stat {
    background-color: #0b1812 !important;
    border: 1px solid rgba(0, 232, 122, 0.1) !important;
    border-radius: 0.75rem !important;
    border-top: 2px solid rgba(0, 232, 122, 0.6) !important;
}

html.dark .fi-wi-stats-overview-stat-label {
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: rgba(0, 232, 122, 0.5) !important;
    font-family: 'Space Mono', monospace !important;
}

html.dark .fi-wi-stats-overview-stat-value {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1 !important;
}

html.dark .fi-wi-stats-overview-stat-description {
    font-size: 0.7rem !important;
    color: #86efac !important;
}

/* Stat icon background */
html.dark .fi-wi-stats-overview-stat-icon {
    background-color: rgba(0, 232, 122, 0.15) !important;
    color: #00E87A !important;
    border-radius: 0.5rem !important;
}

/* ── Table / ListResource ── */
html.dark .fi-ta-content {
    background-color: #0b1812 !important;
    border: 1px solid rgba(0, 232, 122, 0.1) !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

html.dark .fi-ta-header {
    background-color: #0b1812 !important;
    border-bottom: 1px solid rgba(0, 232, 122, 0.1) !important;
}

html.dark .fi-ta-header-heading {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #00E87A !important;
    font-family: 'Space Mono', monospace !important;
}

html.dark .fi-ta-head-cell,
html.dark .fi-ta-header-cell,
html.dark th {
    background-color: #0d1e14 !important;
    color: rgba(0, 232, 122, 0.6) !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-weight: 400 !important;
    border-bottom: 1px solid rgba(0, 232, 122, 0.1) !important;
    padding: 0.875rem 1.25rem !important;
}

html.dark .fi-ta-cell {
    background-color: #0b1812 !important;
    color: #d1fae5 !important;
    font-size: 0.85rem !important;
    border-bottom: 1px solid rgba(0, 232, 122, 0.04) !important;
}

html.dark .fi-ta-row:hover .fi-ta-cell {
    background-color: rgba(0, 232, 122, 0.03) !important;
}

/* Table footer / pagination */
html.dark .fi-ta-footer {
    background-color: #0d1e14 !important;
    border-top: 1px solid rgba(0, 232, 122, 0.1) !important;
}

html.dark .fi-pagination-results {
    font-family: 'Space Mono', monospace !important;
    font-size: 0.75rem !important;
    color: #86efac !important;
}

html.dark .fi-pagination-item {
    border: 1px solid rgba(0, 232, 122, 0.2) !important;
    color: #86efac !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 0.75rem !important;
    border-radius: 0.375rem !important;
    background: transparent !important;
}

html.dark .fi-pagination-item:hover {
    border-color: #00E87A !important;
    color: #00E87A !important;
}

html.dark .fi-pagination-item[aria-current="page"],
html.dark .fi-pagination-item.fi-active {
    background-color: #00E87A !important;
    color: #060D09 !important;
    border-color: #00E87A !important;
    font-weight: 700 !important;
}

/* ── Search bar ── */
html.dark .fi-ta-search-field input,
html.dark .fi-input {
    background: rgba(0, 232, 122, 0.05) !important;
    border: 1px solid rgba(0, 232, 122, 0.15) !important;
    color: #d1fae5 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 0.8rem !important;
    border-radius: 0.5rem !important;
}

html.dark .fi-ta-search-field input:focus,
html.dark .fi-input:focus {
    border-color: #00E87A !important;
    box-shadow: 0 0 0 3px rgba(0, 232, 122, 0.1) !important;
    outline: none !important;
}

html.dark .fi-ta-search-field input::placeholder,
html.dark .fi-input::placeholder {
    color: rgba(0, 232, 122, 0.3) !important;
}

/* ── Form fields ── */
html.dark .fi-fo-field-wrp input,
html.dark .fi-fo-field-wrp textarea,
html.dark .fi-fo-field-wrp select {
    background-color: rgba(0, 232, 122, 0.05) !important;
    border-color: rgba(0, 232, 122, 0.15) !important;
    color: #d1fae5 !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

html.dark .fi-fo-field-wrp input:focus,
html.dark .fi-fo-field-wrp textarea:focus {
    border-color: #00E87A !important;
    box-shadow: 0 0 0 3px rgba(0, 232, 122, 0.1) !important;
}

html.dark .fi-fo-field-wrp label {
    color: rgba(0, 232, 122, 0.5) !important;
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-family: 'Space Mono', monospace !important;
}

/* ── Badges ── */
html.dark .fi-badge {
    font-family: 'Space Mono', monospace !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 0.2rem 0.5rem !important;
    border-radius: 0.25rem !important;
}

/* ── Primary button ── */
html.dark .fi-btn-color-primary {
    background-color: #00E87A !important;
    color: #060D09 !important;
    font-weight: 600 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    border-radius: 0.5rem !important;
    border: none !important;
}

html.dark .fi-btn-color-primary:hover {
    background-color: #00c262 !important;
    box-shadow: 0 0 16px rgba(0, 232, 122, 0.3) !important;
}

/* Secondary / outlined buttons */
html.dark .fi-btn-color-gray {
    background-color: transparent !important;
    border: 1px solid rgba(0, 232, 122, 0.2) !important;
    color: #86efac !important;
    font-family: 'Space Grotesk', sans-serif !important;
    border-radius: 0.5rem !important;
}

html.dark .fi-btn-color-gray:hover {
    border-color: #00E87A !important;
    color: #00E87A !important;
    background-color: rgba(0, 232, 122, 0.08) !important;
}

/* ── Sections / Cards ── */
html.dark .fi-section {
    background-color: #0b1812 !important;
    border-color: rgba(0, 232, 122, 0.1) !important;
    border-radius: 0.75rem !important;
}

html.dark .fi-section-header {
    border-bottom: 1px solid rgba(0, 232, 122, 0.1) !important;
}

html.dark .fi-section-header-heading {
    color: #00E87A !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

/* ── Widgets ── */
html.dark .fi-wi {
    background-color: #0b1812 !important;
    border: 1px solid rgba(0, 232, 122, 0.1) !important;
    border-radius: 0.75rem !important;
}

/* Account widget */
html.dark .fi-wi-account {
    background-color: #0b1812 !important;
    border: 1px solid rgba(0, 232, 122, 0.1) !important;
}

html.dark .fi-wi-account-name {
    color: #ffffff !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
}

html.dark .fi-wi-account-email {
    color: rgba(0, 232, 122, 0.5) !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 0.75rem !important;
}

/* ── Dropdown menus ── */
html.dark .fi-dropdown-panel {
    background-color: #0b1812 !important;
    border: 1px solid rgba(0, 232, 122, 0.15) !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

html.dark .fi-dropdown-list-item-label {
    color: #86efac !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

html.dark .fi-dropdown-list-item:hover .fi-dropdown-list-item-label {
    color: #00E87A !important;
}

html.dark .fi-dropdown-list-item:hover {
    background-color: rgba(0, 232, 122, 0.08) !important;
}

/* ── Notifications ── */
html.dark .fi-no-notification {
    background-color: #0b1812 !important;
    border: 1px solid rgba(0, 232, 122, 0.15) !important;
}

/* ── Modal / Dialog ── */
html.dark .fi-modal-window {
    background-color: #0b1812 !important;
    border: 1px solid rgba(0, 232, 122, 0.15) !important;
}

html.dark .fi-modal-header {
    border-bottom: 1px solid rgba(0, 232, 122, 0.1) !important;
}

html.dark .fi-modal-footer {
    border-top: 1px solid rgba(0, 232, 122, 0.1) !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #060D09; }
::-webkit-scrollbar-thumb { background: rgba(0, 232, 122, 0.2); border-radius: 3px; }