/* =====================================================================
   Admin тема (върху Bootstrap 5.3)
   За нов проект обикновено е достатъчно да се сменят стойностите в :root
   ===================================================================== */

/* ---------- Шрифт: Manrope (variable, 200–800) ---------- */

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url("../fonts/manrope-cyrillic-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url("../fonts/manrope-latin-ext-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Променливи ---------- */

:root {
    /* Бранд */
    --admin-accent: #1e91cf;
    --admin-accent-rgb: 30, 145, 207;
    --admin-accent-hover: #1978ab;
    --admin-accent-hover-rgb: 25, 120, 171;
    --admin-accent-soft: rgba(var(--admin-accent-rgb), .1);

    /* Странично меню */
    --admin-sidebar-bg: #1d2531;
    --admin-sidebar-color: #aab3c2;
    --admin-sidebar-hover: rgba(255, 255, 255, .06);
    --admin-sidebar-border: rgba(255, 255, 255, .07);
    --admin-sidebar-width: 260px;
    --admin-sidebar-collapsed-width: 72px;

    /* Повърхности */
    --admin-body-bg: #f5f6f8;
    --admin-surface: #fff;
    --admin-surface-muted: #fafbfc;
    --admin-border: #e5e8ed;
    --admin-radius: .5rem;
    --admin-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    --admin-shadow-lg: 0 16px 40px -16px rgba(16, 24, 40, .22);
    --admin-header-height: 64px;

    /* Bootstrap */
    --bs-primary: var(--admin-accent);
    --bs-primary-rgb: var(--admin-accent-rgb);
    --bs-link-color: var(--admin-accent);
    --bs-link-color-rgb: var(--admin-accent-rgb);
    --bs-link-hover-color: var(--admin-accent-hover);
    --bs-link-hover-color-rgb: var(--admin-accent-hover-rgb);
    --bs-body-font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --bs-body-font-size: .9375rem;
    --bs-body-font-weight: 400;
    --bs-body-color: #2a303b;
    --bs-secondary-color: #6b7383;
    --bs-border-color: var(--admin-border);
    --bs-border-radius: var(--admin-radius);
    --bs-focus-ring-color: rgba(var(--admin-accent-rgb), .25);
}

/* ---------- Bootstrap компоненти ---------- */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
    letter-spacing: -.01em;
}

.btn {
    --bs-btn-font-weight: 500;
    --bs-btn-padding-x: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}

.btn-primary {
    --bs-btn-bg: var(--admin-accent);
    --bs-btn-border-color: var(--admin-accent);
    --bs-btn-hover-bg: var(--admin-accent-hover);
    --bs-btn-hover-border-color: var(--admin-accent-hover);
    --bs-btn-active-bg: var(--admin-accent-hover);
    --bs-btn-active-border-color: var(--admin-accent-hover);
    --bs-btn-disabled-bg: var(--admin-accent);
    --bs-btn-disabled-border-color: var(--admin-accent);
    --bs-btn-focus-shadow-rgb: var(--admin-accent-rgb);
}

.form-label {
    margin-bottom: .5rem;
    color: #262c36;
    font-size: .875rem;
    font-weight: 600;
}

/* задължително поле */
.form-label.required::after {
    content: " *";
    color: #dc3545;
}

.form-control,
.form-select {
    padding: .625rem .875rem;
    border-color: #dfe3e9;
    font-size: .9375rem;
}

.form-control::placeholder {
    color: #a3aab6;
}

textarea.form-control {
    min-height: 2.875rem;
}

.form-switch .form-check-input {
    width: 2.75em;
    height: 1.5em;
    cursor: pointer;
}

.btn-block {
    width: 100%;
    padding-top: .625rem;
    padding-bottom: .625rem;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: rgba(var(--admin-accent-rgb), .6);
    box-shadow: 0 0 0 .2rem var(--bs-focus-ring-color);
}

.form-check-input:checked {
    background-color: var(--admin-accent);
    border-color: var(--admin-accent);
}

.form-text {
    color: var(--bs-secondary-color);
    font-size: .8125rem;
}

.card {
    --bs-card-bg: var(--admin-surface);
    --bs-card-border-color: var(--admin-border);
    --bs-card-cap-bg: var(--admin-surface);
    --bs-card-cap-padding-y: 1.125rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-spacer-y: 1.5rem;
    --bs-card-border-radius: .75rem;
    --bs-card-inner-border-radius: calc(.75rem - 1px);
    box-shadow: var(--admin-shadow);
}

.card-header {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: 1rem;
    font-weight: 600;
}

.card-header > .bi {
    color: var(--admin-accent);
}

.card-footer {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    background: var(--admin-surface-muted);
}

.dropdown-menu {
    --bs-dropdown-border-color: var(--admin-border);
    --bs-dropdown-link-active-bg: var(--admin-accent-soft);
    --bs-dropdown-link-active-color: var(--admin-accent);
    --bs-dropdown-font-size: .9375rem;
    --bs-dropdown-item-padding-y: .45rem;
    box-shadow: var(--admin-shadow-lg);
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: .625rem;
}

