/* Admin-only action palette. Frontend and account layouts do not load this file. */
.admin-body {
    --admin-action-primary: #475467;
    --admin-action-primary-hover: #344054;
    --admin-action-ink: #232821;
    --admin-action-muted: #767c6f;
    --admin-action-line: #e1dfd3;
    --admin-action-line-muted: #eae8dc;
    --admin-action-surface: #ffffff;
    --admin-action-surface-hover: #fff;
    --admin-action-edit: #475467;
    --admin-action-edit-hover: #344054;
    --admin-action-danger: #a0492e;
    --admin-action-danger-hover: #8a3d26;
}

.admin-body .admin-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 34px;
    border: 1px solid var(--admin-action-primary);
    border-radius: 6px;
    padding: 6px 11px;
    background: var(--admin-action-primary);
    color: #fff !important;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.admin-body .admin-button:hover,
.admin-body .admin-button:focus-visible {
    border-color: var(--admin-action-primary-hover);
    background: var(--admin-action-primary-hover);
    color: #fff !important;
}

.admin-body .admin-button:focus-visible {
    outline: 2px solid var(--admin-action-edit);
    outline-offset: 2px;
}

.admin-body .admin-button-quiet,
.admin-body .admin-button-view,
.admin-body .admin-user-manage-trigger {
    border-color: var(--admin-action-line) !important;
    background: var(--admin-action-surface) !important;
    color: var(--admin-action-ink) !important;
}

.admin-body .admin-button-quiet:hover,
.admin-body .admin-button-quiet:focus-visible,
.admin-body .admin-button-view:hover,
.admin-body .admin-button-view:focus-visible,
.admin-body .admin-user-manage-trigger:hover,
.admin-body .admin-user-manage-trigger:focus-visible,
.admin-body .admin-user-manager[open] > .admin-user-manage-trigger {
    border-color: var(--admin-action-muted) !important;
    background: var(--admin-action-surface-hover) !important;
    color: var(--admin-action-ink) !important;
}

.admin-body .admin-button-edit,
.admin-body .admin-user-action-status {
    border-color: var(--admin-action-edit) !important;
    background: var(--admin-action-edit) !important;
    color: #fff !important;
}

.admin-body .admin-button-edit:hover,
.admin-body .admin-button-edit:focus-visible,
.admin-body .admin-row-editor[open] > .admin-button-edit,
.admin-body .admin-user-action-status:hover,
.admin-body .admin-user-action-status:focus-visible {
    border-color: var(--admin-action-edit-hover) !important;
    background: var(--admin-action-edit-hover) !important;
    color: #fff !important;
}

.admin-body .admin-button-danger {
    border-color: var(--admin-action-danger) !important;
    background: var(--admin-action-surface) !important;
    color: var(--admin-action-danger) !important;
}

.admin-body .admin-button-danger:hover,
.admin-body .admin-button-danger:focus-visible {
    border-color: var(--admin-action-danger-hover) !important;
    background: #f8eeea !important;
    color: var(--admin-action-danger-hover) !important;
}

.admin-body .admin-table-actions .admin-button,
.admin-body .admin-row-actions > .admin-row-editor > summary,
.admin-body .admin-row-actions > form > .admin-button {
    height: 32px;
    min-height: 32px;
    border-radius: 6px;
}

.admin-body .admin-table-actions .admin-button-danger,
.admin-body .admin-table-actions .admin-post-delete,
.admin-body .admin-row-actions > form > .admin-button-danger {
    border-color: var(--admin-action-danger) !important;
    background: var(--admin-action-surface) !important;
    color: var(--admin-action-danger) !important;
}

.admin-body .admin-table-actions .admin-button-danger:hover,
.admin-body .admin-table-actions .admin-button-danger:focus-visible,
.admin-body .admin-table-actions .admin-post-delete:hover,
.admin-body .admin-table-actions .admin-post-delete:focus-visible,
.admin-body .admin-row-actions > form > .admin-button-danger:hover,
.admin-body .admin-row-actions > form > .admin-button-danger:focus-visible {
    border-color: var(--admin-action-danger-hover) !important;
    background: #f8eeea !important;
    color: var(--admin-action-danger-hover) !important;
}

.admin-body .admin-location-search-control .admin-button,
.admin-body .admin-location-create-action > summary.admin-location-create-trigger {
    border-color: #475467 !important;
    background: #475467 !important;
}

