/* Additive polish only — palette is config/theme.js. Loaded after custom.css; delete the
   assets.styles entry in server.js to revert.
   Selectors target thead/tbody + elements on purpose: AdminJS overwrites className on the
   title header cell (property-header.tsx) and on every body row (record-in-list.tsx), so
   .adminjs_TableRow / .adminjs_TableCell do not exist on those nodes. */

/* ---- form labels: #B2B2B2 was 2.12:1 on white, below the 4.5:1 minimum. grey80 is 9.29:1 ---- */
label,
.adminjs_Label {
    color: #454655 !important;
}

/* ---- table header ---- */
.adminjs_TableHead td,
.adminjs_TableHead td .adminjs_SortLink {
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #898A9A !important;
}

.adminjs_TableHead td {
    background: #F6F7FB;
    border-bottom: 1px solid #DDE1E5;
}

/* ---- table body: zebra + hover for row tracking across wide tables ---- */
.adminjs_TableBody tr {
    transition: background-color 0.1s ease-in;
}

.adminjs_TableBody tr:nth-child(even) {
    background-color: #FAFAFD;
}

.adminjs_TableBody tr:hover {
    background-color: rgba(242, 63, 68, 0.06);
}

.adminjs_TableBody td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-top: none;
    border-bottom: 1px solid #ECEEF1;
}

/* ---- vertical rhythm: the action title reserved 24px below itself on every page ---- */
.adminjs_ActionHeader h2,
.adminjs_ActionHeader h3 {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
}

/* ---- keyboard focus: AdminJS ships no visible ring on most controls ---- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role='button']:focus-visible {
    outline: 2px solid #F23F44;
    outline-offset: 2px;
    border-radius: 3px;
}

/* ---- multi-value chips were hardcoded `gray`, off-palette ---- */
.multiLabel {
    background-color: #454655;
    border-radius: 4px;
}

/* ---- scrollbars on the horizontally scrolling table wrapper ---- */
section:has(> .adminjs_Table) {
    scrollbar-width: thin;
    scrollbar-color: #C0C0CA transparent;
}

section:has(> .adminjs_Table)::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

section:has(> .adminjs_Table)::-webkit-scrollbar-thumb {
    background: #C0C0CA;
    border-radius: 4px;
}

section:has(> .adminjs_Table)::-webkit-scrollbar-track {
    background: transparent;
}