:root {
    --admin-ui-radius-sm: 10px;
    --admin-ui-radius-md: 14px;
    --admin-ui-radius-lg: 18px;
    --admin-ui-gap-sm: 10px;
    --admin-ui-gap-md: 16px;
    --admin-ui-gap-lg: 24px;
    --admin-ui-border: #e2e8f0;
    --admin-ui-border-strong: #cbd5e1;
    --admin-ui-toolbar-surface: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    --admin-ui-toolbar-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
    --admin-ui-table-grid: #c7cfdb;
    --admin-ui-table-grid-strong: #b8c2d0;
    --admin-ui-table-head: #f3f6fb;
    --admin-ui-table-hover: #f7fbff;
    --admin-ui-table-state: #f8fafc;
    --admin-ui-table-action-shadow: 0 3px 10px rgba(15, 23, 42, 0.08);
    --admin-ui-surface: #ffffff;
    --admin-ui-surface-muted: #f8fafc;
    --admin-ui-text: #0f172a;
    --admin-ui-text-muted: #64748b;
    --admin-ui-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
    --admin-ui-shadow-hover: 0 14px 32px rgba(15, 23, 42, 0.12);
    --admin-ui-control-height: 40px;
    --admin-ui-action-height: 34px;
    --admin-ui-toast-surface: rgba(255, 255, 255, 0.96);
    --admin-ui-toast-border: rgba(148, 163, 184, 0.2);
    --admin-ui-toast-shadow: 0 18px 42px rgba(15, 23, 42, 0.16);
    --admin-ui-overlay-bg: rgba(15, 23, 42, 0.56);
    --admin-ui-overlay-blur: blur(7px);
    --admin-ui-overlay-saturate: saturate(130%);
}

.admin-content--shell {
    max-width: 1440px;
    width: min(1440px, calc(100vw - 48px));
    margin: 0 auto;
}

.section-card,
.admin-users__section-card,
.admin-products__section-card,
.admin-purchase__section-card,
.admin-ops__section,
.admin-chat-card,
.admin-notifications-compose-card,
.admin-settings-card,
.admin-refunds__modal,
.admin-users__overlay-card,
.admin-notification-detail__content,
.admin-shell-inline-dialog__content,
.admin-shell-dialog__content,
.modal-content {
    border-color: var(--admin-ui-border);
    border-radius: var(--admin-ui-radius-md);
    box-shadow: var(--admin-ui-shadow);
    background: var(--admin-ui-surface);
}

.section-header,
.admin-products__header,
.admin-purchase__header,
.admin-ops__section-header,
.admin-users__header,
.admin-chat__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 20px;
}

body :is(
    .modal,
    .modal-overlay,
    .renewal-admin__modal,
    .renewal-admin__modal--dark,
    .admin-case-stats__modal,
    .admin-accounting__modal,
    .admin-crash__modal,
    .admin-notification-detail,
    .admin-letter-dialog,
    .admin-tickets__preview-overlay,
    .admin-users__overlay-backdrop,
    #case-detail-modal .modal-overlay
) {
    background: var(--admin-ui-overlay-bg) !important;
    backdrop-filter: var(--admin-ui-overlay-blur) var(--admin-ui-overlay-saturate);
    -webkit-backdrop-filter: var(--admin-ui-overlay-blur) var(--admin-ui-overlay-saturate);
}

.section-title,
.modal-title,
.admin-products__title,
.admin-notification-detail__title,
.admin-chat__title-row,
.admin-users__overlay-title,
.renewal-admin__modal-title {
    margin: 0;
    color: var(--admin-ui-text);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

:is(
    .stats-grid,
    .admin-licenses__stats-grid,
    .admin-purchase__stats-grid,
    .renewal-admin__stats-grid,
    .admin-tickets__stats,
    .admin-mass-email__stats-grid,
    .app-version-stats-grid
) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--admin-ui-gap-md);
}