.admin-body .admin-location-search-control .admin-button:hover,
.admin-body .admin-location-search-control .admin-button:focus-visible,
.admin-body .admin-location-create-action > summary.admin-location-create-trigger:hover,
.admin-body .admin-location-create-action > summary.admin-location-create-trigger:focus-visible,
.admin-body .admin-location-create-submit:hover,
.admin-body .admin-location-create-submit:focus-visible {
    border-color: #344054 !important;
    background: #344054 !important;
}

/* Direct table actions retain the clean icon-and-label treatment. */
.admin-body .admin-location-direct-actions .admin-row-editor,
.admin-body .admin-location-direct-actions > form {
    width: auto;
}

.admin-body .admin-location-direct-actions > .admin-row-editor > .admin-button,
.admin-body .admin-location-direct-actions > form > .admin-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    height: 32px;
    min-height: 32px;
    gap: 6px;
    padding: 5px 7px;
    background: transparent !important;
    font-size: 13px;
    font-weight: 500;
}

.admin-body .admin-location-direct-actions > .admin-row-editor > .admin-button svg,
.admin-body .admin-location-direct-actions > form > .admin-button svg {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.admin-body .admin-location-direct-actions .admin-button-edit {
    border-color: transparent !important;
    background: transparent !important;
    color: #475467 !important;
}

.admin-body .admin-location-direct-actions .admin-button-edit:hover,
.admin-body .admin-location-direct-actions .admin-button-edit:focus-visible,
.admin-body .admin-location-direct-actions .admin-row-editor[open] > .admin-button-edit {
    border-color: transparent !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
}

/* User table action follows the current compact icon-and-label pattern. */
.admin-body .admin-user-actions > .admin-user-manager > summary.admin-user-manage-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 76px;
    min-height: 32px;
    gap: 6px;
    border: 0;
    border-radius: 8px;
    padding: 6px 8px;
    background: transparent;
    color: #475467;
    box-shadow: none;
    font-size: 11px;
    font-weight: 400;
}

.admin-body .admin-user-actions > .admin-user-manager > summary.admin-user-manage-trigger::before {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h10M18 7h2M4 17h2M10 17h10M14 4v6M8 14v6'/%3E%3C/svg%3E");
    content: "";
}

.admin-body .admin-user-actions > .admin-user-manager > summary.admin-user-manage-trigger:hover,
.admin-body .admin-user-actions > .admin-user-manager > summary.admin-user-manage-trigger:focus-visible,
.admin-body .admin-user-actions > .admin-user-manager[open] > summary.admin-user-manage-trigger {
    border: 0;
    background: #f2f4f7;
    color: #344054;
    outline: 0;
}

.admin-body .admin-location-direct-actions .admin-button-danger {
    border-color: transparent !important;
    background: transparent !important;
    color: #f52234 !important;
}

.admin-body .admin-location-direct-actions .admin-location-delete-icon {
    fill: currentColor;
    stroke: none;
}

.admin-body .admin-location-direct-actions .admin-button-danger:hover,
.admin-body .admin-location-direct-actions .admin-button-danger:focus-visible {
    border-color: transparent !important;
    background: #fff0f1 !important;
    color: #dc1528 !important;
}

.admin-body .admin-location-direct-actions .admin-button-danger:disabled {
    border-color: transparent !important;
    background: transparent !important;
    color: #f52234 !important;
    opacity: .42;
}

.admin-body .admin-confirm-submit,
.admin-body .admin-edit-modal-actions .admin-button-danger,
.admin-body .admin-report-actions .admin-button-danger,
.admin-body .admin-user-action-ban {
    border-color: var(--admin-action-danger) !important;
    background: var(--admin-action-danger) !important;
    color: #fff !important;
}

.admin-body .admin-confirm-submit:hover,
.admin-body .admin-confirm-submit:focus-visible,
.admin-body .admin-edit-modal-actions .admin-button-danger:hover,
.admin-body .admin-edit-modal-actions .admin-button-danger:focus-visible,
.admin-body .admin-report-actions .admin-button-danger:hover,
.admin-body .admin-report-actions .admin-button-danger:focus-visible,
.admin-body .admin-user-action-ban:hover,
.admin-body .admin-user-action-ban:focus-visible {
    border-color: var(--admin-action-danger-hover) !important;
    background: var(--admin-action-danger-hover) !important;
    color: #fff !important;
}