.breadcrumb {
    --bs-breadcrumb-divider: "/";
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    font-size: .8125rem;
}

.breadcrumb a {
    text-decoration: none;
}

.alert {
    --bs-alert-border-radius: var(--admin-radius);
}

/* ---------- Layout ---------- */

body.admin {
    background: var(--admin-body-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.admin-shell {
    display: flex;
    min-height: 100vh;
}

.admin-main {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.admin-content {
    flex: 1;
    width: 100%;
    padding: 2rem 2rem 3rem;
}

.admin-page-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem 1.5rem;
    margin-bottom: 1.75rem;
}

.admin-page-header h1 {
    margin: 0;
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.admin-page-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

/* дясна колона, която остава видима при превъртане */
@media (min-width: 1200px) {
    .admin-aside {
        position: sticky;
        top: 2rem;
    }

    .admin-aside.is-static {
        position: static;
    }
}

/* подзаглавие вътре в карта (напр. „Адреси“, „SEO“) */
.admin-section-title {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 2rem 0 1.25rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--admin-border);
    color: #4a5261;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.admin-section-title .bi {
    color: var(--admin-accent);
    font-size: .9375rem;
}

/* превключвател с етикет и описание */
.admin-switch {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius);
    background: var(--admin-surface-muted);
}

.admin-switch-label {
    display: block;
    margin-bottom: .25rem;
    font-weight: 600;
    cursor: pointer;
}

.admin-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .5rem;
    padding: 1.25rem 2rem;
    border-top: 1px solid var(--admin-border);
    color: var(--bs-secondary-color);
    font-size: .8125rem;
}

.admin-footer strong {
    color: var(--bs-body-color);
    font-weight: 600;
}

.admin-page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

/* ---------- Странично меню ---------- */

.admin-sidebar {
    flex-shrink: 0;
}

.admin-sidebar-inner {
    --bs-offcanvas-width: var(--admin-sidebar-width);
    --bs-offcanvas-bg: var(--admin-sidebar-bg);
    --bs-offcanvas-color: var(--admin-sidebar-color);
    display: flex;
    flex-direction: column;
    color: var(--admin-sidebar-color);
}

@media (min-width: 992px) {
    .admin-sidebar {
        position: sticky;
        top: 0;
        display: flex;
        flex-direction: column;
        width: var(--admin-sidebar-width);
        height: 100vh;
        background: var(--admin-sidebar-bg);
        transition: width .2s ease;
    }

    .admin-sidebar-inner {
        flex: 1;
        min-height: 0;
    }
}

.admin-brand {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    height: var(--admin-header-height);
    padding: 0 .75rem 0 1.25rem;
    border-bottom: 1px solid var(--admin-sidebar-border);
}

.admin-brand-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    color: #fff;
    text-decoration: none;
}

.admin-brand-link:hover {
    color: #fff;
}

.admin-brand-mark {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: .5rem;
    background: var(--admin-accent);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.admin-brand-name {
    overflow: hidden;
    font-weight: 600;
    letter-spacing: -.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-sidebar-toggle {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: .5rem;
    background: none;
    color: inherit;
    font-size: 1.125rem;
}

.admin-sidebar .admin-sidebar-toggle:hover {
    background: var(--admin-sidebar-hover);
    color: #fff;
}

.admin-sidebar-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.admin-nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 1rem .75rem;
}

.admin-nav-section {
    padding: 1.25rem .75rem .375rem;
    color: #6a7486;
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-nav-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .55rem .75rem;
    border-radius: .5rem;
    color: var(--admin-sidebar-color);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s, color .15s;
}

.admin-nav-link .bi {
    flex-shrink: 0;
    width: 1.25rem;
    font-size: 1.05rem;
    text-align: center;
}

.admin-nav-link:hover {
    background: var(--admin-sidebar-hover);
    color: #fff;
}

.admin-nav-link.active {
    background: var(--admin-accent);
    color: #fff;
}

/* профил долу вляво */

.admin-account {
    flex-shrink: 0;
    padding: .75rem;
    border-top: 1px solid var(--admin-sidebar-border);
}

.admin-account-toggle {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    padding: .5rem;
    border: 0;
    border-radius: .5rem;
    background: none;
    color: var(--admin-sidebar-color);
    text-align: left;
}

.admin-account-toggle:hover,
.admin-account-toggle[aria-expanded="true"] {
    background: var(--admin-sidebar-hover);
}

.admin-avatar {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--admin-accent);
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
}

.admin-account-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    line-height: 1.3;
}

.admin-account-name,
.admin-account-email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-account-name {
    color: #fff;
    font-weight: 500;
}

.admin-account-email {
    font-size: .8125rem;
}

.admin-account-caret {
    flex-shrink: 0;
    font-size: .875rem;
}

