@import url('../filament/app.css');

/* Shared light-theme contrast for every HUB panel. Keep status colours and
   the dark theme intact; only neutral structural lines are strengthened. */
html:not(.dark) .fi-body {
    --hub-line-color: rgb(156 163 175);
    --hub-line-soft-color: rgb(209 213 219);
}

html:not(.dark) .fi-body .fi-topbar > nav,
html:not(.dark) .fi-body .fi-sidebar,
html:not(.dark) .fi-body .fi-section,
html:not(.dark) .fi-body .fi-ta-ctn,
html:not(.dark) .fi-body .fi-modal-window,
html:not(.dark) .fi-body .fi-dropdown-panel,
html:not(.dark) .fi-body .fi-tabs,
html:not(.dark) .fi-body .fi-input-wrp,
html:not(.dark) .fi-body .fi-select-input {
    --tw-ring-color: rgb(107 114 128 / 0.42);
}

html:not(.dark) .fi-body .fi-section-header,
html:not(.dark) .fi-body .fi-section-content-ctn,
html:not(.dark) .fi-body .fi-ta-header,
html:not(.dark) .fi-body .fi-ta-header-toolbar,
html:not(.dark) .fi-body .fi-ta-header-cell,
html:not(.dark) .fi-body .fi-ta-row,
html:not(.dark) .fi-body .fi-ta-footer,
html:not(.dark) .fi-body .fi-fo-repeater-item,
html:not(.dark) .fi-body .fi-modal-header,
html:not(.dark) .fi-body .fi-modal-footer {
    border-color: var(--hub-line-soft-color) !important;
}

/* The compact table search shown in registers must not blend into the
   toolbar. This deliberately targets search, not ordinary form selects. */
html:not(.dark) .fi-body :is(.fi-ta-search-field, .hub-search-field) .fi-input-wrp {
    background: rgb(239 246 255);
    box-shadow:
        inset 0 0 0 1.5px rgb(59 130 246),
        0 1px 3px rgb(37 99 235 / 0.14) !important;
}

html:not(.dark) .fi-body :is(.fi-ta-search-field, .hub-search-field) .fi-input-wrp:hover {
    background: rgb(219 234 254);
    box-shadow:
        inset 0 0 0 1.5px rgb(37 99 235),
        0 2px 5px rgb(37 99 235 / 0.18) !important;
}

html:not(.dark) .fi-body :is(.fi-ta-search-field, .hub-search-field) .fi-input-wrp:focus-within {
    background: rgb(255 255 255);
    box-shadow:
        inset 0 0 0 2px rgb(37 99 235),
        0 0 0 3px rgb(59 130 246 / 0.16) !important;
}

html:not(.dark) .fi-body :is(.fi-ta-search-field, .hub-search-field) input::placeholder {
    color: rgb(30 64 175);
    opacity: 1;
}

html:not(.dark) .fi-body :is(.fi-ta-search-field, .hub-search-field) svg {
    color: rgb(37 99 235);
}