.admin-body .admin-post-search-button,
.admin-body .admin-user-action-wallet,
.admin-body .admin-user-action-reactivate,
.admin-body .admin-user-save-button,
.admin-body .admin-user-activate-button,
.admin-body .admin-user-edit-modal .admin-edit-modal-actions button[type=submit]:not(.admin-button-danger) {
    border-color: var(--admin-action-primary) !important;
    background: var(--admin-action-primary) !important;
    color: #fff !important;
}

.admin-body .admin-post-search-button:hover,
.admin-body .admin-post-search-button:focus-visible,
.admin-body .admin-user-action-wallet:hover,
.admin-body .admin-user-action-wallet:focus-visible,
.admin-body .admin-user-action-reactivate:hover,
.admin-body .admin-user-action-reactivate:focus-visible,
.admin-body .admin-user-save-button:hover,
.admin-body .admin-user-save-button:focus-visible,
.admin-body .admin-user-activate-button:hover,
.admin-body .admin-user-activate-button:focus-visible,
.admin-body .admin-user-edit-modal .admin-edit-modal-actions button[type=submit]:not(.admin-button-danger):hover,
.admin-body .admin-user-edit-modal .admin-edit-modal-actions button[type=submit]:not(.admin-button-danger):focus-visible {
    border-color: var(--admin-action-primary-hover) !important;
    background: var(--admin-action-primary-hover) !important;
    color: #fff !important;
}

.admin-body .admin-post-reset-button {
    border-color: var(--admin-action-line) !important;
    background: var(--admin-action-surface) !important;
    color: var(--admin-action-ink) !important;
}

.admin-body .admin-post-reset-button:hover,
.admin-body .admin-post-reset-button:focus-visible {
    border-color: var(--admin-action-muted) !important;
    background: var(--admin-action-surface-hover) !important;
    color: var(--admin-action-ink) !important;
}

.admin-body .admin-button:disabled,
.admin-body .admin-button[aria-disabled="true"],
.admin-body .admin-button.is-disabled {
    cursor: not-allowed;
    opacity: .45;
}

/* One neutral focus language across every admin form control. */
.admin-body input,
.admin-body select,
.admin-body textarea,
.admin-body [contenteditable="true"] {
    accent-color: var(--admin-action-primary);
    caret-color: var(--admin-action-primary);
}