:is(
    .stat-card,
    .admin-licenses__stat-card,
    .admin-refunds__stat-card,
    .admin-purchase__stat-card,
    .renewal-admin__stat-card,
    .admin-mass-email__stat-card,
    .app-version-stat-card
) {
    min-height: 96px;
    padding: 20px;
    border: 1px solid var(--admin-ui-border);
    border-radius: var(--admin-ui-radius-md);
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: var(--admin-ui-shadow);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

body:not(.login-page):not(.activation-page) :is(
    .stat-card,
    .admin-licenses__stat-card,
    .admin-refunds__stat-card,
    .admin-purchase__stat-card,
    .renewal-admin__stat-card,
    .admin-mass-email__stat-card,
    .app-version-stat-card
):hover,
body:not(.login-page):not(.activation-page) :is(
    .stat-card,
    .admin-licenses__stat-card,
    .admin-refunds__stat-card,
    .admin-purchase__stat-card,
    .renewal-admin__stat-card,
    .admin-mass-email__stat-card,
    .app-version-stat-card
):focus-within,
body:not(.login-page):not(.activation-page) :is(
    .stat-card,
    .admin-licenses__stat-card,
    .admin-refunds__stat-card,
    .admin-purchase__stat-card,
    .renewal-admin__stat-card,
    .admin-mass-email__stat-card,
    .app-version-stat-card
):active {
    transform: none !important;
    border-color: #f0b90b !important;
    box-shadow: var(--admin-ui-shadow-hover) !important;
}

:is(
    .stat-card h3,
    .admin-mass-email__stat-label,
    .app-version-stat-card__label
) {
    margin: 0;
    color: var(--admin-ui-text-muted);
    font-size: 12px;
    font-weight: 600;
}

:is(
    .stat-card .value,
    .admin-mass-email__stat-value,
    .app-version-stat-card__value
) {
    color: var(--admin-ui-text);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
}

:is(
    .btn,
    .btn-sm,
    .btn-lg,
    .btn-modal,
    .custom-dialog-btn,
    .admin-products__action-button,
    .admin-purchase__toolbar-button,
    .admin-purchase__row-button,
    .admin-purchase__save-button,
    .admin-licenses__detail-button,
    .admin-accounting__detail-button,
    .admin-case-stats__detail-button,
    .admin-crash__action-button,
    .admin-refunds__action-button,
    .admin-notifications-table__action-button,
    .admin-staff__action-button,
    .admin-mass-email__action-button,
    .renewal-admin__modal-btn,
    .renewal-admin__action-btn,
    .renewal-admin__save-btn,
    .renewal-admin__refresh-btn,
    .renewal-admin__qr-copy-btn,
    .admin-debug-log-toolbar__button
) {
    min-height: var(--admin-ui-action-height);
    padding: 0 12px;
    border-radius: var(--admin-ui-radius-sm);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
}

:is(
    .btn,
    .btn-sm,
    .btn-lg,
    .btn-modal,
    .custom-dialog-btn,
    .admin-products__action-button,
    .admin-purchase__toolbar-button,
    .admin-purchase__row-button,
    .admin-purchase__save-button,
    .admin-licenses__detail-button,
    .admin-accounting__detail-button,
    .admin-case-stats__detail-button,
    .admin-crash__action-button,
    .admin-refunds__action-button,
    .admin-notifications-table__action-button,
    .admin-staff__action-button,
    .admin-mass-email__action-button,
    .renewal-admin__modal-btn,
    .renewal-admin__action-btn,
    .renewal-admin__save-btn,
    .renewal-admin__refresh-btn,
    .renewal-admin__qr-copy-btn,
    .admin-debug-log-toolbar__button
):hover {
    box-shadow: var(--admin-ui-shadow-hover) !important;
}

:is(
    .form-control,
    .admin-users__input,
    .admin-ops__control,
    .admin-ops-alert__input,
    .renewal-admin__input,
    .admin-staff__input
) {
    min-height: var(--admin-ui-control-height);
    border-color: var(--admin-ui-border-strong);
    border-radius: var(--admin-ui-radius-sm);
    color: var(--admin-ui-text);
    box-sizing: border-box;
}

:is(
    .admin-purchase__toolbar,
    .admin-purchase__toolbar-group,
    .admin-purchase__toolbar-actions,
    .admin-refunds__toolbar,
    .bsc-toolbar,
    .admin-users__devices-toolbar,
    .admin-chat__filters,
    .renewal-admin__toolbar,
    .renewal-admin__toolbar-group,
    .renewal-admin__filters,
    .renewal-admin__nav,
    .renewal-admin__wallet-header,
    .users-selection-toolbar,
    .admin-debug-log-toolbar,
    .legal-doc-edit-actions,
    .legal-doc-footer-actions,
    .legal-doc-toolbar-group,
    .admin-ops__actions--log,
    .admin-ops-alert__actions
) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

:is(
    .admin-refunds__toolbar-card,
    .bsc-toolbar,
    .admin-users__devices-toolbar,
    .admin-chat__filters,
    .renewal-admin__toolbar,
    .admin-tickets__filters,
    .admin-notifications-history-actions,
    .admin-case-stats__filters,
    .admin-accounting__filters,
    .admin-crash__filters,
    .admin-audit__filter-card,
    .admin-ui-toolbar-surface
) {
    padding: 14px 16px;
    border: 1px solid var(--admin-ui-border);
    border-radius: var(--admin-ui-radius-md);
    background: var(--admin-ui-toolbar-surface);
    box-shadow: var(--admin-ui-toolbar-shadow);
}

:is(
    .admin-purchase__toolbar,
    .admin-refunds__toolbar,
    .renewal-admin__toolbar,
    .admin-chat__filters
) {
    margin-bottom: 16px;
}

:is(
    .admin-purchase__toolbar-group,
    .renewal-admin__toolbar-group,
    .renewal-admin__filters
) > * {
    flex: 1 1 180px;
    min-width: 180px;
}

:is(
    .section-title + *,
    .admin-ops__section-subtitle,
    .admin-ops-alert__subtitle,
    .admin-products__helper-text,
    .admin-notifications-table__state,
    .admin-products__table-state,
    .admin-purchase__table-state,
    .admin-audit__table-state,
    .admin-db-backup__table-state,
    .admin-case-stats__table-state,
    .admin-accounting__table-state,
    .admin-ops__table-state,
    .admin-refunds__table-state,
    .admin-tickets__table-state,
    .admin-staff__table-state
) {
    color: var(--admin-ui-text-muted);
}

:is(.data-table, .license-table) {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--admin-ui-table-grid-strong);
    background: var(--admin-ui-surface);
}