.admin-account-menu {
    width: calc(var(--admin-sidebar-width) - 1.5rem);
    min-width: 220px;
}

/* свито меню (само на голям екран) */

@media (min-width: 992px) {
    .sidebar-collapsed .admin-sidebar {
        width: var(--admin-sidebar-collapsed-width);
    }

    .sidebar-collapsed .admin-brand {
        justify-content: center;
        padding: 0;
    }

    .sidebar-collapsed .admin-brand-link,
    .sidebar-collapsed .admin-nav-label,
    .sidebar-collapsed .admin-nav-section,
    .sidebar-collapsed .admin-account-text,
    .sidebar-collapsed .admin-account-caret {
        display: none;
    }

    .sidebar-collapsed .admin-nav-link,
    .sidebar-collapsed .admin-account-toggle {
        justify-content: center;
    }
}

/* горна лента – само на мобилни */

.admin-mobilebar {
    position: sticky;
    top: 0;
    z-index: 1020;
    display: flex;
    align-items: center;
    gap: .5rem;
    height: 56px;
    padding: 0 1rem;
    border-bottom: 1px solid var(--admin-border);
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(8px);
}

.admin-mobilebar .admin-sidebar-toggle {
    font-size: 1.5rem;
}

@media (max-width: 575.98px) {
    .admin-content {
        padding: 1.25rem 1rem 2.5rem;
    }
}

/* ---------- Списъци (таблици) ---------- */

.btn-icon {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    font-size: 1rem;
}

.btn-light {
    --bs-btn-bg: #f1f3f6;
    --bs-btn-border-color: #f1f3f6;
    --bs-btn-color: #3b4250;
    --bs-btn-hover-bg: #e5e8ee;
    --bs-btn-hover-border-color: #e5e8ee;
    --bs-btn-hover-color: var(--admin-accent);
    --bs-btn-active-bg: #dfe3ea;
    --bs-btn-active-border-color: #dfe3ea;
}

.btn-light-danger {
    --bs-btn-bg: #fdf0f0;
    --bs-btn-border-color: #fdf0f0;
    --bs-btn-color: #c9302c;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: #c82333;
    --bs-btn-active-border-color: #c82333;
    --bs-btn-active-color: #fff;
}

.admin-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--admin-border);
}

.admin-filters .form-select {
    width: auto;
    min-width: 200px;
}

.admin-search {
    position: relative;
    flex: 1;
    min-width: 220px;
    max-width: 420px;
}

.admin-search .bi {
    position: absolute;
    top: 50%;
    left: .875rem;
    color: var(--bs-secondary-color);
    transform: translateY(-50%);
}

.admin-search .form-control {
    padding-left: 2.5rem;
}

.admin-table {
    --bs-table-bg: transparent;
    --bs-table-hover-bg: var(--admin-surface-muted);
}

.admin-table > :not(caption) > * > * {
    padding: .875rem 1rem;
    border-bottom-color: var(--admin-border);
}

.admin-table > :not(caption) > * > :first-child {
    padding-left: 1.5rem;
}

.admin-table > :not(caption) > * > :last-child {
    padding-right: 1.5rem;
}

.admin-table thead th {
    background: var(--admin-surface-muted);
    color: #6b7383;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-table tbody tr:last-child > * {
    border-bottom: 0;
}

.admin-table tbody tr:hover > * {
    background: var(--admin-surface-muted);
}

.admin-table-title {
    color: var(--bs-body-color);
    font-weight: 600;
    text-decoration: none;
}

.admin-table-title:hover {
    color: var(--admin-accent);
}

.admin-table-sub {
    margin-top: .125rem;
    color: var(--bs-secondary-color);
    font-size: .8125rem;
}

.admin-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: .375rem;
}

.admin-status {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .25rem .625rem;
    border-radius: 999px;
    background: #f1f3f6;
    color: #6b7383;
    font-size: .8125rem;
    font-weight: 500;
    white-space: nowrap;
}

.admin-status::before {
    content: "";
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: currentColor;
}

.admin-status.is-active {
    background: #e8f6ee;
    color: #18794e;
}

.badge.text-bg-light {
    padding: .375rem .625rem;
    border: 1px solid var(--admin-border);
    background: var(--admin-surface) !important;
    color: #4a5261 !important;
    font-weight: 500;
}

.admin-empty {
    padding: 4rem 1.5rem;
    color: var(--bs-secondary-color);
    text-align: center;
}

.admin-empty > .bi {
    display: block;
    margin-bottom: .75rem;
    color: #c5cbd5;
    font-size: 2.5rem;
}

.pagination {
    --bs-pagination-active-bg: var(--admin-accent);
    --bs-pagination-active-border-color: var(--admin-accent);
    --bs-pagination-color: var(--bs-body-color);
    margin: 0;
}

.card-footer nav > .d-none.d-sm-flex > div:first-child {
    display: none; /* броячът е показан отделно вляво */
}

/* ---------- Потвърждение за изтриване ---------- */

