/* ========== SHOPIFY-STYLE ADMIN THEME ========== */

/* Force primary color to dark */
:root { --primary-600: 26 26 26; }
.bg-primary-600, .bg-custom-600 { background-color: #1a1a1a !important; }
.text-primary-600, .text-custom-600 { color: #1a1a1a !important; }
.ring-primary-600, .ring-custom-600 { --tw-ring-color: #1a1a1a !important; }
.border-primary-600, .border-custom-600 { border-color: #1a1a1a !important; }

/* Hide theme toggle */
.fi-user-menu button[title*="theme"],
.fi-user-menu button[title*="dark"],
.fi-user-menu button[title*="light"],
.fi-theme-switcher,
.fi-theme-switch-btn {
    display: none !important;
}

/* Top Bar */
.fi-topbar,
.fi-topbar nav,
.fi-top-bar {
    background: #1a1a1a !important;
    color: #fff !important;
    border-bottom: 1px solid #2a2a2a !important;
}
.fi-topbar .fi-topbar-item,
.fi-topbar a,
.fi-topbar button:not(.fi-btn),
.fi-top-bar a,
.fi-top-bar span {
    color: #fff !important;
}
/* Logo */
.fi-logo {
    color: #fff !important;
    fill: #fff !important;
}
.fi-logo svg,
.fi-logo * {
    color: #fff !important;
    fill: #fff !important;
}
/* Top bar search */
.fi-global-search,
.fi-global-search input,
.fi-topbar .fi-global-search .fi-input-wrp,
.fi-topbar .fi-global-search input,
.fi-top-bar .fi-global-search input {
    background: #303030 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 6px !important;
}
.fi-global-search input::placeholder,
.fi-topbar .fi-global-search input::placeholder {
    color: rgba(255,255,255,0.4) !important;
}
.fi-global-search .fi-icon,
.fi-topbar .fi-global-search svg {
    color: rgba(255,255,255,0.5) !important;
}
.fi-topbar input,
.fi-topbar select,
.fi-topbar textarea,
.fi-top-bar input,
.fi-top-bar select {
    background: #303030 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 20px !important;
}
.fi-topbar input::placeholder,
.fi-top-bar input::placeholder {
    color: rgba(255,255,255,0.4) !important;
}
/* Sidebar */
.fi-sidebar,
.fi-sidebar-nav {
    max-width: 240px !important;
    padding: 12px 12px 0 12px !important;
    background: #ebebeb !important;
    font-size: 13px !important;
    line-height: 20px !important;
    color: #000 !important;
}
.fi-sidebar-item a,
.fi-sidebar-item button,
.fi-sidebar-item-label,
.fi-sidebar-nav-groups,
.fi-sidebar-item > a,
.fi-sidebar-nav a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 13px !important;
    color: #000 !important;
}
.fi-sidebar-item > a,
.fi-sidebar-nav-groups > li > a,
.fi-sidebar-item-active > a,
.fi-sidebar-item .fi-sidebar-item-button,
.fi-sidebar-group > button {
    font-weight: 600 !important;
    padding: 6px 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #000 !important;
}
.fi-sidebar-item .fi-sidebar-item-button:hover,
.fi-sidebar-item > a:hover {
    background: rgba(0,0,0,0.05) !important;
}
/* Sub items */
.fi-sidebar-item .fi-sidebar-sub-items a,
.fi-sidebar-sub-items .fi-sidebar-item a {
    font-weight: 400 !important;
    padding: 4px 0 4px 8px !important;
    font-size: 13px !important;
    color: #333 !important;
}
.fi-sidebar-item-active .fi-sidebar-item-button,
.fi-sidebar-item-active > a,
.fi-sidebar-item-active-icon {
    color: #000 !important;
    background: rgba(0,0,0,0.08) !important;
    border-radius: 4px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
/* Sidebar icons */
.fi-sidebar-item-icon,
.fi-sidebar-item .fi-icon {
    width: 16px !important;
    height: 16px !important;
    color: #555 !important;
}
.fi-sidebar-item .fi-icon svg {
    width: 16px !important;
    height: 16px !important;
}
/* Sidebar group labels */
.fi-sidebar-group-label,
.fi-sidebar-nav-groups > li > span {
    text-transform: none !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    color: #666 !important;
    padding: 8px 0 4px 0 !important;
}

/* Nav group headers */
.fi-sidebar-nav-groups {
    row-gap: 0 !important;
}
.fi-sidebar-nav-groups > li > button > span:first-child {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #000 !important;
}

/* Main Content */
main.fi-main {
    background: #f1f1f1 !important;
    max-width: none !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.fi-main-ctn,
.fi-simple-main-ctn,
.fi-body {
    background: #f1f1f1 !important;
    max-width: none !important;
    padding: 0 !important;
}
.fi-page {
    padding: 0 !important;
    max-width: none !important;
}

/* Page Heading */
.fi-header-heading,
.fi-header .fi-header-heading {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
}

/* Buttons - Shopify Style */
.fi-btn,
.fi-btn-color,
button.fi-btn,
a.fi-btn,
.fi-dropdown-trigger,
.fi-actions > * > button {
    background: #e3e3e3 !important;
    color: #000 !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 28px !important;
    height: auto !important;
}
.fi-btn:hover,
a.fi-btn:hover,
button.fi-btn:hover,
.fi-dropdown-trigger:hover {
    background: rgba(0,0,0,0.05) !important;
    filter: brightness(0.95);
}
/* Primary/action buttons */
.fi-btn.fi-btn-color-primary,
.fi-btn-primary,
button.fi-btn-primary,
button.bg-primary-600,
button.bg-custom-600,
.fi-btn.bg-primary-600 {
    background: #000 !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.fi-btn.fi-btn-color-primary:hover,
.fi-btn-primary:hover,
button.bg-primary-600:hover {
    background: #333 !important;
}
/* Danger buttons */
.fi-btn-danger,
button.fi-btn-danger,
.fi-btn-color-danger {
    background: #d82c0d !important;
    color: #fff !important;
}
/* Button icons */
.fi-btn .fi-icon svg,
.fi-btn-icon svg,
.fi-btn svg {
    width: 20px !important;
    height: 20px !important;
}

/* Tables - Shopify Style */
.fi-ta,
.fi-ta table,
table.fi-ta,
.fi-table {
    border-collapse: collapse !important;
    width: 100% !important;
    background: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #e1e1e1 !important;
}
.fi-ta th,
table.fi-ta th,
.fi-table thead th {
    background: #fafafa !important;
    color: #666 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 8px 16px !important;
    border-bottom: 1px solid #e1e1e1 !important;
    letter-spacing: 0 !important;
}
.fi-ta td,
table.fi-ta td,
.fi-table tbody td,
.fi-ta td,
table.fi-ta td,
.fi-table tbody td {
    padding: 6px 16px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    border-bottom: 1px solid #f1f1f1 !important;
    color: #333 !important;
    background: #fff !important;
}
.fi-ta tbody tr:hover,
.fi-table tbody tr:hover td {
    background: #f9f9f9 !important;
}
/* Table text cells - no border */
.fi-size-sm.fi-ta-text-item.fi-ta-text,
.fi-ta-text-item,
.fi-ta-text.fi-size-sm {
    border-bottom: none !important;
}
/* Table actions */
.fi-ta-actions,
.fi-ta .fi-ta-actions-cell {
    text-align: right !important;
}

/* Badge/Tags */
.fi-badge,
.fi-ta .fi-badge,
.fi-tag {
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    background: #f1f1f1 !important;
    color: #333 !important;
}

/* Form Inputs */
.fi-input-wrp input,
.fi-input-wrp select,
.fi-input-wrp textarea,
.fi-fo input,
.fi-fo select,
.fi-fo textarea,
.fi-input {
    font-size: 13px !important;
    line-height: 20px !important;
    background: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    color: #000 !important;
}
.fi-input-wrp input:focus,
.fi-fo input:focus {
    border-color: #000 !important;
    box-shadow: 0 0 0 1px #000 !important;
}

/* Cards/Sections */
.fi-section,
.fi-fo-section,
.fi-card {
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
    border: 1px solid #e1e1e1 !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
}
.fi-section-header {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e1e1e1 !important;
    margin-bottom: 16px !important;
}

/* Pagination */
.fi-pagination,
nav[role="navigation"] .fi-pagination {
    font-size: 13px !important;
}
.fi-pagination a,
.fi-pagination button {
    background: #fff !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
    font-size: 12px !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
}

/* Topbar User Menu */
.fi-user-menu button,
.fi-user-menu .fi-dropdown-trigger {
    background: transparent !important;
    color: #fff !important;
}

/* Sidebar header icon */
.fi-sidebar-header-icon,
.fi-logo {
    padding: 0 0 8px 0 !important;
}