.admin-content--shell .table-container {
    border: 1px solid var(--admin-ui-table-grid-strong);
    border-radius: var(--admin-ui-radius-md);
    background: var(--admin-ui-surface);
    overflow: auto !important;
}

.admin-content--shell .table-container :is(.data-table, .license-table) {
    border: none;
}

:is(.data-table, .license-table) :is(th, td) {
    padding: 13px 14px;
    line-height: 1.45;
}

:is(.data-table, .license-table) th {
    background: var(--admin-ui-table-head) !important;
    color: var(--admin-ui-text-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    text-transform: none;
    border-right: 1px solid var(--admin-ui-table-grid) !important;
    border-bottom: 1px solid var(--admin-ui-table-grid-strong) !important;
}

:is(.data-table, .license-table) td {
    color: var(--admin-ui-text);
    font-size: 13px;
    vertical-align: middle;
    border-right: 1px solid var(--admin-ui-table-grid);
    border-bottom: 1px solid var(--admin-ui-table-grid);
}

:is(.data-table, .license-table) :is(th, td):last-child {
    border-right: none !important;
}

:is(.data-table, .license-table) tbody > tr:last-child:not(.selected) > td {
    border-bottom: none;
}

:is(.data-table, .license-table) tbody > tr {
    transition: background-color 0.16s ease;
}

body :is(table, .data-table, .license-table) {
    table-layout: auto;
}

body :is(table, .data-table, .license-table) :is(th, td) {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body :is(table, .data-table, .license-table) :is(code, a, span, strong, button) {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body .admin-users__devices-table {
    table-layout: auto !important;
}

body .admin-users__devices-table :is(th, td) {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
}

body .admin-users__devices-table td:nth-child(2),
body .admin-users__devices-table td:nth-child(4) {
    white-space: normal !important;
}

body .admin-users__devices-table .admin-users__device-name {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

body .admin-users__devices-table .admin-users__device-machine-id {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

body .admin-users__devices-table :is(.admin-users__device-status, .admin-users__device-actions, .admin-users__device-action) {
    white-space: nowrap !important;
}

body :is(
    .admin-case-stats__ellipsis-cell,
    .admin-accounting__ellipsis-cell,
    .renewal-admin__cell-truncate,
    .admin-helper-version-cell--truncate,
    .admin-audit__path-cell,
    .admin-audit__target-cell,
    .admin-tickets__title-cell,
    .admin-users__device-machine-id,
    .admin-users__address-button,
    .admin-licenses__mono-cell,
    .admin-refunds__cell--mono,
    .renewal-admin__cell-mono,
    .renewal-admin__cell-mono-sm,
    .mono-small
) {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

:is(.data-table, .license-table) tbody tr:hover {
    background: var(--admin-ui-table-hover);
}

:is(.data-table, .license-table) :is(
    .btn,
    .btn-sm,
    .btn-modal,
    .admin-products__action-button,
    .admin-purchase__row-button,
    .admin-licenses__detail-button,
    .admin-accounting__detail-button,
    .admin-case-stats__detail-button,
    .admin-crash__action-button,
    .admin-refunds__action-button,
    .admin-notifications-table__action-button,
    .admin-staff__action-button
) {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 10px;
    white-space: nowrap !important;
    gap: 0 !important;
    box-shadow: none !important;
    vertical-align: middle;
}

:is(.data-table, .license-table) :is(
    .btn,
    .btn-sm,
    .btn-modal,
    .admin-products__action-button,
    .admin-purchase__row-button,
    .admin-licenses__detail-button,
    .admin-accounting__detail-button,
    .admin-case-stats__detail-button,
    .admin-crash__action-button,
    .admin-refunds__action-button,
    .admin-notifications-table__action-button,
    .admin-staff__action-button
) > i {
    display: none !important;
}

:is(.data-table, .license-table) :is(
    .btn,
    .btn-sm,
    .btn-modal,
    .admin-products__action-button,
    .admin-purchase__row-button,
    .admin-licenses__detail-button,
    .admin-accounting__detail-button,
    .admin-case-stats__detail-button,
    .admin-crash__action-button,
    .admin-refunds__action-button,
    .admin-notifications-table__action-button,
    .admin-staff__action-button
):hover {
    box-shadow: var(--admin-ui-table-action-shadow) !important;
}

:is(.data-table, .license-table) :is(
    .admin-licenses__status-badge,
    .admin-licenses__type-badge,
    .admin-purchase__status-badge,
    .admin-users__device-status,
    .admin-users__flag,
    .admin-users__purchase-status,
    .renewal-admin__status-badge,
    [class*="__status-badge"],
    [class*="__type-badge"],
    [class*="__device-status"],
    [class*="__purchase-status"],
    [class*="__flag"]
) {
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap !important;
    vertical-align: middle;
}

:is(.data-table, .license-table) :is(td, th)[class*="__table-state"] {
    background: var(--admin-ui-table-state);
    text-align: center;
    font-weight: 500;
}

:is(.data-table, .license-table) :is(td, th)[class*="__table-state"] i {
    margin-right: 6px;
}

:is(
    .admin-products__row-actions,
    .admin-purchase__row-actions,
    .admin-licenses__row-actions,
    .admin-referrals__action-row,
    .admin-refunds__row-actions,
    .admin-users__row-actions,
    .admin-audit__row-actions,
    .admin-db-backup__row-actions,
    .admin-crash__row-actions,
    .admin-tickets__actions,
    .admin-helper-version-actions,
    .admin-chat__actions-row
) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

:is(
    .admin-products__row-actions,
    .admin-purchase__row-actions,
    .admin-licenses__row-actions,
    .admin-referrals__action-row,
    .admin-refunds__row-actions,
    .admin-users__row-actions,
    .admin-audit__row-actions,
    .admin-db-backup__row-actions,
    .admin-crash__row-actions,
    .admin-tickets__actions,
    .admin-helper-version-actions,
    .admin-chat__actions-row
) > * {
    flex: 0 0 auto;
}

:is(
    .pagination,
    .admin-tickets__pagination,
    .admin-notifications-pagination,
    .admin-referrals__pagination,
    .admin-licenses__pagination,
    .renewal-admin__pagination,
    .admin-case-stats__pagination,
    .admin-accounting__pagination,
    .admin-crash__pagination,
    .admin-audit__pagination,
    .admin-ui-pagination-surface
) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 14px 16px;
    border: 1px solid var(--admin-ui-border);
    border-radius: var(--admin-ui-radius-md);
    background: var(--admin-ui-toolbar-surface);
    box-shadow: var(--admin-ui-toolbar-shadow);
}

:is(
    .pagination button,
    .admin-tickets__pagination button,
    .admin-notifications-pagination button,
    .admin-referrals__pagination button,
    .admin-licenses__pagination button,
    .renewal-admin__pagination-btn,
    .admin-case-stats__pagination button,
    .admin-accounting__pagination button,
    .admin-crash__pagination button,
    .admin-audit__pagination button
) {
    min-height: 34px;
    padding: 0 12px;
    border-radius: var(--admin-ui-radius-sm);
    font-size: 12px;
    font-weight: 600;
}

:is(
    .admin-licenses__pagination,
    .renewal-admin__pagination,
    .admin-accounting__pagination,
    .admin-crash__pagination,
    .admin-audit__pagination
) {
    justify-content: space-between;
}

:is(
    .admin-tickets__pagination,
    .admin-notifications-pagination,
    .admin-referrals__pagination,
    .admin-case-stats__pagination
) {
    justify-content: center;
}

:is(
    .admin-licenses__pagination-info,
    .admin-referrals__page-summary,
    .renewal-admin__pagination-summary,
    .renewal-admin__pagination-page,
    .admin-accounting__page-info,
    .admin-crash__page-info,
    .admin-audit__page-info,
    .admin-ui-pagination-summary
) {
    color: var(--admin-ui-text-muted);
    font-size: 12px;
    font-weight: 600;
}

:is(
    .admin-licenses__pagination-actions,
    .admin-audit__page-actions,
    .admin-ui-pagination-actions
) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

:is(
    .modal-footer,
    .admin-shell-dialog__footer,
    .admin-staff__modal-footer,
    .admin-refunds__modal-footer,
    .admin-settings-modal-footer,
    .admin-debug-log-modal__footer
) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid var(--admin-ui-border);
}

.admin-ui-top-close-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.admin-ui-top-close-btn,
:is(
    .modal-close,
    .admin-users__overlay-close,
    .admin-audit__detail-close,
    .admin-notification-detail__close,
    .admin-mass-email-dialog__close,
    .admin-letter-dialog__close,
    .admin-case-stats__modal-close,
    .admin-accounting__modal-close,
    .admin-crash__modal-close,
    .renewal-admin__modal-close
) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--admin-ui-text-muted);
    flex: 0 0 auto;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.admin-ui-top-close-btn:hover {
    background: rgba(148, 163, 184, 0.14);
    color: var(--admin-ui-text);
}

:is(
    .modal-close,
    .admin-users__overlay-close,
    .admin-audit__detail-close,
    .admin-notification-detail__close,
    .admin-mass-email-dialog__close,
    .admin-letter-dialog__close,
    .admin-case-stats__modal-close,
    .admin-accounting__modal-close,
    .admin-crash__modal-close,
    .renewal-admin__modal-close
):hover {
    background: rgba(148, 163, 184, 0.14);
    color: var(--admin-ui-text);
    transform: translateY(-1px);
}

.admin-shell-dialog__footer--center {
    justify-content: center;
}

body.admin-minimal-icons :is(.data-table, .license-table) :is(button, a)[title]:has(> i:only-child) {
    min-width: 58px;
    padding: 0 12px !important;
    font-size: 0 !important;
}

body.admin-minimal-icons :is(.data-table, .license-table) :is(button, a)[title]:has(> i:only-child) > i {
    display: none !important;
}

body.admin-minimal-icons :is(.data-table, .license-table) :is(button, a)[title]:has(> i:only-child)::after {
    content: attr(title);
    font-size: 12px;
    font-weight: 600;
    color: currentColor;
}

.admin-toast-container {
    position: fixed;
    top: 88px;
    right: 24px;
    z-index: 999999 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: min(360px, calc(100vw - 24px));
    pointer-events: none;
}

.admin-toast-container .toast {
    --admin-toast-accent: #2563eb;
    --admin-toast-soft: rgba(37, 99, 235, 0.14);
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--admin-ui-toast-border);
    border-radius: 18px;
    background: var(--admin-ui-toast-surface);
    box-shadow: var(--admin-ui-toast-shadow);
    color: var(--admin-ui-text);
    overflow: hidden;
    isolation: isolate;
    backdrop-filter: blur(18px);
    animation: adminToastIn 0.22s ease-out;
    pointer-events: auto;
}

.admin-toast-container .toast::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--admin-toast-accent);
}

