/* Vendox admin — brand + small additions on top of Vuexy core.css. */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --bs-primary: #7C5CFD;
    --bs-primary-rgb: 124, 92, 253;
    --bs-primary-bg-subtle: color-mix(in srgb, #7C5CFD 16%, transparent);
    --bs-primary-border-subtle: color-mix(in srgb, #7C5CFD 38%, transparent);
    --bs-primary-text-emphasis: #6D5BFD;
    --bs-link-color: #7C5CFD;
    --bs-link-color-rgb: 124, 92, 253;
    --bs-link-hover-color: #6D5BFD;
    --bs-link-hover-color-rgb: 109, 91, 253;
    --bs-primary-contrast: #fff;
}

.admin-table tbody tr[data-href] { cursor: pointer; }
.admin-table td { vertical-align: middle; }
.admin-table td .badge { text-transform: capitalize; }

.admin-json {
    max-height: 420px;
    overflow: auto;
    font-size: .8125rem;
    background: var(--bs-tertiary-bg);
    border-radius: .375rem;
    padding: .75rem 1rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.admin-prose { max-height: 480px; overflow: auto; }
.admin-prose img { max-width: 100%; }

.admin-rich .ql-container { min-height: 180px; font-size: .9375rem; }
.admin-rich.border-danger .ql-toolbar,
.admin-rich.border-danger .ql-container { border-color: var(--bs-danger); }

.card-header[data-bs-toggle="collapse"] .tabler-chevron-down { transition: transform .2s ease; }
.card-header[data-bs-toggle="collapse"]:not(.collapsed) .tabler-chevron-down { transform: rotate(180deg); }

.admin-form-actions {
    position: sticky;
    bottom: 0;
    z-index: 5;
    padding: 1rem 0;
    background: linear-gradient(to top, var(--bs-body-bg) 70%, transparent);
}

.pagination { margin-bottom: 0; }
.select2-container { z-index: 1056; }
.modal .select2-container { z-index: 1061; }
.dropdown-menu form { margin: 0; }
.dropdown-menu .dropdown-item { cursor: pointer; }

.w-px-40 { width: 40px; }
.w-px-100 { width: 100px; }
.w-px-200 { width: 200px; }

.admin-drag-handle { cursor: grab; width: 40px; color: var(--bs-secondary-color); }
.admin-drag-handle:active { cursor: grabbing; }
.admin-drag-ghost { opacity: .4; background: var(--bs-primary-bg-subtle); }
.admin-copy { width: 1.75rem; height: 1.75rem; vertical-align: middle; opacity: .55; }
.admin-copy:hover { opacity: 1; }