.modal-content {
    border: 0;
    border-radius: .875rem;
    box-shadow: var(--admin-shadow-lg);
}

.admin-confirm {
    padding: 2rem 2rem 1.5rem;
    text-align: center;
}

.admin-confirm-icon {
    display: inline-grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin-bottom: 1rem;
    border-radius: 50%;
    background: #fdf0f0;
    color: #dc3545;
    font-size: 1.5rem;
}

.modal-footer {
    justify-content: center;
    gap: .5rem;
    padding: 0 2rem 2rem;
    border: 0;
}

.modal-footer > * {
    flex: 1;
    margin: 0;
}

.admin-aside-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--admin-border);
    color: var(--bs-secondary-color);
    font-size: .8125rem;
}

.admin-aside-meta .btn-link {
    display: inline-flex;
    gap: .375rem;
    font-size: .8125rem;
    text-decoration: none;
}

/* ---------- Редактор (TinyMCE) ---------- */

.tox.tox-tinymce {
    border-color: #dfe3e9;
    border-radius: var(--admin-radius);
}

/* ---------- Настройки ---------- */

.settings-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 1.25rem;
    border: 1px dashed #d3d8e0;
    border-radius: var(--admin-radius);
    background:
        repeating-conic-gradient(#f3f5f8 0% 25%, #fff 0% 50%) 50% / 16px 16px;
    font-size: .875rem;
    text-align: center;
}

.settings-logo img {
    display: block;
    max-width: 100%;
    max-height: 90px;
    object-fit: contain;
}

/* ---------- Профил ---------- */

.admin-avatar-lg {
    width: 72px;
    height: 72px;
    margin: 0 auto 1rem;
    font-size: 1.75rem;
}

.profile-summary {
    text-align: center;
}

.profile-summary-name {
    font-size: 1.125rem;
    font-weight: 600;
}

.profile-summary-meta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .625rem 1rem;
    margin: 1.5rem 0 0;
    padding-top: 1.25rem;
    border-top: 1px solid var(--admin-border);
    font-size: .875rem;
    text-align: left;
}

.profile-summary-meta dt {
    color: var(--bs-secondary-color);
    font-weight: 400;
}

.profile-summary-meta dd {
    margin: 0;
    font-weight: 500;
}

/* ---------- Табло ---------- */

/* ---------- Табло ---------- */

:root {
    --dash-blue: #1e91cf;
    --dash-violet: #7c5cf5;
    --dash-orange: #f0862e;
    --dash-green: #22a06b;
    --dash-teal: #0ea5b7;
    --dash-pink: #e4518a;
    --dash-amber: #e3a008;
    --dash-red: #e5484d;
    --dash-slate: #64748b;
}

.tone-blue { --tone: var(--dash-blue); }
.tone-violet { --tone: var(--dash-violet); }
.tone-orange { --tone: var(--dash-orange); }
.tone-green { --tone: var(--dash-green); }
.tone-teal { --tone: var(--dash-teal); }
.tone-pink { --tone: var(--dash-pink); }
.tone-amber { --tone: var(--dash-amber); }
.tone-red { --tone: var(--dash-red); }
.tone-slate { --tone: var(--dash-slate); }

.dash-hero {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 2rem;
    overflow: hidden;
    border-radius: calc(var(--admin-radius) * 2);
    background:
        radial-gradient(circle at 85% -20%, rgba(255, 255, 255, .22), transparent 45%),
        radial-gradient(circle at 10% 130%, rgba(124, 92, 245, .55), transparent 50%),
        linear-gradient(120deg, #1e91cf 0%, #2563eb 55%, #6d4ef0 100%);
    color: #fff;
    box-shadow: 0 18px 40px -22px rgba(37, 99, 235, .7);
}

.dash-hero-date {
    margin-bottom: .25rem;
    font-size: .8125rem;
    opacity: .8;
}

.dash-hero-title {
    margin: 0 0 .375rem;
    font-size: 1.75rem;
    font-weight: 700;
}

.dash-hero-text {
    margin: 0;
    opacity: .9;
}

.dash-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.dash-hero-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(255, 255, 255, .14);
    --bs-btn-border-color: rgba(255, 255, 255, .25);
    --bs-btn-hover-color: #1d2531;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-active-color: #1d2531;
    --bs-btn-active-bg: #fff;
    backdrop-filter: blur(4px);
}

.dash-tiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.dash-tile {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.125rem 1.25rem;
    overflow: hidden;
    border: 1px solid var(--admin-border);
    border-radius: calc(var(--admin-radius) * 1.5);
    background: var(--admin-surface);
    color: var(--bs-body-color);
    text-decoration: none;
    transition: transform .15s, box-shadow .15s, border-color .15s;
}

.dash-tile::after {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: var(--tone);
    opacity: .07;
    content: "";
}