.admin-toast-container .toast.toast--success,
.admin-toast-container .toast.success {
    --admin-toast-accent: #16a34a;
    --admin-toast-soft: rgba(22, 163, 74, 0.16);
}

.admin-toast-container .toast.toast--error,
.admin-toast-container .toast.error {
    --admin-toast-accent: #ef4444;
    --admin-toast-soft: rgba(239, 68, 68, 0.16);
}

.admin-toast-container .toast.toast--warning,
.admin-toast-container .toast.warning {
    --admin-toast-accent: #f59e0b;
    --admin-toast-soft: rgba(245, 158, 11, 0.18);
}

.admin-toast-container .toast.toast--info,
.admin-toast-container .toast.info {
    --admin-toast-accent: #2563eb;
    --admin-toast-soft: rgba(37, 99, 235, 0.14);
}

.admin-toast__content {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
    padding: 16px 16px 16px 18px;
}

.admin-toast__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--admin-toast-soft);
    color: var(--admin-toast-accent);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.admin-toast__icon i {
    font-size: 16px;
    line-height: 1;
}

.admin-toast__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 1px;
}

.admin-toast__title {
    color: var(--admin-ui-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.admin-toast__message {
    color: var(--admin-ui-text-muted);
    font-size: 13px;
    line-height: 1.45;
    word-break: break-word;
}

.admin-toast__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: -2px -4px 0 0;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.admin-toast__close:hover {
    background: rgba(148, 163, 184, 0.14);
    color: var(--admin-ui-text);
    transform: translateY(-1px);
}

.admin-toast__close i {
    font-size: 14px;
    line-height: 1;
}

.admin-toast-container .toast.toast--closing {
    animation: adminToastOut 0.2s ease-in forwards;
}

@keyframes adminToastIn {
    from {
        opacity: 0;
        transform: translate3d(18px, -10px, 0) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes adminToastOut {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    to {
        opacity: 0;
        transform: translate3d(20px, -6px, 0) scale(0.98);
    }
}

@media (max-width: 768px) {
    .section-title,
    .modal-title,
    .admin-products__title,
    .admin-notification-detail__title,
    .admin-chat__title-row,
    .admin-users__overlay-title,
    .renewal-admin__modal-title {
        font-size: 18px;
    }

    :is(
        .btn,
        .btn-sm,
        .btn-lg,
        .btn-modal,
        .custom-dialog-btn,
        .admin-products__action-button,
        .admin-purchase__toolbar-button,
        .admin-purchase__row-button,
        .admin-purchase__save-button,
        .admin-refunds__action-button,
        .admin-notifications-table__action-button,
        .admin-staff__action-button,
        .admin-mass-email__action-button,
        .renewal-admin__modal-btn
    ) {
        min-height: 36px;
    }

    .admin-content--shell {
        width: min(100vw - 24px, 1440px);
    }

    :is(
        .stats-grid,
        .admin-licenses__stats-grid,
        .admin-purchase__stats-grid,
        .renewal-admin__stats-grid,
        .admin-tickets__stats,
        .admin-mass-email__stats-grid,
        .app-version-stats-grid
    ) {
        grid-template-columns: 1fr;
    }

    .admin-toast-container {
        top: 72px;
        right: 12px;
        left: 12px;
        width: auto;
    }

    .admin-toast__content {
        grid-template-columns: 36px minmax(0, 1fr) auto;
        gap: 12px;
        padding: 14px 14px 14px 16px;
    }

    .admin-toast__icon {
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }
}