@if (!request()->is('admin/invoice/template*'))
<style>
    :root {
        --global-admin-font-family: "Plus Jakarta Sans", sans-serif;
        --global-admin-font-size: 0.875rem;
        --global-admin-line-height: 1.25rem;
        --global-admin-text-color: #2a3547;
        --global-admin-heading-color: #111827;
        --global-sidebar-font-size: 0.875rem;
        --global-sidebar-line-height: 1.25rem;
        --global-main-font-size: 0.875rem;
        --global-main-line-height: 1.25rem;
        --global-button-font-size: 0.875rem;
        --global-button-line-height: 1.25rem;
        --global-button-height: 2.75rem;
        --global-button-px: 1rem;
        --global-button-gap: 0.5rem;
        --global-button-radius: 0.5rem;
        --global-sidebar-accent-color: rgb(93, 135, 255);
        --global-sidebar-accent-text: #ffffff;
        --global-sidebar-hover-color: #ecf2ff;
        --global-sidebar-hover-text: rgb(93, 135, 255);
        --sidebar-width: 240px;
    }

    html,
    body,
    .fi-app,
    .filament-app,
    [class*="fi-"],
    [class*="filament-"] {
        font-family: var(--global-admin-font-family) !important;
        font-size: var(--global-admin-font-size) !important;
        line-height: var(--global-admin-line-height) !important;
        color: var(--global-admin-text-color) !important;
    }

    /* Explicit selectors so font styles appear directly in Inspect on headings/util classes */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .text-2xl,
    .font-bold {
        font-family: var(--global-admin-font-family) !important;
        color: var(--global-admin-heading-color) !important;
    }

    /* Explicit heading and utility size overrides */
    h1,
    .text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }

    h2,
    .text-xl {
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
    }

    h3,
    .text-lg {
        font-size: 0.875rem !important;
        line-height: 1.625rem !important;
    }

    .text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
    }

    .text-xs {
        font-size: 0.75rem !important;
        line-height: 1rem !important;
    }

    /* Keep sidebar + main typography consistent with Modernize scale */
    html body .fi-sidebar,
    html body .filament-sidebar,
    html body #modern-sidebar,
    html body #modern-sidebar-collapsed,
    html body .sidebar-collapsed-only,
    html body .fi-sidebar :is(.fi-sidebar-item-label, .fi-sidebar-group-label, .fi-sidebar-item-button, .nav-link, .nav-label, .nav-link-collapsed) {
        font-size: var(--global-sidebar-font-size) !important;
        line-height: var(--global-sidebar-line-height) !important;
    }

    html body:not(.sidebar-collapsed) .fi-sidebar:not(.collapsed):not(.sidebar-collapsed-only),
    html body:not(.sidebar-collapsed) .filament-sidebar:not(.collapsed):not(.sidebar-collapsed-only),
    html body:not(.sidebar-collapsed) #modern-sidebar:not(.collapsed):not(.sidebar-collapsed-only) {
        width: 240px !important;
        min-width: 240px !important;
        max-width: 240px !important;
    }

    html body .fi-main,
    html body .fi-main-content,
    html body .filament-main,
    html body .filament-main-content,
    html body .fi-page-content {
        font-size: var(--global-main-font-size) !important;
        line-height: var(--global-main-line-height) !important;
    }

    /* Global action button spacing consistency */
    html body .fi-main :is(button, a):is(.btn-filter, .btn-search, .btn-reset, .btn-primary, .btn-primary-black, .btn-primary-dark, .btn-secondary, .btn-cancel, .btn-danger, .btn-black, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .ta-cta, .ticketing-action, .add-btn, .top-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .reset-btn, .save-btn, .cancel-btn, .submit-btn, .create-btn, .refresh-btn, [class$='-search-btn'], [class$='-reset-btn'], [class$='-save-btn'], [class$='-cancel-btn'], [class$='-submit-btn'], [class$='-create-btn'], [class$='-export-btn'], [class$='-refresh-btn']),
    html body .fi-main-content :is(button, a):is(.btn-filter, .btn-search, .btn-reset, .btn-primary, .btn-primary-black, .btn-primary-dark, .btn-secondary, .btn-cancel, .btn-danger, .btn-black, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .ta-cta, .ticketing-action, .add-btn, .top-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .reset-btn, .save-btn, .cancel-btn, .submit-btn, .create-btn, .refresh-btn, [class$='-search-btn'], [class$='-reset-btn'], [class$='-save-btn'], [class$='-cancel-btn'], [class$='-submit-btn'], [class$='-create-btn'], [class$='-export-btn'], [class$='-refresh-btn']),
    html body .filament-main :is(button, a):is(.btn-filter, .btn-search, .btn-reset, .btn-primary, .btn-primary-black, .btn-primary-dark, .btn-secondary, .btn-cancel, .btn-danger, .btn-black, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .ta-cta, .ticketing-action, .add-btn, .top-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .reset-btn, .save-btn, .cancel-btn, .submit-btn, .create-btn, .refresh-btn, [class$='-search-btn'], [class$='-reset-btn'], [class$='-save-btn'], [class$='-cancel-btn'], [class$='-submit-btn'], [class$='-create-btn'], [class$='-export-btn'], [class$='-refresh-btn']),
    html body .filament-main-content :is(button, a):is(.btn-filter, .btn-search, .btn-reset, .btn-primary, .btn-primary-black, .btn-primary-dark, .btn-secondary, .btn-cancel, .btn-danger, .btn-black, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .ta-cta, .ticketing-action, .add-btn, .top-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .reset-btn, .save-btn, .cancel-btn, .submit-btn, .create-btn, .refresh-btn, [class$='-search-btn'], [class$='-reset-btn'], [class$='-save-btn'], [class$='-cancel-btn'], [class$='-submit-btn'], [class$='-create-btn'], [class$='-export-btn'], [class$='-refresh-btn']),
    html body .fi-main .fi-btn:not(.fi-icon-btn),
    html body .fi-main-content .fi-btn:not(.fi-icon-btn),
    html body .filament-main .fi-btn:not(.fi-icon-btn),
    html body .filament-main-content .fi-btn:not(.fi-icon-btn) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: var(--global-button-gap) !important;
        height: var(--global-button-height) !important;
        min-height: var(--global-button-height) !important;
        max-height: var(--global-button-height) !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: var(--global-button-px) !important;
        padding-right: var(--global-button-px) !important;
        border-radius: var(--global-button-radius) !important;
        font-size: var(--global-button-font-size) !important;
        line-height: var(--global-button-line-height) !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    /* Shared icon sizing in text buttons */
    html body .fi-main :is(button, a):is(.btn-filter, .btn-search, .btn-reset, .btn-primary, .btn-primary-black, .btn-primary-dark, .btn-secondary, .btn-cancel, .btn-danger, .btn-black, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .ta-cta, .ticketing-action, .add-btn, .top-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .reset-btn, .save-btn, .cancel-btn, .submit-btn, .create-btn, .refresh-btn, [class$='-search-btn'], [class$='-reset-btn'], [class$='-save-btn'], [class$='-cancel-btn'], [class$='-submit-btn'], [class$='-create-btn'], [class$='-export-btn'], [class$='-refresh-btn']) > svg,
    html body .fi-main-content :is(button, a):is(.btn-filter, .btn-search, .btn-reset, .btn-primary, .btn-primary-black, .btn-primary-dark, .btn-secondary, .btn-cancel, .btn-danger, .btn-black, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .ta-cta, .ticketing-action, .add-btn, .top-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .reset-btn, .save-btn, .cancel-btn, .submit-btn, .create-btn, .refresh-btn, [class$='-search-btn'], [class$='-reset-btn'], [class$='-save-btn'], [class$='-cancel-btn'], [class$='-submit-btn'], [class$='-create-btn'], [class$='-export-btn'], [class$='-refresh-btn']) > svg,
    html body .filament-main :is(button, a):is(.btn-filter, .btn-search, .btn-reset, .btn-primary, .btn-primary-black, .btn-primary-dark, .btn-secondary, .btn-cancel, .btn-danger, .btn-black, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .ta-cta, .ticketing-action, .add-btn, .top-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .reset-btn, .save-btn, .cancel-btn, .submit-btn, .create-btn, .refresh-btn, [class$='-search-btn'], [class$='-reset-btn'], [class$='-save-btn'], [class$='-cancel-btn'], [class$='-submit-btn'], [class$='-create-btn'], [class$='-export-btn'], [class$='-refresh-btn']) > svg,
    html body .filament-main-content :is(button, a):is(.btn-filter, .btn-search, .btn-reset, .btn-primary, .btn-primary-black, .btn-primary-dark, .btn-secondary, .btn-cancel, .btn-danger, .btn-black, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .ta-cta, .ticketing-action, .add-btn, .top-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .reset-btn, .save-btn, .cancel-btn, .submit-btn, .create-btn, .refresh-btn, [class$='-search-btn'], [class$='-reset-btn'], [class$='-save-btn'], [class$='-cancel-btn'], [class$='-submit-btn'], [class$='-create-btn'], [class$='-export-btn'], [class$='-refresh-btn']) > svg {
        width: 1rem !important;
        height: 1rem !important;
        flex-shrink: 0 !important;
    }

    /* Primary button variants */
    html body .fi-main :is(button, a):is(.btn-primary, .btn-primary-black, .btn-primary-dark, .btn-search, .btn-black, .ta-cta, .add-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .save-btn, .submit-btn, .create-btn, [class$='-search-btn'], [class$='-save-btn'], [class$='-submit-btn'], [class$='-create-btn']),
    html body .fi-main-content :is(button, a):is(.btn-primary, .btn-primary-black, .btn-primary-dark, .btn-search, .btn-black, .ta-cta, .add-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .save-btn, .submit-btn, .create-btn, [class$='-search-btn'], [class$='-save-btn'], [class$='-submit-btn'], [class$='-create-btn']),
    html body .filament-main :is(button, a):is(.btn-primary, .btn-primary-black, .btn-primary-dark, .btn-search, .btn-black, .ta-cta, .add-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .save-btn, .submit-btn, .create-btn, [class$='-search-btn'], [class$='-save-btn'], [class$='-submit-btn'], [class$='-create-btn']),
    html body .filament-main-content :is(button, a):is(.btn-primary, .btn-primary-black, .btn-primary-dark, .btn-search, .btn-black, .ta-cta, .add-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .save-btn, .submit-btn, .create-btn, [class$='-search-btn'], [class$='-save-btn'], [class$='-submit-btn'], [class$='-create-btn']) {
        background: #111827 !important;
        color: #ffffff !important;
        border: 1px solid #111827 !important;
    }

    html body .fi-main :is(button, a):is(.btn-primary, .btn-primary-black, .btn-primary-dark, .btn-search, .btn-black, .ta-cta, .add-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .save-btn, .submit-btn, .create-btn, [class$='-search-btn'], [class$='-save-btn'], [class$='-submit-btn'], [class$='-create-btn']):hover,
    html body .fi-main-content :is(button, a):is(.btn-primary, .btn-primary-black, .btn-primary-dark, .btn-search, .btn-black, .ta-cta, .add-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .save-btn, .submit-btn, .create-btn, [class$='-search-btn'], [class$='-save-btn'], [class$='-submit-btn'], [class$='-create-btn']):hover,
    html body .filament-main :is(button, a):is(.btn-primary, .btn-primary-black, .btn-primary-dark, .btn-search, .btn-black, .ta-cta, .add-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .save-btn, .submit-btn, .create-btn, [class$='-search-btn'], [class$='-save-btn'], [class$='-submit-btn'], [class$='-create-btn']):hover,
    html body .filament-main-content :is(button, a):is(.btn-primary, .btn-primary-black, .btn-primary-dark, .btn-search, .btn-black, .ta-cta, .add-btn, .btn-create-unit, .bu-submit-btn, .btn-primaryaaa, .search-btn, .save-btn, .submit-btn, .create-btn, [class$='-search-btn'], [class$='-save-btn'], [class$='-submit-btn'], [class$='-create-btn']):hover {
        background: #1f2937 !important;
        border-color: #1f2937 !important;
    }

    /* Secondary button variants */
    html body .fi-main :is(button, a):is(.btn-secondary, .btn-reset, .btn-cancel, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .top-btn, .reset-btn, .cancel-btn, .refresh-btn, [class$='-reset-btn'], [class$='-cancel-btn'], [class$='-export-btn'], [class$='-refresh-btn']),
    html body .fi-main-content :is(button, a):is(.btn-secondary, .btn-reset, .btn-cancel, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .top-btn, .reset-btn, .cancel-btn, .refresh-btn, [class$='-reset-btn'], [class$='-cancel-btn'], [class$='-export-btn'], [class$='-refresh-btn']),
    html body .filament-main :is(button, a):is(.btn-secondary, .btn-reset, .btn-cancel, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .top-btn, .reset-btn, .cancel-btn, .refresh-btn, [class$='-reset-btn'], [class$='-cancel-btn'], [class$='-export-btn'], [class$='-refresh-btn']),
    html body .filament-main-content :is(button, a):is(.btn-secondary, .btn-reset, .btn-cancel, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .top-btn, .reset-btn, .cancel-btn, .refresh-btn, [class$='-reset-btn'], [class$='-cancel-btn'], [class$='-export-btn'], [class$='-refresh-btn']) {
        background: #ffffff !important;
        color: #374151 !important;
        border: 1px solid #d1d5db !important;
    }

    html body .fi-main :is(button, a):is(.btn-secondary, .btn-reset, .btn-cancel, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .top-btn, .reset-btn, .cancel-btn, .refresh-btn, [class$='-reset-btn'], [class$='-cancel-btn'], [class$='-export-btn'], [class$='-refresh-btn']):hover,
    html body .fi-main-content :is(button, a):is(.btn-secondary, .btn-reset, .btn-cancel, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .top-btn, .reset-btn, .cancel-btn, .refresh-btn, [class$='-reset-btn'], [class$='-cancel-btn'], [class$='-export-btn'], [class$='-refresh-btn']):hover,
    html body .filament-main :is(button, a):is(.btn-secondary, .btn-reset, .btn-cancel, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .top-btn, .reset-btn, .cancel-btn, .refresh-btn, [class$='-reset-btn'], [class$='-cancel-btn'], [class$='-export-btn'], [class$='-refresh-btn']):hover,
    html body .filament-main-content :is(button, a):is(.btn-secondary, .btn-reset, .btn-cancel, .btn-outline, .btn-ghost, .exportbtn, .export-btn, .top-btn, .reset-btn, .cancel-btn, .refresh-btn, [class$='-reset-btn'], [class$='-cancel-btn'], [class$='-export-btn'], [class$='-refresh-btn']):hover {
        background: #f9fafb !important;
        border-color: #9ca3af !important;
        color: #111827 !important;
    }

    /* Destructive action buttons */
    html body .fi-main :is(button, a).btn-danger,
    html body .fi-main-content :is(button, a).btn-danger,
    html body .filament-main :is(button, a).btn-danger,
    html body .filament-main-content :is(button, a).btn-danger {
        background: #ef4444 !important;
        color: #ffffff !important;
        border: 1px solid #ef4444 !important;
    }

    html body .fi-main :is(button, a).btn-danger:hover,
    html body .fi-main-content :is(button, a).btn-danger:hover,
    html body .filament-main :is(button, a).btn-danger:hover,
    html body .filament-main-content :is(button, a).btn-danger:hover {
        background: #dc2626 !important;
        border-color: #dc2626 !important;
    }

    html body .fi-main .fi-btn:not(.fi-icon-btn) .fi-btn-label,
    html body .fi-main-content .fi-btn:not(.fi-icon-btn) .fi-btn-label,
    html body .filament-main .fi-btn:not(.fi-icon-btn) .fi-btn-label,
    html body .filament-main-content .fi-btn:not(.fi-icon-btn) .fi-btn-label {
        font-size: var(--global-button-font-size) !important;
        line-height: var(--global-button-line-height) !important;
    }

    /* Keep .font-bold obvious in Inspect */
    .font-bold {
        font-weight: 700 !important;
    }

    /* Keep code blocks monospace */
    code,
    pre,
    kbd,
    samp {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    }

    /* Sidebar hover color (Modernize light blue) */
    html body .fi-sidebar .nav-link:hover,
    html body .fi-sidebar .fi-sidebar-item-button:hover,
    html body .fi-sidebar .fi-sidebar-item-link:hover,
    html body .fi-sidebar .fi-sidebar-nav-link:hover,
    html body #modern-sidebar-collapsed .nav-link-collapsed:hover,
    html body .sidebar-nav-collapsed .nav-link-collapsed:hover {
        background: var(--global-sidebar-hover-color) !important;
        border-color: var(--global-sidebar-hover-color) !important;
        color: var(--global-sidebar-hover-text) !important;
    }

    /* Sidebar selected color (Modernize blue) */
    html body .fi-sidebar .nav-link.active,
    html body .fi-sidebar .nav-link-parent.active,
    html body .fi-sidebar .nav-link-child.active,
    html body .fi-sidebar .nav-item-wrapper.active>.nav-link,
    html body .fi-sidebar .nav-item-wrapper.active>.nav-item>.nav-link-parent,
    html body .fi-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-button,
    html body .fi-sidebar .fi-sidebar-item.fi-sidebar-item-active>.fi-sidebar-item-button,
    html body .fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-button,
    html body .fi-main-sidebar .fi-sidebar-item.fi-sidebar-item-active>.fi-sidebar-item-button,
    html body .fi-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-button:hover,
    html body .fi-sidebar .fi-sidebar-item.fi-sidebar-item-active>.fi-sidebar-item-button:hover,
    html body .fi-sidebar .fi-sidebar-nav-item--active,
    html body .fi-sidebar .fi-sidebar-nav-link--active,
    html body #modern-sidebar-collapsed .nav-link-collapsed.active,
    html body .sidebar-nav-collapsed .nav-link-collapsed.active {
        background: var(--global-sidebar-accent-color) !important;
        border-color: var(--global-sidebar-accent-color) !important;
        color: var(--global-sidebar-accent-text) !important;
    }

    html body .fi-sidebar .nav-link:hover :is(.nav-label, .nav-icon, svg),
    html body .fi-sidebar .fi-sidebar-item-button:hover :is(.fi-sidebar-nav-item-label, .fi-sidebar-nav-icon, svg),
    html body .fi-sidebar .fi-sidebar-item-link:hover :is(.fi-sidebar-nav-item-label, .fi-sidebar-nav-icon, svg),
    html body .fi-sidebar .fi-sidebar-nav-link:hover :is(.fi-sidebar-nav-item-label, .fi-sidebar-nav-icon, svg),
    html body #modern-sidebar-collapsed .nav-link-collapsed:hover :is(.nav-icon-collapsed, svg),
    html body .sidebar-nav-collapsed .nav-link-collapsed:hover :is(.nav-icon-collapsed, svg) {
        color: var(--global-sidebar-hover-text) !important;
        stroke: var(--global-sidebar-hover-text) !important;
    }

    html body .fi-sidebar .nav-link.active :is(.nav-label, .nav-icon, svg),
    html body .fi-sidebar .nav-link-parent.active :is(.nav-label, .nav-icon, svg),
    html body .fi-sidebar .nav-link-child.active :is(.nav-label, .nav-icon, svg),
    html body .fi-sidebar .nav-item-wrapper.active>.nav-item>.nav-link-parent :is(.nav-label, .nav-icon, svg),
    html body .fi-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-button :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg),
    html body .fi-sidebar .fi-sidebar-item.fi-sidebar-item-active>.fi-sidebar-item-button :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg),
    html body .fi-main-sidebar .fi-sidebar-item.fi-active>.fi-sidebar-item-button :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg),
    html body .fi-main-sidebar .fi-sidebar-item.fi-sidebar-item-active>.fi-sidebar-item-button :is(.fi-sidebar-item-label, .fi-sidebar-item-icon, svg),
    html body #modern-sidebar-collapsed .nav-link-collapsed.active :is(.nav-icon-collapsed, svg),
    html body .sidebar-nav-collapsed .nav-link-collapsed.active :is(.nav-icon-collapsed, svg) {
        color: var(--global-sidebar-accent-text) !important;
        stroke: var(--global-sidebar-accent-text) !important;
    }
</style>
@endif