.dash-tile:hover {
    border-color: color-mix(in srgb, var(--tone) 45%, transparent);
    box-shadow: 0 12px 24px -16px color-mix(in srgb, var(--tone) 70%, transparent);
    transform: translateY(-2px);
}

.dash-tile-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: .875rem;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--tone) 14%, transparent);
    color: var(--tone);
    font-size: 1.125rem;
}

.dash-tile-value {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1;
}

.dash-tile-label {
    font-weight: 500;
}

.dash-tile-meta {
    margin-top: .125rem;
    color: var(--bs-secondary-color);
    font-size: .75rem;
}

.dash-chart-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem;
    margin-bottom: 1.25rem;
}

.dash-chart-total {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.dash-trend {
    display: inline-flex;
    align-items: center;
    gap: .125rem;
    padding: .125rem .5rem;
    border-radius: 999px;
    font-size: .8125rem;
    font-weight: 600;
}

.dash-trend.is-up { background: color-mix(in srgb, var(--dash-green) 14%, transparent); color: var(--dash-green); }
.dash-trend.is-down { background: color-mix(in srgb, var(--dash-red) 14%, transparent); color: var(--dash-red); }

.dash-chart {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 240px;
    padding-bottom: 1px;
    border-bottom: 1px solid var(--admin-border);
    background: repeating-linear-gradient(to top, transparent 0 49px, var(--admin-border) 49px 50px);
}

.dash-bar {
    position: relative;
    flex: 1;
    height: var(--h);
    min-width: 0;
    border-radius: 5px 5px 2px 2px;
    background: linear-gradient(to top, #7c5cf5, #a48bff);
    transition: filter .15s;
}

.dash-bar:hover { filter: brightness(1.12); }
.dash-bar.is-empty { background: var(--admin-border); }
.dash-bar.is-today { background: linear-gradient(to top, #1e91cf, #5ec0f2); }

.dash-bar > span {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 2px;
    color: var(--bs-secondary-color);
    font-size: .6875rem;
    transform: translateX(-50%);
}

.dash-chart-axis {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
    color: var(--bs-secondary-color);
    font-size: .75rem;
}

.dash-donut-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

.dash-donut {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.dash-donut > div {
    display: grid;
    place-items: center;
    align-content: center;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background: var(--admin-surface);
    line-height: 1.1;
}

.dash-donut strong { font-size: 1.75rem; }
.dash-donut span { color: var(--bs-secondary-color); font-size: .75rem; }

.dash-legend {
    flex: 1;
    min-width: 160px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dash-legend a {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .375rem 0;
    color: var(--bs-body-color);
    text-decoration: none;
}

.dash-legend a:hover { color: var(--admin-accent); }
.dash-legend strong { margin-left: auto; }

.dash-dot {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: var(--tone);
}

.dash-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
    margin-top: 1.5rem;
}

.dash-mini-stats > * {
    display: grid;
    justify-items: center;
    padding: .75rem .25rem;
    border-radius: var(--admin-radius);
    background: var(--admin-surface-muted);
    color: var(--bs-body-color);
    text-decoration: none;
}

.dash-mini-stats strong { font-size: 1.125rem; }
.dash-mini-stats span { color: var(--bs-secondary-color); font-size: .75rem; }

.dash-row {
    display: flex;
    align-items: center;
    gap: .875rem;
    padding: .875rem 1.25rem;
    border-top: 1px solid var(--admin-border);
    color: var(--bs-body-color);
    text-decoration: none;
    transition: background-color .15s;
}

.card-header + .dash-row { border-top: 0; }
.dash-row:hover { background: var(--admin-surface-muted); }

.dash-row-main {
    display: grid;
    flex: 1;
    min-width: 0;
}

.dash-row-title,
.dash-row-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dash-row-sub {
    color: var(--bs-secondary-color);
    font-size: .8125rem;
}

.dash-row.is-unread .dash-row-title { font-weight: 700; }

.dash-row.is-unread .dash-row-time {
    color: var(--dash-violet);
    font-weight: 600;
}

.dash-row.is-unread .dash-row-time::before {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: .375rem;
    border-radius: 50%;
    background: currentColor;
    vertical-align: middle;
    content: "";
}

.dash-row-time {
    flex-shrink: 0;
    color: var(--bs-secondary-color);
    font-size: .75rem;
}

.dash-row-price {
    display: grid;
    flex-shrink: 0;
    justify-items: end;
    font-size: .875rem;
}

.dash-row-price s {
    color: var(--bs-secondary-color);
    font-size: .75rem;
}

.dash-avatar,
.dash-attention-icon {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--tone) 14%, transparent);
    color: var(--tone);
    font-weight: 700;
}

.dash-attention-icon { border-radius: .75rem; }

.dash-date-chip {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    align-content: center;
    width: 44px;
    height: 48px;
    border-radius: .625rem;
    background: color-mix(in srgb, var(--dash-orange) 12%, transparent);
    color: var(--dash-orange);
    line-height: 1.1;
}

.dash-date-chip strong { font-size: 1.0625rem; }
.dash-date-chip span { font-size: .6875rem; text-transform: uppercase; }

.dash-all-good > .bi { color: var(--dash-green); }

@media (min-width: 768px) {
    .dash-tiles { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 575.98px) {
    .dash-hero { padding: 1.5rem; }
    .dash-hero-title { font-size: 1.375rem; }
    .dash-chart { gap: 2px; height: 150px; }
    .dash-bar > span { display: none; }
}

/* ---------- Вход ---------- */

.admin-auth {
    display: grid;
    place-items: center;
    min-height: 100vh;
    padding: 1.5rem;
    background:
        radial-gradient(1200px 600px at 10% -10%, rgba(var(--admin-accent-rgb), .12), transparent 60%),
        var(--admin-body-bg);
}

.admin-auth-wrap {
    width: 100%;
    max-width: 420px;
}

.admin-auth-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-bottom: 1.75rem;
}

.admin-auth-brand .admin-brand-mark {
    width: 40px;
    height: 40px;
    font-size: 1.125rem;
}

.admin-auth-logo {
    display: block;
    max-width: 240px;
    max-height: 80px;
    object-fit: contain;
}

.admin-auth-site {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: -.02em;
}

.admin-auth-card {
    padding: 2.25rem 2rem;
    border: 1px solid var(--admin-border);
    border-radius: .75rem;
    background: var(--admin-surface);
    box-shadow: var(--admin-shadow-lg);
}

/* ---------- Права за достъп ---------- */

.admin-status.is-super {
    background: #fff6e0;
    color: #a26800;
}

.admin-status.is-super::before {
    display: none;
}

.admin-permissions .form-check-input {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    cursor: pointer;
}

.admin-permissions td:first-child {
    font-weight: 500;
}

.admin-permissions-icon {
    margin-right: .625rem;
    color: var(--admin-accent);
}

.admin-permissions th:last-child,
.admin-permissions td:last-child {
    border-left: 1px solid var(--admin-border);
}

.card-header .form-check-label {
    font-size: .875rem;
}

.admin-mobilebar-brand {
    display: flex;
    align-items: center;
    gap: .625rem;
    min-width: 0;
    color: var(--bs-body-color);
    text-decoration: none;
}

.admin-mobilebar-brand .admin-brand-mark {
    width: 30px;
    height: 30px;
    font-size: .875rem;
}

/* ---------- Снимки ---------- */

.admin-image-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    overflow: hidden;
    border: 1px dashed #d3d8e0;
    border-radius: var(--admin-radius);
    background: var(--admin-surface-muted);
    font-size: .875rem;
    text-align: center;
}

.admin-image-preview img {
    display: block;
    width: 100%;
    max-height: 240px;
    object-fit: cover;
}

.admin-thumb {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 56px;
    height: 42px;
    overflow: hidden;
    border-radius: .375rem;
    background: #f1f3f6;
    color: #b3bac6;
}

.admin-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-logo {
    background: #fff;
    border: 1px solid var(--admin-border, #e6e9ee);
}

.admin-logo img {
    padding: 4px;
    object-fit: contain;
}

.admin-logo-letter {
    font-weight: 600;
    font-size: 1.1rem;
    color: #8a93a3;
}

.admin-featured {
    color: #f0a500;
}

.admin-status.is-scheduled {
    background: #eaf4fb;
    color: var(--admin-accent);
}

/* ---------- Модули на сайта ---------- */

.admin-modules-summary {
    display: flex;
    align-items: baseline;
    gap: .5rem;
}

.admin-modules-count {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: -.01em;
}

.admin-modules-header {
    align-items: flex-start;
    padding: 1.5rem 1.5rem 1rem;
    border: 0;
}

.admin-modules-toolbar {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 0 1.5rem 1rem;
    border-bottom: 1px solid var(--admin-border);
}

.admin-modules-toolbar .admin-search {
    max-width: none;
}

.admin-modules-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: .5rem;
}

.admin-module {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .625rem .75rem;
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius);
    cursor: pointer;
    transition: border-color .15s, background-color .15s;
}

.admin-module:hover {
    border-color: rgba(var(--admin-accent-rgb), .4);
}

.admin-module:has(input:checked) {
    border-color: rgba(var(--admin-accent-rgb), .35);
    background: var(--admin-accent-soft);
}

.admin-module-icon {
    color: var(--admin-accent);
}

.admin-module-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-size: .875rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-modules-footer {
    justify-content: flex-end;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--admin-border);
}