.admin-body input:focus,
.admin-body input:focus-visible,
.admin-body select:focus,
.admin-body select:focus-visible,
.admin-body textarea:focus,
.admin-body textarea:focus-visible,
.admin-body [contenteditable="true"]:focus,
.admin-body [contenteditable="true"]:focus-visible,
.admin-body .ck.ck-editor__main > .ck-editor__editable.ck-focused {
    border-color: var(--admin-action-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(62, 80, 93, .16) !important;
}

.admin-body .admin-blog-slug-control:focus-within,
.admin-body .admin-percent-input:focus-within,
.admin-body .admin-post-description-editor:focus-within,
.admin-body .admin-filter-word-tags:focus-within {
    border-color: var(--admin-action-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(62, 80, 93, .16) !important;
}

.admin-body select option:checked {
    background: var(--admin-action-primary) linear-gradient(0deg, var(--admin-action-primary), var(--admin-action-primary));
    box-shadow: 0 0 0 100vmax var(--admin-action-primary) inset;
    color: #fff;
}

/* Chromium/Windows otherwise paints the open native option with system blue. */
.admin-body select:focus option:checked {
    background-color: var(--admin-action-primary) !important;
    box-shadow: 0 0 0 100vmax var(--admin-action-primary) inset !important;
    color: #fff !important;
}

.admin-body .admin-blog-editor-fields .ck {
    --ck-color-focus-border: var(--admin-action-primary);
    --ck-color-button-on-background: var(--admin-action-surface-hover);
    --ck-color-button-on-color: var(--admin-action-primary);
    --ck-color-base-active: var(--admin-action-surface-hover);
    --ck-color-base-active-focus: var(--admin-action-line-muted);
    --ck-focus-ring: 1px solid var(--admin-action-primary);
}

/* Keep admin links and neutral status markers out of the old blue palette. */
.admin-body .admin-content a:not(.admin-button),
.admin-body .admin-post-link,
.admin-body .admin-report-history-link:hover,
.admin-body .admin-report-history-link:focus-visible {
    color: var(--admin-action-primary) !important;
}

.admin-body .admin-user-status-completed {
    color: var(--admin-action-primary) !important;
}

.admin-body .admin-user-status-completed::before {
    background: var(--admin-action-primary) !important;
}

.admin-body ::selection {
    background: rgba(62, 80, 93, .24);
    color: var(--admin-action-ink);
}

/* Sidebar theme adopted from the approved admin navigation reference. */
.admin-body .admin-sidebar {
    background: #1d2a33;
    color: #e6ecf1;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.admin-body .admin-brand {
    min-height: 72px;
    border-bottom-color: rgba(255, 255, 255, .1);
    padding: 16px 18px;
}

.admin-body .admin-brand-mark {
    width: 38px;
    height: 38px;
    border-radius: 8px;
}

.admin-body .admin-brand small {
    color: #8fa0ac;
}

.admin-body .admin-navigation {
    padding: 8px 10px 24px;
}

.admin-body .admin-navigation-label {
    margin: 16px 10px 6px;
    color: #6b7f8c;
    font-size: 10px;
    letter-spacing: .08em;
}

.admin-body .admin-navigation > .admin-navigation-label:first-child {
    margin-top: 2px;
}

.admin-body .admin-navigation a,
.admin-body .admin-navigation-group > summary {
    margin: 2px 0;
    border-radius: 7px;
    padding: 9px 12px;
    color: #e6ecf1;
    font-size: 13px;
    font-weight: 500;
}

.admin-body .admin-navigation-group > a {
    padding-left: 28px;
    color: #8fa0ac;
    font-size: 12px;
}

.admin-body .admin-navigation a:hover,
.admin-body .admin-navigation a:focus-visible,
.admin-body .admin-navigation a.is-active,
.admin-body .admin-navigation-group > summary:hover,
.admin-body .admin-navigation-group > summary:focus-visible,
.admin-body .admin-navigation-group > summary.is-active {
    background: rgba(36, 64, 84, .5);
    color: #fff;
    box-shadow: none;
}

.admin-body .admin-navigation a.is-active::before,
.admin-body .admin-navigation-group > summary.is-active::before {
    display: none !important;
    content: none !important;
}

.admin-body .admin-navigation-group > a.is-active {
    background: rgba(36, 64, 84, .5);
    color: #fff;
}

.admin-body .admin-navigation-group > a.is-active::before {
    display: block !important;
    content: "" !important;
    background: var(--brand-red);
}

/* Custom single-select: removes the OS-owned blue option highlight. */
.admin-body .admin-custom-select {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    color: var(--admin-ink);
    font: inherit;
}

.admin-body .admin-native-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.admin-body .admin-custom-select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 38px;
    border: 1px solid #cbd1dc;
    border-radius: 5px;
    padding: 8px 10px;
    background: #fff;
    color: var(--admin-ink);
    font: inherit;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
}

.admin-body .admin-custom-select-trigger:hover {
    border-color: #8fa0ac;
}

.admin-body .admin-custom-select-trigger:focus-visible,
.admin-body .admin-custom-select.is-open .admin-custom-select-trigger {
    border-color: var(--admin-action-primary);
    outline: 0;
    box-shadow: 0 0 0 2px rgba(62, 80, 93, .16);
}

.admin-body .admin-custom-select-arrow {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}

.admin-body .admin-custom-select.is-open .admin-custom-select-arrow {
    transform: rotate(225deg) translate(-1px, -1px);
}

.admin-body .admin-custom-select-options {
    position: absolute;
    z-index: 1200;
    top: calc(100% + 4px);
    left: 0;
    width: max(100%, 250px);
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid #cbd1dc;
    border-radius: 6px;
    padding: 4px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(22, 40, 53, .18);
}

.admin-body .admin-custom-select-options[hidden] {
    display: none;
}

.admin-body .admin-custom-select-option {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 4px;
    padding: 8px 10px;
    background: transparent;
    color: var(--admin-ink);
    font: inherit;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
}

.admin-body .admin-custom-select-option:hover,
.admin-body .admin-custom-select-option:focus-visible {
    background: #fff;
    color: var(--admin-ink);
    outline: 0;
}

.admin-body .admin-custom-select-option[aria-selected="true"] {
    background: #fff;
    color: var(--admin-ink);
    font-weight: 700;
}

.admin-body .admin-custom-select-option:disabled {
    color: #9aa5ac;
    cursor: not-allowed;
}

.admin-body .admin-custom-select.is-disabled {
    opacity: .55;
}

.admin-body .admin-custom-select.is-invalid .admin-custom-select-trigger {
    border-color: #1d2a33;
    box-shadow: 0 0 0 2px rgba(62, 80, 93, .16);
}

/* User directory filter keeps its own softer control treatment. */
.admin-body .admin-user-directory-header .admin-custom-select-trigger {
    min-height: 46px;
    border-color: #f2f4f7;
    border-radius: 14px;
    padding: 9px 15px;
    background: #f4f4f5;
    box-shadow: none;
    font-weight: 400;
}

.admin-body .admin-user-directory-header .admin-custom-select-trigger:hover,
.admin-body .admin-user-directory-header .admin-custom-select-trigger:focus-visible,
.admin-body .admin-user-directory-header .admin-custom-select.is-open .admin-custom-select-trigger {
    border-color: #98a2b3;
    background: #f4f4f5;
}

.admin-body .admin-user-directory-header .admin-custom-select-options {
    border-color: #e4e7ec;
    border-radius: 12px;
    padding: 6px;
}

.admin-body .admin-user-directory-header .admin-custom-select-option {
    border-radius: 8px;
    font-weight: 400;
}

.admin-body .admin-user-directory-header .admin-custom-select-option:hover,
.admin-body .admin-user-directory-header .admin-custom-select-option:focus-visible,
.admin-body .admin-user-directory-header .admin-custom-select-option[aria-selected="true"] {
    background: #f4f4f5;
    color: #101828;
    font-weight: 400;
}

@media (min-width: 1651px) {
    .admin-body .admin-user-directory-filter-form {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 8px;
    }

    .admin-body .admin-user-directory-filter-form > label:first-child {
        flex: 0 1 350px;
        width: 350px;
    }

    .admin-body .admin-user-directory-filter-form > label:nth-child(2) {
        flex: 0 0 130px;
        width: 130px;
    }

    .admin-body .admin-user-directory-filter-form > label:nth-child(3),
    .admin-body .admin-user-directory-filter-form > label:nth-child(4) {
        flex: 0 0 130px;
        width: 130px;
    }

    .admin-body .admin-user-directory-filter-form > .admin-button {
        flex: 0 0 auto;
    }
}

/* Posting Activity keeps the user-report filter logic, with the compact Listings pattern. */
.admin-body .admin-user-report-header .admin-user-directory-filter-form {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    width: max-content;
    max-width: 100%;
}

.admin-body .admin-user-report-header .admin-user-directory-filter-form > label:first-child {
    flex: 0 1 350px;
    width: 350px;
}

.admin-body .admin-user-report-header .admin-user-directory-filter-form > label:nth-child(2) {
    flex: 0 0 130px;
    width: 130px;
}

.admin-body .admin-user-report-header .admin-user-directory-filter-form > label:nth-child(3),
.admin-body .admin-user-report-header .admin-user-directory-filter-form > label:nth-child(4) {
    flex: 0 0 130px;
    width: 130px;
}

.admin-body .admin-user-report-header .admin-user-directory-filter-form input,
.admin-body .admin-user-report-header .admin-user-directory-filter-form .admin-custom-select-trigger {
    min-height: 34px;
    border-radius: 14px;
}

.admin-body .admin-user-report-header .admin-user-directory-filter-form .admin-button {
    min-height: 34px;
    border-radius: 6px;
}

@media (max-width: 1100px) {
    .admin-body .admin-user-report-header .admin-user-directory-filter-form {
        display: grid;
        width: 100%;
    }

    .admin-body .admin-user-report-header .admin-user-directory-filter-form > label:nth-child(-n+4) {
        width: auto;
    }
}

.admin-body .admin-panel:has(.admin-custom-select.is-open),
.admin-body .admin-table-wrap:has(.admin-custom-select.is-open) {
    position: relative;
    z-index: 1100;
    overflow: visible;
}

.admin-body .admin-mode-workspace {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
}

.admin-body .admin-mode-workspace > .admin-panel {
    width: 100%;
    max-width: none;
    height: 100%;
}

@media (max-width: 900px) {
    .admin-body .admin-mode-workspace {
        grid-template-columns: 1fr;
    }
}

.admin-body .admin-post-search-full .admin-custom-select:has(select[name="sub_category_id"]) {
    width: 220px;
}

.admin-body .admin-post-search-full .admin-custom-select:has(select[name="premium"]),
.admin-body .admin-post-search-full .admin-custom-select:has(select[name="sponsor"]) {
    width: 100px;
}

.admin-body .admin-post-search-full .admin-custom-select:has(select[name="status"]) {
    width: 130px;
}

.admin-body .admin-report-search-full .admin-custom-select:has(select[name="status"]),
.admin-body .admin-report-search-full .admin-custom-select:has(select[name="decision"]) {
    width: 140px;
}

.admin-body .admin-user-search-full .admin-custom-select:has(select[name="status"]) {
    width: 150px;
}

.admin-body .admin-listing-filter-form .admin-custom-select {
    width: 100% !important;
    min-width: 0;
}

.admin-body .admin-listing-filter-form .admin-custom-select-trigger {
    min-height: 42px;
    border-color: #f2f4f7;
    border-radius: 14px;
    padding: 8px 12px;
    background: #f4f4f5;
    color: #101828;
    box-shadow: none;
    font-weight: 400;
}

.admin-body .admin-listing-filter-form .admin-custom-select-trigger:hover,
.admin-body .admin-listing-filter-form .admin-custom-select-trigger:focus-visible,
.admin-body .admin-listing-filter-form .admin-custom-select.is-open .admin-custom-select-trigger {
    border-color: #98a2b3;
    background: #f4f4f5;
}

.admin-body .admin-listing-filter-form .admin-custom-select-options {
    border-color: #e4e7ec;
    border-radius: 10px;
    padding: 6px;
}

.admin-body .admin-listing-filter-form .admin-custom-select-option,
.admin-body .admin-listing-filter-form .admin-custom-select-option[aria-selected="true"] {
    border-radius: 7px;
    font-weight: 400;
}

.admin-body .admin-listing-filter-form .admin-custom-select-trigger {
    align-items: center;
}

.admin-body .admin-listing-filter-form .admin-custom-select-value {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Listings filters use fixed desktop slots so controls never stretch into one another. */
@media (min-width: 1651px) {
    .admin-body .admin-listing-filter-form .admin-custom-select:has(select[name="sub_category_id"]) {
        flex: 0 0 220px;
        width: 220px !important;
    }

    .admin-body .admin-listing-filter-form .admin-custom-select:has(select[name="premium"]),
    .admin-body .admin-listing-filter-form .admin-custom-select:has(select[name="sponsor"]) {
        flex: 0 0 90px;
        width: 90px !important;
    }

    .admin-body .admin-listing-filter-form .admin-custom-select:has(select[name="status"]) {
        flex: 0 0 130px;
        width: 130px !important;
    }

    .admin-body .admin-listing-filter-form .admin-button {
        flex: 0 0 auto;
    }
}

/* Listings keep all row actions visible, but remove the classic boxed-button treatment. */
.admin-body .admin-listing-table-panel .admin-post-actions {
    justify-content: flex-start;
    gap: 8px;
}

.admin-body .admin-listing-table-panel .admin-post-actions > form {
    flex: 0 0 auto;
    width: auto;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: 32px;
    min-height: 32px;
    gap: 6px;
    border: 0 !important;
    border-radius: 8px;
    padding: 6px 8px;
    background: transparent !important;
    box-shadow: none;
    font-size: 11px;
    font-weight: 400;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button::before {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-view {
    color: #475467 !important;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-approve {
    color: #067647 !important;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-approve::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23067647' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-view::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E");
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-edit {
    color: #475467 !important;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-edit::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4Z'/%3E%3C/svg%3E");
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-post-delete {
    color: #f04438 !important;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-post-delete::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f04438' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 10v6M14 10v6'/%3E%3C/svg%3E");
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button:hover,
.admin-body .admin-listing-table-panel .admin-post-actions .admin-button:focus-visible {
    background: #f2f4f7 !important;
    outline: 0;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-view:hover,
.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-view:focus-visible {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-approve:hover,
.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-approve:focus-visible {
    background: #ecfdf3 !important;
    color: #05603a !important;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-edit:hover,
.admin-body .admin-listing-table-panel .admin-post-actions .admin-button-edit:focus-visible {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.admin-body .admin-listing-table-panel .admin-post-actions .admin-post-delete:hover,
.admin-body .admin-listing-table-panel .admin-post-actions .admin-post-delete:focus-visible {
    background: #fff1f0 !important;
    color: #d92d20 !important;
}

/* Report queue actions use the same quiet link treatment as listing actions. */
.admin-body .admin-report-table-panel .admin-report-actions .admin-button-edit {
    border-color: transparent !important;
    background: transparent !important;
    color: #667085 !important;
}
.admin-body .admin-report-table-panel .admin-report-actions .admin-button-edit:hover,
.admin-body .admin-report-table-panel .admin-report-actions .admin-button-edit:focus-visible {
    border-color: transparent !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
}

/* Row edits use the same neutral language across message, blog, listing, and catalog tables. */
.admin-body .admin-message-table-panel .admin-table-actions .admin-button-edit,
.admin-body .admin-blog-list-panel .admin-blog-actions .admin-button-edit {
    color: #475467 !important;
}

.admin-body .admin-message-table-panel .admin-table-actions .admin-button-edit:hover,
.admin-body .admin-message-table-panel .admin-table-actions .admin-button-edit:focus-visible,
.admin-body .admin-blog-list-panel .admin-blog-actions .admin-button-edit:hover,
.admin-body .admin-blog-list-panel .admin-blog-actions .admin-button-edit:focus-visible {
    background: #f2f4f7 !important;
    color: #344054 !important;
}
.admin-body .admin-report-table-panel .admin-report-actions .admin-button-danger {
    border-color: transparent !important;
    background: transparent !important;
    color: #f04438 !important;
}
.admin-body .admin-report-table-panel .admin-report-actions .admin-button-danger:hover,
.admin-body .admin-report-table-panel .admin-report-actions .admin-button-danger:focus-visible {
    border-color: transparent !important;
    background: #fff1f0 !important;
    color: #d92d20 !important;
}

@media (max-width: 700px) {
    .admin-body .admin-custom-select-options {
        width: 100%;
        min-width: 0;
    }
}

/* Table search and filter controls share one compact sub-header height. */
.admin-body .admin-listing-filter-form > input,
.admin-body .admin-listing-filter-form > select,
.admin-body .admin-listing-filter-form .admin-custom-select-trigger,
.admin-body .admin-listing-filter-form > .admin-button,
.admin-body .admin-user-directory-filter-form input,
.admin-body .admin-user-directory-filter-form .admin-custom-select-trigger,
.admin-body .admin-user-directory-filter-form > .admin-button,
.admin-body .admin-system-page .admin-post-search > input,
.admin-body .admin-system-page .admin-post-search > .admin-button {
    height: 34px;
    min-height: 34px;
}

.admin-body .admin-listing-filter-form > .admin-button,
.admin-body .admin-user-directory-filter-form > .admin-button,
.admin-body .admin-system-page .admin-post-search > .admin-button {
    border-radius: 6px;
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 700;
}

/* One search field owns free-form admin table lookup; structured filters stay separate. */
.admin-body .admin-unified-table-header {
    grid-template-columns: 200px minmax(0, 1fr) !important;
}

.admin-body .admin-unified-filter-form {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    min-width: 0;
    margin: 0;
}

.admin-body .admin-unified-filter-form > .admin-unified-search {
    flex: 0 1 480px;
    width: 480px;
    max-width: 480px;
    min-width: 240px;
}

.admin-body .admin-unified-filter-form > input[type="date"] {
    flex: 0 0 145px;
    width: 145px;
    min-width: 0;
}

.admin-body .admin-unified-filter-form > .admin-custom-select,
.admin-body .admin-unified-filter-form > select {
    flex: 0 0 150px;
    width: 150px;
    min-width: 0;
}

.admin-body .admin-unified-filter-form > .admin-button {
    flex: 0 0 auto;
}

@media (max-width: 1100px) {
    .admin-body .admin-unified-table-header {
        grid-template-columns: 1fr !important;
    }

    .admin-body .admin-unified-filter-form {
        flex-wrap: wrap;
        width: 100%;
        max-width: none;
    }

    .admin-body .admin-unified-filter-form > .admin-unified-search {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .admin-body .admin-unified-filter-form > input[type="date"],
    .admin-body .admin-unified-filter-form > .admin-custom-select,
    .admin-body .admin-unified-filter-form > select {
        flex: 1 1 145px;
        width: auto;
    }
}

@media (max-width: 560px) {
    .admin-body .admin-unified-filter-form > .admin-unified-search,
    .admin-body .admin-unified-filter-form > input[type="date"],
    .admin-body .admin-unified-filter-form > .admin-custom-select,
    .admin-body .admin-unified-filter-form > select,
    .admin-body .admin-unified-filter-form > .admin-button {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
    }
}

/* Dark appearance keeps the established action meanings on darker surfaces. */
html[data-admin-theme="dark"] .admin-body {
    --admin-action-primary: #475467;
    --admin-action-primary-hover: #59687d;
    --admin-action-ink: #dce1e8;
    --admin-action-muted: #9ba5b4;
    --admin-action-line: #3a3d45;
    --admin-action-line-muted: #30333a;
    --admin-action-surface: #202228;
    --admin-action-surface-hover: #292c32;
    --admin-action-edit: #475467;
    --admin-action-edit-hover: #59687d;
    --admin-action-danger: #ff7068;
    --admin-action-danger-hover: #ff8a82;
}

html[data-admin-theme="dark"] .admin-body .admin-button-danger:hover,
html[data-admin-theme="dark"] .admin-body .admin-button-danger:focus-visible,
html[data-admin-theme="dark"] .admin-body .admin-table-actions .admin-button-danger:hover,
html[data-admin-theme="dark"] .admin-body .admin-table-actions .admin-button-danger:focus-visible,
html[data-admin-theme="dark"] .admin-body .admin-table-actions .admin-post-delete:hover,
html[data-admin-theme="dark"] .admin-body .admin-table-actions .admin-post-delete:focus-visible,
html[data-admin-theme="dark"] .admin-body .admin-row-actions>form>.admin-button-danger:hover,
html[data-admin-theme="dark"] .admin-body .admin-row-actions>form>.admin-button-danger:focus-visible{
    background:#3a2022!important;
}

html[data-admin-theme="dark"] .admin-body .admin-location-direct-actions .admin-button-edit:hover,
html[data-admin-theme="dark"] .admin-body .admin-location-direct-actions .admin-button-edit:focus-visible,
html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-button-edit:hover,
html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-button-edit:focus-visible{
    background:#292c32!important;
    color:#e3e7ed!important;
}

html[data-admin-theme="dark"] .admin-body .admin-location-direct-actions .admin-button-edit,
html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-button-edit,
html[data-admin-theme="dark"] .admin-body .admin-message-table-panel .admin-table-actions .admin-button-edit,
html[data-admin-theme="dark"] .admin-body .admin-blog-list-panel .admin-blog-actions .admin-button-edit,
html[data-admin-theme="dark"] .admin-body .admin-report-table-panel .admin-report-actions .admin-button-edit{
    color:#c2c8d1!important;
}

html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-button-approve{
    color:#75e0a7!important;
}

html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-button-approve:hover,
html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-button-approve:focus-visible{
    background:#17382b!important;
    color:#a6f4c5!important;
}

html[data-admin-theme="dark"] .admin-body .admin-message-table-panel .admin-table-actions .admin-button-edit:hover,
html[data-admin-theme="dark"] .admin-body .admin-message-table-panel .admin-table-actions .admin-button-edit:focus-visible,
html[data-admin-theme="dark"] .admin-body .admin-blog-list-panel .admin-blog-actions .admin-button-edit:hover,
html[data-admin-theme="dark"] .admin-body .admin-blog-list-panel .admin-blog-actions .admin-button-edit:focus-visible{
    background:#292c32!important;
    color:#e3e7ed!important;
}

html[data-admin-theme="dark"] .admin-body .admin-location-direct-actions .admin-button-danger:hover,
html[data-admin-theme="dark"] .admin-body .admin-location-direct-actions .admin-button-danger:focus-visible,
html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-post-delete:hover,
html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-post-delete:focus-visible,
html[data-admin-theme="dark"] .admin-body .admin-report-table-panel .admin-report-actions .admin-button-danger:hover,
html[data-admin-theme="dark"] .admin-body .admin-report-table-panel .admin-report-actions .admin-button-danger:focus-visible{
    background:#3a2022!important;
    color:#ff8179!important;
}

html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-button-view:hover,
html[data-admin-theme="dark"] .admin-body .admin-listing-table-panel .admin-post-actions .admin-button-view:focus-visible,
html[data-admin-theme="dark"] .admin-body .admin-report-table-panel .admin-report-actions .admin-button-edit:hover,
html[data-admin-theme="dark"] .admin-body .admin-report-table-panel .admin-report-actions .admin-button-edit:focus-visible,
html[data-admin-theme="dark"] .admin-body .admin-user-actions>.admin-user-manager>summary.admin-user-manage-trigger:hover,
html[data-admin-theme="dark"] .admin-body .admin-user-actions>.admin-user-manager>summary.admin-user-manage-trigger:focus-visible{
    background:#292c32!important;
    color:#e3e7ed!important;
}