.admin-modules-footer > * {
    flex: 0 0 auto;
}

/* ---------- Съобщения ---------- */

.admin-nav-badge {
    margin-left: auto;
    padding: .125rem .5rem;
    border-radius: 999px;
    background: #dc3545;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.4;
}

.sidebar-collapsed .admin-nav-link {
    position: relative;
}

.sidebar-collapsed .admin-nav-badge {
    position: absolute;
    top: 2px;
    right: 6px;
    padding: 0 .35rem;
    font-size: .625rem;
}

.admin-check-col {
    width: 1%;
}

.admin-table .admin-check-col .form-check-input {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    cursor: pointer;
}

.admin-inbox tr.is-unread > td {
    background: #f7fbfe;
}

.admin-inbox tr.is-unread .admin-table-title,
.admin-inbox tr.is-unread .admin-inbox-subject {
    font-weight: 700;
}

.admin-inbox tr.is-unread .admin-table-title::before {
    content: "";
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background: var(--admin-accent);
    vertical-align: middle;
}

.admin-inbox-text {
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-inbox-subject {
    font-weight: 500;
}

.admin-bulkbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1.5rem;
    border-bottom: 1px solid var(--admin-border);
    background: var(--admin-accent-soft);
}

.admin-bulkbar > span {
    margin-right: .5rem;
    font-size: .875rem;
}

.admin-bulkbar[hidden] {
    display: none;
}

.admin-message-meta {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: .5rem 1rem;
    margin: 0 0 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--admin-border);
}

.admin-message-meta dt {
    color: var(--bs-secondary-color);
    font-weight: 400;
}

.admin-message-meta dd {
    margin: 0;
    font-weight: 500;
}

.admin-message-body {
    font-size: 1rem;
    line-height: 1.7;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* ---------- Продукти ---------- */

.admin-thumb-square {
    width: 48px;
    height: 48px;
}

.admin-status.is-danger {
    background: #fdf0f0;
    color: #c9302c;
}

.admin-gallery,
.admin-gallery-new {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: .875rem;
}

.admin-gallery:empty,
.admin-gallery-new:empty {
    display: none;
}

.admin-gallery-item {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .5rem;
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius);
    background: var(--admin-surface);
    transition: opacity .15s, border-color .15s;
}

.admin-gallery-item[draggable="true"] {
    cursor: grab;
}

.admin-gallery-item.is-dragging {
    opacity: .4;
}

.admin-gallery-item:has(input[type="checkbox"]:checked) {
    border-color: #f1b0b7;
    opacity: .55;
}

.admin-gallery-item:has(input[type="checkbox"]:checked) .admin-gallery-thumb img {
    filter: grayscale(1);
}

.admin-gallery-item.is-new {
    border-style: dashed;
    border-color: rgba(var(--admin-accent-rgb), .45);
}

.admin-gallery-thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    border-radius: .375rem;
    background: var(--admin-surface-muted);
}

.admin-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-gallery-main,
.admin-gallery-badge {
    position: absolute;
    top: .375rem;
    left: .375rem;
    padding: .125rem .5rem;
    border-radius: 999px;
    background: var(--admin-accent);
    color: #fff;
    font-size: .6875rem;
    font-weight: 600;
}

.admin-gallery-main {
    display: none;
}

.admin-gallery > .admin-gallery-item:first-child .admin-gallery-main {
    display: block;
}

.admin-gallery > .admin-gallery-item:first-child {
    border-color: rgba(var(--admin-accent-rgb), .55);
}

.admin-gallery > .admin-gallery-item:first-child [data-admin-gallery-first] {
    display: none;
}

.admin-gallery-handle {
    position: absolute;
    top: .375rem;
    right: .375rem;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: .375rem;
    background: rgba(255, 255, 255, .9);
    color: #4a5261;
}

.admin-gallery-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
}

.admin-gallery-actions .btn {
    flex: 1;
    gap: .25rem;
    padding: .25rem .5rem;
    font-size: .75rem;
}

.admin-gallery-remove:has(input:checked) {
    background: #dc3545;
    color: #fff;
}

.admin-gallery-remove:has(input:checked) span::after {
    content: " ✓";
}

.admin-gallery-file {
    overflow: hidden;
    color: var(--bs-secondary-color);
    font-size: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    padding: 1.5rem;
    border: 2px dashed #d3d8e0;
    border-radius: var(--admin-radius);
    background: var(--admin-surface-muted);
    color: #4a5261;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s, background-color .15s;
}

.admin-dropzone > .bi {
    color: var(--admin-accent);
    font-size: 1.75rem;
}

.admin-dropzone:hover,
.admin-dropzone.is-over {
    border-color: var(--admin-accent);
    background: var(--admin-accent-soft);
}

.admin-specs {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: .75rem;
}

.admin-spec-row {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) auto;
    gap: .5rem;
}

/* ---------- Категории (дърво) ---------- */

.admin-tree {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-left: calc(var(--depth, 0) * 1.75rem);
}

.admin-tree-branch {
    margin-right: -.25rem;
    color: #b3bac6;
}

.admin-category-picker {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius);
}

.admin-category-picker label {
    display: flex;
    align-items: center;
    gap: .625rem;
    margin: 0;
    padding: .5rem .75rem .5rem calc(.75rem + var(--depth, 0) * 1.25rem);
    border-bottom: 1px solid var(--admin-border);
    font-size: .875rem;
    cursor: pointer;
}

.admin-category-picker label:last-child {
    border-bottom: 0;
}

.admin-category-picker label:hover {
    background: var(--admin-surface-muted);
}

.admin-category-picker label:has(input:checked) {
    background: var(--admin-accent-soft);
    font-weight: 500;
}

.admin-category-picker .form-check-input {
    margin: 0;
}

/* ---------- Езици и преводи ---------- */

.admin-lang-code {
    display: inline-block;
    padding: .0625rem .375rem;
    border-radius: .25rem;
    background: #eef0f4;
    color: #6b7585;
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    vertical-align: middle;
}

.admin-lang-code.is-done {
    background: rgba(34, 160, 107, .12);
    color: #1b8a5a;
}

.admin-table-title + .admin-lang-code,
.admin-lang-code + .admin-lang-code {
    margin-left: .25rem;
}

.admin-lang-switch {
    display: flex;
    gap: .25rem;
    margin-bottom: 1.5rem;
    padding: .25rem;
    overflow-x: auto;
    border: 1px solid var(--admin-border);
    border-radius: calc(var(--admin-radius) + .25rem);
    background: var(--admin-surface);
}

.vstack > .admin-lang-switch {
    margin-bottom: 0;
}

.admin-lang-switch > button {
    position: relative;
    display: inline-flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .5rem 1rem;
    border: 0;
    border-radius: var(--admin-radius);
    background: transparent;
    color: var(--bs-secondary-color);
    font-weight: 600;
    white-space: nowrap;
    transition: background-color .15s, color .15s;
}

.admin-lang-switch > button:hover {
    background: var(--admin-surface-muted);
    color: var(--bs-body-color);
}

.admin-lang-switch > button.active {
    background: var(--admin-accent);
    color: #fff;
}

.admin-lang-switch-code {
    padding: .0625rem .375rem;
    border-radius: .25rem;
    background: rgba(0, 0, 0, .06);
    font-size: .6875rem;
    text-transform: uppercase;
}

.admin-lang-switch > button.active .admin-lang-switch-code {
    background: rgba(255, 255, 255, .22);
}

/* зелена точка – преведено, червена – има грешка в превода */
.admin-lang-switch > button.is-done::after,
.admin-lang-switch > button.has-error::after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22a06b;
    content: "";
}

.admin-lang-switch > button.has-error::after {
    background: #e5484d;
}

.settings-group-title {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .25rem 0 1rem;
    color: var(--bs-secondary-color);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.settings-group-title .bi {
    color: #f0a500;
}

.settings-group-title::after {
    flex: 1;
    height: 1px;
    background: var(--admin-border);
    content: "";
}

.admin-image-preview video {
    display: block;
    width: 100%;
    max-height: 220px;
    object-fit: cover;
}

/* ---------- Слайдер ---------- */

.admin-slide-thumb {
    width: 88px;
    height: 50px;
}

.admin-slide-preview img,
.admin-slide-preview video {
    width: 100%;
    max-height: 260px;
    object-fit: cover;
}

.admin-choice {
    display: inline-flex;
    gap: .25rem;
    padding: .25rem;
    border: 1px solid var(--admin-border);
    border-radius: calc(var(--admin-radius) + .25rem);
}

.admin-choice .btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1.25rem;
    border: 0;
    color: var(--bs-secondary-color);
    font-weight: 600;
}

.admin-choice .btn-check:checked + .btn {
    background: var(--admin-accent);
    color: #fff;
}

.admin-or {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    color: var(--bs-secondary-color);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.admin-or::before,
.admin-or::after {
    flex: 1;
    height: 1px;
    background: var(--admin-border);
    content: "";
}

/* ---------- Логата за плащане и доставка ---------- */

.admin-trust-logos {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.admin-trust-logo {
    display: grid;
    gap: .5rem;
    justify-items: center;
    width: 120px;
    padding: .75rem;
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius);
    cursor: pointer;
}

.admin-trust-logo img {
    max-width: 100%;
    height: 36px;
    object-fit: contain;
}

.admin-trust-logo:has(input:checked) {
    border-color: #e5484d;
    opacity: .6;
}

/* ---------- Поръчки ---------- */

.admin-status.is-new {
    background: rgba(var(--admin-accent-rgb), .12);
    color: var(--admin-accent);
}

.admin-status.is-shipped {
    background: rgba(124, 92, 245, .12);
    color: #6a4be0;
}

.admin-order-totals {
    display: grid;
    gap: .375rem;
    max-width: 360px;
    margin-left: auto;
    border-top: 1px solid var(--admin-border);
}

.admin-order-totals > div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.admin-order-totals .is-total {
    margin-top: .375rem;
    padding-top: .5rem;
    border-top: 1px solid var(--admin-border);
    font-size: 1.0625rem;
    font-weight: 700;
}

.admin-order-info {
    display: grid;
    gap: .25rem;
}

.admin-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .04em;
}