:root {
    --awa-color-primary: #2d6c9f;
    --awa-color-primary-dark: #1f4f78;
    --awa-color-primary-soft: #eaf3fb;

    --awa-color-secondary: #0f9f94;
    --awa-color-secondary-dark: #0b7e76;
    --awa-color-secondary-soft: #e7f7f5;

    --awa-color-accent: #fb923c;
    --awa-color-accent-dark: #f97316;
    --awa-color-accent-soft: #fff3e8;

    --awa-color-danger: #ef4444;
    --awa-color-danger-soft: #fee2e2;

    --awa-color-warning: #f59e0b;
    --awa-color-warning-soft: #fef3c7;

    --awa-color-success: #22c55e;
    --awa-color-success-soft: #dcfce7;

    --awa-color-text-primary: #020817;
    --awa-color-text-secondary: #475569;
    --awa-color-text-muted: #64748b;
    --awa-color-text-inverse: #ffffff;

    --awa-color-bg-page: #f8fafc;
    --awa-color-bg-section: #f1f5f9;
    --awa-color-surface: #ffffff;
    --awa-color-surface-soft: #f8fafc;

    --awa-color-border: #e5e7eb;
    --awa-color-border-strong: #cbd5e1;

    --awa-font-family: "Noto Sans Arabic", "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --awa-font-size-xs: 11px;
    --awa-font-size-sm: 12px;
    --awa-font-size-md: 14px;
    --awa-font-size-base: 16px;
    --awa-font-size-lg: 18px;
    --awa-font-size-xl: 20px;
    --awa-font-size-2xl: 24px;
    --awa-font-size-3xl: 30px;

    --awa-line-height-base: 1.6;
    --awa-font-weight-regular: 400;
    --awa-font-weight-medium: 500;
    --awa-font-weight-semibold: 600;
    --awa-font-weight-bold: 700;

    --awa-space-1: 4px;
    --awa-space-2: 8px;
    --awa-space-3: 10px;
    --awa-space-4: 12px;
    --awa-space-5: 16px;
    --awa-space-6: 20px;
    --awa-space-7: 24px;
    --awa-space-8: 28px;
    --awa-space-9: 32px;
    --awa-space-10: 40px;

    --awa-radius-xs: 6px;
    --awa-radius-sm: 8px;
    --awa-radius-md: 12px;
    --awa-radius-lg: 16px;
    --awa-radius-xl: 24px;
    --awa-radius-pill: 9999px;

    --awa-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
    --awa-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
    --awa-shadow-lg: 0 16px 32px rgba(15, 23, 42, 0.1);
    --awa-shadow-accent: 0 0 10px rgba(249, 115, 22, 0.35);

    --awa-focus-ring: 0 0 0 0.2rem rgba(251, 146, 60, 0.22);

    --awa-shell-sidebar-width: 300px;
    --awa-shell-topbar-height: 76px;
}

.awa-admin,
.awa-auth {
    --bs-primary: var(--awa-color-primary);
    --bs-primary-rgb: 45, 108, 159;
    --bs-primary-rgba: 45, 108, 159, 0.15;
    --bs-body-font-family: var(--awa-font-family);
    background: var(--awa-color-bg-page);
    color: var(--awa-color-text-primary);
    font-family: var(--awa-font-family);
    font-size: var(--awa-font-size-md);
    line-height: var(--awa-line-height-base);
}

body.awa-admin,
body.awa-auth {
    background: var(--awa-color-bg-page);
}

html[dir="rtl"] .awa-admin,
html[dir="rtl"] .awa-auth,
.awa-rtl {
    direction: rtl;
    text-align: right;
}

html[dir="ltr"] .awa-admin,
html[dir="ltr"] .awa-auth,
.awa-ltr {
    direction: ltr;
    text-align: left;
}

.awa-admin *,
.awa-admin *::before,
.awa-admin *::after,
.awa-auth *,
.awa-auth *::before,
.awa-auth *::after {
    box-sizing: border-box;
}

.awa-admin :focus-visible,
.awa-auth :focus-visible {
    outline: 2px solid var(--awa-color-accent);
    outline-offset: 2px;
}

.awa-admin a,
.awa-auth a {
    color: var(--awa-color-primary);
}

.awa-admin a:hover,
.awa-auth a:hover {
    color: var(--awa-color-primary-dark);
}

.awa-admin #main,
.awa-admin #main-content {
    background: var(--awa-color-bg-page);
}

.awa-card,
.awa-admin .card,
.awa-auth .card {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    box-shadow: var(--awa-shadow-sm);
}

.awa-card {
    padding: var(--awa-space-7);
}

.awa-admin .card-header,
.awa-auth .card-header {
    background: transparent;
    border-bottom-color: var(--awa-color-border);
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
}

.awa-admin .card-body,
.awa-auth .card-body {
    color: var(--awa-color-text-secondary);
}

.awa-card-title,
.awa-admin .card-title {
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
    margin-block-end: var(--awa-space-2);
}

.awa-card-subtitle {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-md);
    margin: 0;
}

.awa-btn {
    align-items: center;
    display: inline-flex;
    gap: var(--awa-space-2);
    justify-content: center;
}

.awa-btn,
.awa-admin .btn,
.awa-auth .btn {
    border-radius: var(--awa-radius-md);
    font-weight: var(--awa-font-weight-semibold);
    line-height: 1.4;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.awa-admin .btn:not(.btn-sm):not(.btn-lg),
.awa-auth .btn:not(.btn-sm):not(.btn-lg),
.awa-btn {
    min-height: 42px;
    padding-inline: var(--awa-space-6);
}

.awa-btn:active,
.awa-admin .btn:active,
.awa-auth .btn:active {
    transform: translateY(1px);
}

.awa-btn-primary,
.awa-admin .btn-primary,
.awa-auth .btn-primary {
    background: var(--awa-color-primary);
    border-color: var(--awa-color-primary);
    color: var(--awa-color-text-inverse);
}

.awa-btn-primary:hover,
.awa-admin .btn-primary:hover,
.awa-auth .btn-primary:hover,
.awa-btn-primary:focus,
.awa-admin .btn-primary:focus,
.awa-auth .btn-primary:focus {
    background: var(--awa-color-primary-dark);
    border-color: var(--awa-color-primary-dark);
    color: var(--awa-color-text-inverse);
}

.awa-btn-accent {
    background: var(--awa-color-accent-dark);
    border-color: var(--awa-color-accent-dark);
    box-shadow: var(--awa-shadow-accent);
    color: var(--awa-color-text-inverse);
}

.awa-btn-accent:hover,
.awa-btn-accent:focus {
    background: var(--awa-color-accent);
    border-color: var(--awa-color-accent);
    color: var(--awa-color-text-inverse);
}

.awa-btn-secondary,
.awa-admin .btn-secondary,
.awa-auth .btn-secondary {
    background: var(--awa-color-surface);
    border-color: var(--awa-color-border);
    color: var(--awa-color-primary);
}

.awa-btn-secondary:hover,
.awa-admin .btn-secondary:hover,
.awa-auth .btn-secondary:hover {
    background: var(--awa-color-primary-soft);
    border-color: var(--awa-color-primary);
    color: var(--awa-color-primary-dark);
}

.awa-btn-danger,
.awa-admin .btn-danger,
.awa-auth .btn-danger {
    background: var(--awa-color-danger-soft);
    border-color: transparent;
    color: var(--awa-color-danger);
}

.awa-btn-danger:hover,
.awa-admin .btn-danger:hover,
.awa-auth .btn-danger:hover {
    background: var(--awa-color-danger);
    border-color: var(--awa-color-danger);
    color: var(--awa-color-text-inverse);
}

.awa-admin .btn-success,
.awa-auth .btn-success {
    background: var(--awa-color-success);
    border-color: var(--awa-color-success);
}

.awa-admin .btn-warning,
.awa-auth .btn-warning {
    background: var(--awa-color-warning);
    border-color: var(--awa-color-warning);
    color: var(--awa-color-text-primary);
}

.awa-admin .form-control,
.awa-admin .form-select,
.awa-admin select,
.awa-admin textarea,
.awa-auth .form-control,
.awa-auth .form-select,
.awa-auth select,
.awa-auth textarea {
    background-color: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    color: var(--awa-color-text-primary);
    font-family: var(--awa-font-family);
    font-size: var(--awa-font-size-md);
}

.awa-admin .form-control,
.awa-admin .form-select,
.awa-auth .form-control,
.awa-auth .form-select {
    min-height: 44px;
}

.awa-admin textarea.form-control,
.awa-admin textarea,
.awa-auth textarea.form-control,
.awa-auth textarea {
    min-height: 120px;
    resize: vertical;
}

.awa-admin .form-control:focus,
.awa-admin .form-select:focus,
.awa-auth .form-control:focus,
.awa-auth .form-select:focus {
    border-color: var(--awa-color-primary);
    box-shadow: 0 0 0 0.2rem rgba(45, 108, 159, 0.14);
}

.awa-admin .form-control::placeholder,
.awa-auth .form-control::placeholder {
    color: var(--awa-color-text-muted);
}

.awa-admin .form-label,
.awa-auth .form-label,
.awa-admin label,
.awa-auth label {
    color: var(--awa-color-text-secondary);
    font-weight: var(--awa-font-weight-medium);
}

.awa-admin .invalid-feedback,
.awa-auth .invalid-feedback,
.awa-admin .text-danger,
.awa-auth .text-danger {
    color: var(--awa-color-danger) !important;
}

.awa-admin .is-invalid,
.awa-auth .is-invalid {
    border-color: var(--awa-color-danger);
}

.awa-admin .select2-container .select2-selection--single,
.awa-admin .select2-container .select2-selection--multiple {
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    min-height: 44px;
}

.awa-admin .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--awa-color-text-primary);
    line-height: 42px;
    padding-inline: var(--awa-space-5);
}

.awa-admin .select2-container--default .select2-selection--single .select2-selection__arrow {
    min-height: 42px;
}

.awa-admin .select2-container--default.select2-container--focus .select2-selection--multiple,
.awa-admin .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--awa-color-primary);
    box-shadow: 0 0 0 0.2rem rgba(45, 108, 159, 0.14);
}

.awa-admin .fixed-table-container,
.awa-admin .bootstrap-table .fixed-table-container {
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    box-shadow: var(--awa-shadow-sm);
}

.awa-admin table,
.awa-admin .table {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
}

.awa-admin table thead th,
.awa-admin .table thead th,
.awa-admin .bootstrap-table .fixed-table-container thead th {
    background: var(--awa-color-bg-section);
    border-color: var(--awa-color-border);
    color: var(--awa-color-text-secondary);
    font-weight: var(--awa-font-weight-semibold);
    text-align: inherit;
}

.awa-admin table tbody td,
.awa-admin .table tbody td {
    border-color: var(--awa-color-border);
    vertical-align: middle;
}

.awa-admin .table-hover tbody tr:hover,
.awa-admin .table-striped tbody tr:hover,
.awa-admin table[data-toggle="table"] tbody tr:hover {
    background: var(--awa-color-primary-soft);
}

.awa-admin .bootstrap-table .fixed-table-toolbar .search input {
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-pill);
    min-height: 40px;
}

.awa-admin .pagination .page-link {
    border-color: var(--awa-color-border);
    color: var(--awa-color-primary);
}

.awa-admin .pagination .page-item.active .page-link {
    background: var(--awa-color-primary);
    border-color: var(--awa-color-primary);
    color: var(--awa-color-text-inverse);
}

.awa-badge,
.awa-status,
.awa-admin .badge,
.awa-auth .badge {
    align-items: center;
    border-radius: var(--awa-radius-pill);
    display: inline-flex;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    gap: var(--awa-space-1);
    line-height: 1.3;
    padding: var(--awa-space-1) var(--awa-space-3);
}

.awa-status-approved,
.awa-status-active,
.awa-admin .badge.bg-success,
.awa-auth .badge.bg-success {
    background: var(--awa-color-success-soft) !important;
    color: #15803d !important;
}

.awa-status-pending,
.awa-admin .badge.bg-warning,
.awa-auth .badge.bg-warning {
    background: var(--awa-color-warning-soft) !important;
    color: #92400e !important;
}

.awa-status-rejected,
.awa-status-suspended,
.awa-admin .badge.bg-danger,
.awa-auth .badge.bg-danger {
    background: var(--awa-color-danger-soft) !important;
    color: #b91c1c !important;
}

.awa-status-featured,
.awa-admin .badge.bg-primary,
.awa-auth .badge.bg-primary {
    background: var(--awa-color-primary-soft) !important;
    color: var(--awa-color-primary-dark) !important;
}

.awa-status-vip,
.awa-admin .badge.bg-info,
.awa-auth .badge.bg-info {
    background: var(--awa-color-accent-soft) !important;
    color: var(--awa-color-accent-dark) !important;
}

.awa-status-muted,
.awa-admin .badge.bg-secondary,
.awa-auth .badge.bg-secondary {
    background: var(--awa-color-bg-section) !important;
    color: var(--awa-color-text-muted) !important;
}

.awa-admin .modal-content,
.awa-auth .modal-content {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-xl);
    box-shadow: var(--awa-shadow-lg);
}

.awa-admin .modal-header,
.awa-auth .modal-header,
.awa-admin .modal-footer,
.awa-auth .modal-footer {
    border-color: var(--awa-color-border);
}

.awa-admin .modal-title,
.awa-auth .modal-title {
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
}

.awa-empty-state {
    align-items: center;
    background: var(--awa-color-surface);
    border: 1px dashed var(--awa-color-border-strong);
    border-radius: var(--awa-radius-lg);
    color: var(--awa-color-text-secondary);
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-3);
    justify-content: center;
    min-height: 180px;
    padding: var(--awa-space-8);
    text-align: center;
}

.awa-empty-state h3 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-lg);
    font-weight: var(--awa-font-weight-semibold);
    margin: 0;
}

.awa-empty-state p {
    color: var(--awa-color-text-muted);
    margin: 0;
    max-width: 520px;
}

.awa-empty-icon {
    align-items: center;
    background: var(--awa-color-primary-soft);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-primary);
    display: inline-flex;
    font-size: var(--awa-font-size-xl);
    height: 48px;
    justify-content: center;
    width: 48px;
}

.awa-admin #app.awa-admin-shell {
    background: var(--awa-color-bg-page);
    min-height: 100vh;
}

.awa-admin #main.layout-navbar {
    background: var(--awa-color-bg-page);
    min-height: 100vh;
}

.awa-admin #main #main-content {
    background: var(--awa-color-bg-page);
    min-height: calc(100vh - var(--awa-shell-topbar-height));
    padding: var(--awa-space-8);
}

.awa-admin #sidebar.awa-sidebar .sidebar-wrapper {
    background: var(--awa-color-surface);
    border-inline-end: 1px solid var(--awa-color-border);
    box-shadow: var(--awa-shadow-sm);
    width: var(--awa-shell-sidebar-width);
}

.awa-admin .awa-sidebar-header {
    border-bottom: 1px solid var(--awa-color-border);
    padding: var(--awa-space-7) var(--awa-space-6) var(--awa-space-6);
}

.awa-admin .awa-sidebar-logo a {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 62px;
}

.awa-admin .awa-sidebar-logo img {
    display: block;
    max-height: 54px;
    max-width: 190px;
    object-fit: contain;
    width: auto;
}

.awa-admin .awa-sidebar-menu {
    padding: var(--awa-space-5) var(--awa-space-4) var(--awa-space-7);
}

.awa-admin .awa-sidebar-menu .menu {
    margin: 0;
    padding: 0;
}

.awa-admin .sidebar-new-title {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-xs);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.4;
    margin: var(--awa-space-6) var(--awa-space-3) var(--awa-space-2);
}

.awa-admin .sidebar-wrapper .menu .sidebar-item {
    list-style: none;
    margin-block-end: var(--awa-space-1);
}

.awa-admin .sidebar-wrapper .menu .sidebar-link {
    align-items: center;
    border-radius: var(--awa-radius-sm);
    color: var(--awa-color-text-secondary);
    display: flex;
    font-size: var(--awa-font-size-md);
    font-weight: var(--awa-font-weight-semibold);
    gap: var(--awa-space-3);
    min-height: 42px;
    padding: var(--awa-space-2) var(--awa-space-3);
    text-decoration: none;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.awa-admin .sidebar-wrapper .menu .sidebar-link:hover,
.awa-admin .sidebar-wrapper .menu .sidebar-link:focus-visible {
    background: var(--awa-color-primary-soft);
    color: var(--awa-color-primary-dark);
}

.awa-admin .sidebar-wrapper .menu .sidebar-link i {
    align-items: center;
    background: var(--awa-color-bg-section);
    border-radius: var(--awa-radius-sm);
    color: var(--awa-color-primary);
    display: inline-flex;
    flex: 0 0 34px;
    font-size: 16px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.awa-admin .sidebar-wrapper .menu .sidebar-link .menu-item {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.awa-admin .sidebar-wrapper .menu .sidebar-submenus .sidebar-link {
    padding-inline-start: var(--awa-space-5);
}

.awa-admin #sidebar .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link,
.awa-admin #sidebar .sidebar-wrapper .menu .sidebar-link.active {
    background: var(--awa-color-primary);
    box-shadow: 0 10px 24px rgba(45, 108, 159, 0.2);
    color: var(--awa-color-text-inverse);
}

.awa-admin #sidebar .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link i,
.awa-admin #sidebar .sidebar-wrapper .menu .sidebar-link.active i {
    background: rgba(255, 255, 255, 0.16);
    color: var(--awa-color-text-inverse);
}

.awa-admin .sidebar-wrapper::-webkit-scrollbar {
    width: 8px;
}

.awa-admin .sidebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.awa-admin .sidebar-wrapper::-webkit-scrollbar-thumb {
    background: var(--awa-color-border-strong);
    border-radius: var(--awa-radius-pill);
}

.awa-admin .awa-topbar {
    background: var(--awa-color-surface);
}

.awa-admin .awa-topbar-nav {
    background: var(--awa-color-surface) !important;
    border-bottom: 1px solid var(--awa-color-border);
    box-shadow: var(--awa-shadow-sm);
    min-height: var(--awa-shell-topbar-height);
    padding: var(--awa-space-4) var(--awa-space-8);
}

.awa-admin .awa-topbar-container {
    align-items: center;
    gap: var(--awa-space-4);
    padding: 0;
}

.awa-admin .awa-topbar-start,
.awa-admin .awa-topbar-end {
    margin: 0;
}

.awa-admin .awa-topbar-toggle {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    padding: 0;
    width: auto;
}

.awa-admin .awa-burger-btn,
.awa-admin .awa-navbar-toggler {
    align-items: center;
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-sm);
    color: var(--awa-color-primary);
    display: inline-flex;
    height: 42px;
    justify-content: center;
    padding: 0;
    width: 42px;
}

.awa-admin .awa-burger-btn:hover,
.awa-admin .awa-navbar-toggler:hover {
    background: var(--awa-color-primary-soft);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-burger-btn i {
    font-size: 22px !important;
    line-height: 1;
}

.awa-admin .awa-navbar-toggler:focus {
    box-shadow: var(--awa-focus-ring);
}

.awa-admin .awa-topbar-collapse {
    align-items: center;
    gap: var(--awa-space-3);
    justify-content: flex-end;
}

.awa-admin .awa-topbar .dropdown-toggle::after {
    display: none;
}

.awa-admin .awa-topbar .user-dropdown {
    color: var(--awa-color-text-primary);
    text-decoration: none;
}

.awa-admin .awa-language-button {
    align-items: center;
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-sm);
    color: var(--awa-color-text-primary);
    display: inline-flex;
    gap: var(--awa-space-2);
    min-height: 42px;
    padding: var(--awa-space-2) var(--awa-space-3);
}

.awa-admin .awa-language-button .arrow {
    color: var(--awa-color-text-muted);
    font-size: 10px;
    line-height: 1;
}

.awa-admin .awa-profile-trigger {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-pill);
    gap: var(--awa-space-3);
    min-height: 46px;
    padding: var(--awa-space-1) var(--awa-space-4) var(--awa-space-1) var(--awa-space-1);
}

html[dir="rtl"] .awa-admin .awa-profile-trigger {
    padding: var(--awa-space-1) var(--awa-space-1) var(--awa-space-1) var(--awa-space-4);
}

.awa-admin .awa-profile-trigger:hover,
.awa-admin .awa-language-trigger:hover .awa-language-button {
    border-color: var(--awa-color-primary);
    box-shadow: var(--awa-shadow-sm);
}

.awa-admin .awa-topbar .avatar {
    align-items: center;
    display: inline-flex;
    height: auto;
    width: auto;
}

.awa-admin .awa-topbar .avatar img,
.awa-admin .awa-topbar .flag {
    border-radius: var(--awa-radius-pill);
    display: block;
    height: 34px;
    object-fit: cover;
    width: 34px;
}

.awa-admin .awa-topbar .flag {
    height: 22px;
    width: 22px;
}

.awa-admin .user-dropdown-name {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    line-height: 1.2;
    margin: 0;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.awa-admin .awa-demo-mode {
    align-items: center;
    display: flex;
    padding: 0;
    width: auto;
}

.awa-admin .awa-demo-badge {
    background: var(--awa-color-accent-soft) !important;
    border: 1px solid rgba(249, 115, 22, 0.25);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-accent-dark) !important;
    font-weight: var(--awa-font-weight-semibold);
    padding: var(--awa-space-2) var(--awa-space-3);
}

.awa-admin .awa-topbar .dropdown-menu {
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-sm);
    box-shadow: var(--awa-shadow-md);
    margin-block-start: var(--awa-space-2);
    padding: var(--awa-space-2);
}

.awa-admin .awa-topbar .dropdown-item {
    align-items: center;
    border-radius: var(--awa-radius-xs);
    color: var(--awa-color-text-secondary);
    display: flex;
    font-size: var(--awa-font-size-md);
    gap: var(--awa-space-2);
    min-height: 38px;
}

.awa-admin .awa-topbar .dropdown-item:hover,
.awa-admin .awa-topbar .dropdown-item:focus {
    background: var(--awa-color-primary-soft);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-page-heading {
    margin: 0 0 var(--awa-space-7);
}

.awa-admin .awa-page-heading .page-title {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-sm);
    box-shadow: var(--awa-shadow-sm);
    padding: var(--awa-space-5) var(--awa-space-6);
}

.awa-admin .awa-page-heading .page-title h1,
.awa-admin .awa-page-heading .page-title h2,
.awa-admin .awa-page-heading .page-title h3,
.awa-admin .awa-page-heading .page-title h4 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-2xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.3;
    margin: 0;
}

.awa-admin .awa-page-heading .page-title .row {
    align-items: center;
}

.awa-admin #app > .wrapper {
    margin-block-start: 0 !important;
    padding: 0 var(--awa-space-8) var(--awa-space-7);
}

html[dir="ltr"] .awa-admin #app > .wrapper {
    margin-left: var(--awa-shell-sidebar-width);
}

html[dir="rtl"] .awa-admin #app > .wrapper {
    margin-left: 0;
    margin-right: var(--awa-shell-sidebar-width);
}

.awa-admin .awa-footer {
    background: transparent;
    color: var(--awa-color-text-muted);
    margin: 0;
}

.awa-admin .awa-footer .container-fluid {
    padding: 0;
}

.awa-admin .awa-footer-text {
    border-top: 1px solid var(--awa-color-border);
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    padding-block-start: var(--awa-space-5);
    text-align: end !important;
}

.awa-admin .sidebar-backdrop {
    background: rgba(15, 23, 42, 0.38);
}

.awa-admin #main-content > .awa-page-heading + .awa-dashboard {
    margin-block-start: calc(var(--awa-space-7) * -1);
}

.awa-admin .awa-dashboard {
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-7);
}

.awa-admin .awa-dashboard-hero,
.awa-admin .awa-dashboard-card,
.awa-admin .awa-metric-card {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    box-shadow: var(--awa-shadow-sm);
}

.awa-admin .awa-dashboard-hero {
    align-items: center;
    border-inline-start: 5px solid var(--awa-color-primary);
    display: grid;
    gap: var(--awa-space-6);
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding: var(--awa-space-8);
    text-align: center;
}

.awa-admin .awa-dashboard-hero-content {
    justify-self: center;
    max-width: 760px;
    min-width: 0;
    text-align: center;
    width: 100%;
}

.awa-admin .awa-dashboard-eyebrow {
    color: var(--awa-color-secondary-dark);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-bold);
    margin-block-end: var(--awa-space-2);
}

.awa-admin .awa-dashboard-hero h1 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-3xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.25;
    margin: 0;
}

.awa-admin .awa-dashboard-hero p {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-base);
    margin: var(--awa-space-3) auto 0;
    max-width: 720px;
}

.awa-admin .awa-dashboard-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
    justify-content: center;
    width: 100%;
}

html[dir="rtl"] .awa-admin .awa-dashboard-hero {
    grid-template-columns: minmax(0, 1fr);
}

html[dir="rtl"] .awa-admin .awa-dashboard-hero-content {
    grid-column: 1;
    text-align: center;
}

html[dir="rtl"] .awa-admin .awa-dashboard-actions {
    grid-column: 1;
    justify-content: center;
}

.awa-admin .awa-dashboard-action {
    align-items: center;
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-primary);
    display: inline-flex;
    font-size: var(--awa-font-size-md);
    font-weight: var(--awa-font-weight-semibold);
    gap: var(--awa-space-2);
    min-height: 42px;
    padding: var(--awa-space-2) var(--awa-space-5);
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
    white-space: nowrap;
}

.awa-admin .awa-dashboard-action:hover,
.awa-admin .awa-dashboard-action:focus-visible {
    background: var(--awa-color-primary-soft);
    border-color: var(--awa-color-primary);
    color: var(--awa-color-primary-dark);
    transform: translateY(-1px);
}

.awa-admin .awa-dashboard-action-primary {
    background: var(--awa-color-primary);
    border-color: var(--awa-color-primary);
    color: var(--awa-color-text-inverse);
}

.awa-admin .awa-dashboard-action-primary:hover,
.awa-admin .awa-dashboard-action-primary:focus-visible {
    background: var(--awa-color-primary-dark);
    border-color: var(--awa-color-primary-dark);
    color: var(--awa-color-text-inverse);
}

.awa-admin .awa-dashboard-metrics {
    display: grid;
    gap: var(--awa-space-5);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.awa-admin .awa-metric-card {
    align-items: flex-start;
    color: var(--awa-color-text-primary);
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-4);
    min-height: 220px;
    padding: var(--awa-space-6);
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.awa-admin .awa-metric-card:hover,
.awa-admin .awa-metric-card:focus-visible {
    border-color: rgba(45, 108, 159, 0.35);
    box-shadow: var(--awa-shadow-md);
    color: var(--awa-color-text-primary);
    transform: translateY(-2px);
}

.awa-admin .awa-metric-icon {
    align-items: center;
    border-radius: var(--awa-radius-md);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--awa-font-size-xl);
    height: 48px;
    justify-content: center;
    width: 48px;
}

.awa-admin .awa-metric-icon-primary {
    background: var(--awa-color-primary-soft);
    color: var(--awa-color-primary);
}

.awa-admin .awa-metric-icon-secondary {
    background: var(--awa-color-secondary-soft);
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-metric-icon-accent {
    background: var(--awa-color-accent-soft);
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-metric-icon-muted {
    background: var(--awa-color-bg-section);
    color: var(--awa-color-text-secondary);
}

.awa-admin .awa-metric-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--awa-space-1);
    min-width: 0;
}

.awa-admin .awa-metric-label {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-bold);
}

.awa-admin .awa-metric-number {
    color: var(--awa-color-text-primary);
    font-size: 34px;
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.15;
}

.awa-admin .awa-metric-description {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    line-height: 1.5;
}

.awa-admin .awa-metric-link-text {
    color: var(--awa-color-primary);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    margin-block-start: auto;
}

.awa-admin .awa-dashboard-grid {
    display: grid;
    gap: var(--awa-space-6);
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
}

.awa-admin .awa-dashboard-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.awa-admin .awa-dashboard-card-wide {
    grid-column: 1 / -1;
}

.awa-admin .awa-card-header {
    align-items: flex-start;
    border-bottom: 1px solid var(--awa-color-border);
    display: flex;
    gap: var(--awa-space-4);
    justify-content: space-between;
    padding: var(--awa-space-6);
}

.awa-admin .awa-card-title {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.35;
    margin: 0;
}

.awa-admin .awa-card-description {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    margin: var(--awa-space-1) 0 0;
}

.awa-admin .awa-card-link {
    align-items: center;
    background: var(--awa-color-primary-soft);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-primary-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    min-height: 34px;
    padding: var(--awa-space-1) var(--awa-space-4);
    text-decoration: none;
}

.awa-admin .awa-card-link:hover,
.awa-admin .awa-card-link:focus-visible {
    background: var(--awa-color-primary);
    color: var(--awa-color-text-inverse);
}

.awa-admin .awa-dashboard-table-wrap {
    min-width: 0;
    overflow-x: auto;
    padding: var(--awa-space-5);
}

.awa-admin .awa-dashboard-table-card .bootstrap-table .fixed-table-toolbar {
    margin-block-end: var(--awa-space-4);
}

.awa-admin .awa-dashboard-table-card .bootstrap-table .fixed-table-container {
    border-radius: var(--awa-radius-md);
}

.awa-admin .awa-dashboard-table-card .bootstrap-table .fixed-table-container,
.awa-admin .awa-dashboard-table-card .bootstrap-table .fixed-table-body {
    min-width: 100%;
}

.awa-admin .awa-dashboard-table-card .bootstrap-table .fixed-table-pagination {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    margin-block-start: var(--awa-space-4);
}

.awa-admin .awa-dashboard-table {
    min-width: 760px;
}

.awa-admin .awa-dashboard-visual,
.awa-admin .awa-dashboard-map-wrap {
    padding: var(--awa-space-6);
}

.awa-admin .awa-dashboard-chart {
    min-height: 360px;
    width: 100%;
}

.awa-admin .awa-chart-card .apexcharts-canvas {
    margin-inline: auto;
    max-width: 100%;
}

.awa-admin .awa-map-card {
    min-height: 540px;
}

.awa-admin .awa-dashboard-map {
    background: var(--awa-color-bg-section);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    height: 420px;
    overflow: hidden;
    width: 100%;
}

.awa-admin .awa-dashboard-map .jvectormap-container {
    height: 100%;
    width: 100%;
}

.awa-admin .card_map {
    color: var(--awa-color-text-secondary);
    font-family: var(--awa-font-family);
    min-width: 180px;
}

.awa-admin .card_map .image-container {
    border-radius: var(--awa-radius-sm);
    height: 100px;
    overflow: hidden;
}

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

.awa-admin .card_map .title {
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
}

.awa-admin .card_map .price {
    color: var(--awa-color-primary);
    font-weight: var(--awa-font-weight-bold);
}

.awa-admin .card_map .city {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
}

.awa-admin .awa-page-heading .awa-table-page-title {
    overflow: hidden;
    padding: 0;
}

.awa-admin .awa-page-hero {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(234, 243, 251, 0.92), rgba(255, 255, 255, 0.96) 54%, rgba(231, 247, 245, 0.9)),
        var(--awa-color-surface);
    display: grid;
    gap: var(--awa-space-6);
    grid-template-columns: minmax(0, 1fr) auto;
    padding: var(--awa-space-8);
}

.awa-admin .awa-page-hero-content {
    min-width: 0;
}

.awa-admin .awa-page-eyebrow {
    color: var(--awa-color-secondary-dark);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-bold);
    margin: 0 0 var(--awa-space-2);
}

.awa-admin .awa-page-hero h1 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-3xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.25;
    margin: 0;
}

.awa-admin .awa-page-hero p:not(.awa-page-eyebrow) {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-base);
    margin: var(--awa-space-3) 0 0;
    max-width: 760px;
}

.awa-admin .awa-page-hero-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
    justify-content: flex-end;
}

.awa-admin .awa-page-hero-meta span {
    align-items: center;
    background: var(--awa-color-surface);
    border: 1px solid rgba(45, 108, 159, 0.14);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-primary-dark);
    display: inline-flex;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    gap: var(--awa-space-2);
    min-height: 38px;
    padding: var(--awa-space-1) var(--awa-space-4);
    white-space: nowrap;
}

.awa-admin .awa-page-hero-meta i {
    color: var(--awa-color-secondary-dark);
    font-size: var(--awa-font-size-base);
}

.awa-admin .awa-listing-page,
.awa-admin .awa-table-page {
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-6);
    min-width: 0;
}

.awa-admin .awa-listing-hero {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-inline-start: 5px solid var(--awa-color-primary);
    box-shadow: var(--awa-shadow-sm);
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
}

.awa-admin .awa-listing-hero .awa-page-hero-content {
    justify-self: center;
    max-width: 760px;
    text-align: center;
    width: 100%;
}

.awa-admin .awa-listing-hero p:not(.awa-page-eyebrow) {
    margin-inline: auto;
}

.awa-admin .awa-listing-hero .awa-page-hero-meta {
    grid-column: 1;
    justify-content: center;
    width: 100%;
}

.awa-admin .awa-filter-card,
.awa-admin .awa-table-card {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: 20px;
    box-shadow: var(--awa-shadow-sm);
    min-width: 0;
}

.awa-admin .awa-filter-card {
    padding: var(--awa-space-6);
}

.awa-admin .awa-filter-card-header,
.awa-admin .awa-table-card-header {
    align-items: flex-start;
    display: flex;
    gap: var(--awa-space-4);
    justify-content: space-between;
}

.awa-admin .awa-filter-card-header {
    margin-block-end: var(--awa-space-5);
}

.awa-admin .awa-filter-card-header h2,
.awa-admin .awa-table-card-header h2 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.35;
    margin: 0;
}

.awa-admin .awa-filter-card-header p,
.awa-admin .awa-table-card-header p {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    margin: var(--awa-space-1) 0 0;
}

.awa-admin .awa-filter-chip,
.awa-admin .awa-table-card-note {
    align-items: center;
    background: var(--awa-color-secondary-soft);
    border: 1px solid rgba(15, 159, 148, 0.2);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-secondary-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    min-height: 34px;
    padding: var(--awa-space-1) var(--awa-space-4);
}

.awa-admin .awa-filter-chip-warning {
    background: var(--awa-color-accent-soft);
    border-color: rgba(249, 115, 22, 0.22);
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-table-card-note {
    background: var(--awa-color-primary-soft);
    border-color: rgba(45, 108, 159, 0.16);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-table-toolbar {
    margin: 0 !important;
}

.awa-admin .awa-table-toolbar > [class*="col-"] {
    flex: 1 1 210px;
    max-width: 280px;
    min-width: 180px;
    padding: 0;
}

.awa-admin .awa-table-toolbar label {
    color: var(--awa-color-text-secondary);
    display: block;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    margin-block-end: var(--awa-space-2);
}

.awa-admin .awa-table-toolbar .form-control,
.awa-admin .awa-table-toolbar .form-select,
.awa-admin .awa-table-toolbar select {
    background-color: var(--awa-color-surface-soft);
    border-color: var(--awa-color-border);
    border-radius: var(--awa-radius-pill);
    min-height: 44px;
}

.awa-admin .awa-table-toolbar .form-control:focus,
.awa-admin .awa-table-toolbar .form-select:focus,
.awa-admin .awa-table-toolbar select:focus {
    background-color: var(--awa-color-surface);
}

.awa-admin .awa-table-card {
    overflow: hidden;
}

.awa-admin .awa-table-card-header {
    border-bottom: 1px solid var(--awa-color-border);
    padding: var(--awa-space-6);
}

.awa-admin .awa-bootstrap-table {
    min-width: 0;
    overflow-x: auto;
    padding: var(--awa-space-5);
}

.awa-admin .awa-table-card .bootstrap-table {
    min-width: 100%;
}

.awa-admin .awa-table-card .fixed-table-toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
    justify-content: space-between;
    margin-block-end: var(--awa-space-4);
}

.awa-admin .awa-table-card .fixed-table-toolbar::after,
.awa-admin .awa-table-card .fixed-table-toolbar::before {
    display: none;
}

.awa-admin .awa-table-card .fixed-table-toolbar .bs-bars {
    align-items: flex-end;
    display: flex;
    flex: 1 1 560px;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
    margin: 0;
    min-width: 0;
}

.awa-admin .awa-table-card .fixed-table-toolbar .bs-bars #filters {
    display: block !important;
    flex: 1 1 100%;
    margin: 0 !important;
    width: 100%;
}

.awa-admin .awa-table-card .fixed-table-toolbar .bs-bars #filters.awa-filter-card {
    box-shadow: none;
    padding: var(--awa-space-5);
}

.awa-admin .awa-table-card .fixed-table-toolbar .columns,
.awa-admin .awa-table-card .fixed-table-toolbar .search {
    margin: 0;
}

.awa-admin .awa-table-card .fixed-table-toolbar .search {
    flex: 1 1 260px;
}

.awa-admin .awa-table-card .fixed-table-toolbar .search input {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-pill);
    min-height: 42px;
    min-width: min(280px, 100%);
    padding-inline: var(--awa-space-5);
}

.awa-admin .awa-table-card .fixed-table-toolbar .search input:focus {
    background: var(--awa-color-surface);
    border-color: var(--awa-color-primary);
    box-shadow: 0 0 0 0.2rem rgba(45, 108, 159, 0.14);
}

.awa-admin .awa-table-card .fixed-table-toolbar .btn,
.awa-admin .awa-table-card .fixed-table-pagination .btn {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-primary);
    min-height: 38px;
}

.awa-admin .awa-table-card .fixed-table-toolbar .btn:hover,
.awa-admin .awa-table-card .fixed-table-toolbar .btn:focus-visible,
.awa-admin .awa-table-card .fixed-table-pagination .btn:hover,
.awa-admin .awa-table-card .fixed-table-pagination .btn:focus-visible {
    background: var(--awa-color-primary-soft);
    border-color: var(--awa-color-primary);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-table-card .fixed-table-container {
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    box-shadow: none;
    overflow: hidden;
}

.awa-admin .awa-table-card .fixed-table-body {
    overflow-x: auto;
}

.awa-admin .awa-table-card .table,
.awa-admin .awa-listing-table {
    margin: 0;
    min-width: 1120px;
}

.awa-admin .awa-table-card .table thead th,
.awa-admin .awa-table-card .fixed-table-container thead th {
    background: var(--awa-color-bg-section);
    border-color: var(--awa-color-border);
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-bold);
    height: 52px;
    padding: var(--awa-space-3) var(--awa-space-4);
    text-align: inherit;
    vertical-align: middle;
    white-space: nowrap;
}

.awa-admin .awa-table-card .table tbody td,
.awa-admin .awa-table-card .fixed-table-container tbody td {
    border-color: var(--awa-color-border);
    color: var(--awa-color-text-secondary);
    min-height: 58px;
    padding: var(--awa-space-3) var(--awa-space-4);
    vertical-align: middle;
}

.awa-admin .awa-table-card .table tbody tr:hover > td,
.awa-admin .awa-table-card table[data-toggle="table"] tbody tr:hover > td {
    background: var(--awa-color-primary-soft);
}

.awa-admin .awa-table-card .fixed-table-container tbody td .img-fluid,
.awa-admin .awa-table-card .fixed-table-container tbody td img {
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-sm) !important;
    box-shadow: none !important;
    object-fit: cover;
}

.awa-admin .awa-table-card .short-description,
.awa-admin .awa-table-card .full-description {
    color: var(--awa-color-text-secondary);
    line-height: 1.55;
    max-width: 340px;
    white-space: normal;
}

.awa-admin .awa-table-card .no-description,
.awa-admin .awa-table-empty,
.awa-admin .awa-table-card .no-records-found td {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    text-align: center;
}

.awa-admin .awa-table-card .no-records-found td {
    background: var(--awa-color-surface-soft);
    padding: var(--awa-space-10);
}

.awa-admin .awa-table-card .badge.bg-black {
    background: var(--awa-color-bg-section) !important;
    color: var(--awa-color-text-secondary) !important;
}

.awa-admin .awa-table-card [data-field="operate"] .btn,
.awa-admin .awa-table-card td .btn.btn-xs,
.awa-admin .awa-table-card td .btn.icon,
.awa-admin .awa-table-card td .editdata,
.awa-admin .awa-table-card td .edit-status {
    align-items: center;
    border-radius: var(--awa-radius-pill);
    display: inline-flex;
    height: 36px;
    justify-content: center;
    margin: var(--awa-space-1);
    min-height: 36px;
    min-width: 36px;
    padding: 0 var(--awa-space-3);
}

.awa-admin .awa-table-card td .editdata,
.awa-admin .awa-table-card td .btn-light-danger {
    background: var(--awa-color-primary-soft);
    border-color: transparent;
    color: var(--awa-color-primary);
}

.awa-admin .awa-table-card td .edit-status,
.awa-admin .awa-table-card td .btn-light-primary {
    background: var(--awa-color-secondary-soft);
    border-color: transparent;
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-table-card td .btn-light-warning {
    background: var(--awa-color-accent-soft);
    border-color: transparent;
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-table-card td .btn-danger,
.awa-admin .awa-table-card td .delete-form,
.awa-admin .awa-table-card td .delete_btn {
    background: var(--awa-color-danger-soft);
    border-color: transparent;
    color: var(--awa-color-danger);
}

.awa-admin .awa-table-card td .btn:hover,
.awa-admin .awa-table-card td .btn:focus-visible {
    box-shadow: var(--awa-shadow-sm);
    transform: translateY(-1px);
}

.awa-admin .awa-table-card .form-switch .form-check-input,
.awa-admin .awa-table-card .switch1 {
    cursor: pointer;
}

.awa-admin .awa-table-card .fixed-table-pagination {
    align-items: center;
    color: var(--awa-color-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
    justify-content: space-between;
    margin-block-start: var(--awa-space-5);
}

.awa-admin .awa-table-card .fixed-table-pagination .pagination {
    gap: var(--awa-space-1);
    margin: 0;
}

.awa-admin .awa-table-card .fixed-table-pagination .page-link {
    border-color: var(--awa-color-border);
    border-radius: var(--awa-radius-sm);
    color: var(--awa-color-primary);
}

.awa-admin .awa-table-card .fixed-table-pagination .page-item.active .page-link {
    background: var(--awa-color-primary);
    border-color: var(--awa-color-primary);
    color: var(--awa-color-text-inverse);
}

.awa-admin .awa-table-card .dropdown-menu {
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-sm);
    box-shadow: var(--awa-shadow-md);
    padding: var(--awa-space-2);
}

.awa-admin .awa-table-card .dropdown-item {
    border-radius: var(--awa-radius-xs);
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
}

.awa-admin .awa-table-card .dropdown-item:hover,
.awa-admin .awa-table-card .dropdown-item:focus {
    background: var(--awa-color-primary-soft);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-form-page {
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-6);
    min-width: 0;
}

.awa-admin .awa-form-layout {
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-6);
    min-width: 0;
}

.awa-admin .awa-form-card,
.awa-admin .awa-form-section {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: 20px;
    box-shadow: var(--awa-shadow-sm);
    min-width: 0;
}

.awa-admin .awa-form-card {
    overflow: hidden;
}

.awa-admin .awa-form-section {
    padding: var(--awa-space-6);
}

.awa-admin .awa-form-section-header {
    align-items: flex-start;
    display: flex;
    gap: var(--awa-space-4);
    justify-content: space-between;
    margin-block-end: var(--awa-space-5);
}

.awa-admin .awa-form-card > .awa-form-section-header {
    border-bottom: 1px solid var(--awa-color-border);
    margin: 0;
    padding: var(--awa-space-6);
}

.awa-admin .awa-form-section-header h2,
.awa-admin .awa-form-section-header h3 {
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.35;
    margin: 0;
}

.awa-admin .awa-form-section-header h2 {
    font-size: var(--awa-font-size-xl);
}

.awa-admin .awa-form-section-header h3 {
    font-size: var(--awa-font-size-lg);
}

.awa-admin .awa-form-section-header p {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    margin: var(--awa-space-1) 0 0;
}

.awa-admin .awa-section-kicker {
    color: var(--awa-color-secondary-dark);
    display: inline-block;
    font-size: var(--awa-font-size-xs);
    font-weight: var(--awa-font-weight-bold);
    margin-block-end: var(--awa-space-1);
}

.awa-admin .awa-form-help {
    align-items: center;
    background: var(--awa-color-secondary-soft);
    border: 1px solid rgba(15, 159, 148, 0.2);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-secondary-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    min-height: 34px;
    padding: var(--awa-space-1) var(--awa-space-4);
}

.awa-admin .awa-form-help-warning {
    background: var(--awa-color-accent-soft);
    border-color: rgba(249, 115, 22, 0.22);
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-form-tabs {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-2);
    margin: var(--awa-space-6) var(--awa-space-6) 0;
    padding: var(--awa-space-2);
}

.awa-admin .awa-form-tabs .nav-item {
    margin: 0;
}

.awa-admin .awa-form-tabs .nav-link {
    border: 0;
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    min-height: 40px;
    padding: var(--awa-space-2) var(--awa-space-5);
}

.awa-admin .awa-form-tabs .nav-link:hover,
.awa-admin .awa-form-tabs .nav-link:focus-visible {
    background: var(--awa-color-primary-soft);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-form-tabs .nav-link.active {
    background: var(--awa-color-primary);
    color: var(--awa-color-text-inverse);
    box-shadow: var(--awa-shadow-sm);
}

.awa-admin .awa-form-tab-content {
    padding: var(--awa-space-6);
}

.awa-admin .awa-form-tab-content > .tab-pane {
    border-radius: var(--awa-radius-lg);
}

.awa-admin .awa-form-grid {
    row-gap: var(--awa-space-5);
}

.awa-admin .awa-form-page #custom > .row {
    row-gap: var(--awa-space-5);
}

.awa-admin .awa-form-page #custom > .row > [class*="col-"] {
    margin-bottom: 0 !important;
}

.awa-admin .awa-form-field,
.awa-admin .awa-form-page .form-group {
    min-width: 0;
}

.awa-admin .awa-form-field label,
.awa-admin .awa-form-page .form-group > label,
.awa-admin .awa-form-page .form-label {
    color: var(--awa-color-text-secondary);
    display: block;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    margin-block-end: var(--awa-space-2);
}

.awa-admin .awa-form-page .form-control,
.awa-admin .awa-form-page .form-select,
.awa-admin .awa-form-page select,
.awa-admin .awa-form-page textarea {
    background-color: var(--awa-color-surface-soft);
    border-color: var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    color: var(--awa-color-text-primary);
    min-height: 44px;
}

.awa-admin .awa-form-page textarea.form-control {
    min-height: 120px;
    resize: vertical;
}

.awa-admin .awa-form-page .form-control:focus,
.awa-admin .awa-form-page .form-select:focus,
.awa-admin .awa-form-page select:focus,
.awa-admin .awa-form-page textarea:focus {
    background-color: var(--awa-color-surface);
    border-color: var(--awa-color-primary);
    box-shadow: 0 0 0 0.2rem rgba(45, 108, 159, 0.14);
}

.awa-admin .awa-form-page .form-control[readonly],
.awa-admin .awa-form-page .form-control:disabled {
    background: var(--awa-color-bg-section);
    color: var(--awa-color-text-muted);
}

.awa-admin .awa-form-page .select2-container {
    max-width: 100%;
    width: 100% !important;
}

.awa-admin .awa-form-page .select2-container--bootstrap-5 .select2-selection,
.awa-admin .awa-form-page .select2-container--default .select2-selection--single {
    background-color: var(--awa-color-surface-soft);
    border-color: var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    min-height: 44px;
}

.awa-admin .awa-form-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--awa-color-text-primary);
    line-height: 42px;
    padding-inline: var(--awa-space-4);
}

.awa-admin .awa-form-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    min-height: 42px;
}

.awa-admin .awa-required {
    color: var(--awa-color-danger) !important;
    font-weight: var(--awa-font-weight-bold);
}

.awa-admin .awa-form-page .invalid-feedback {
    color: var(--awa-color-danger);
    display: block;
    font-size: var(--awa-font-size-sm);
    margin-block-start: var(--awa-space-2);
}

.awa-admin .awa-form-page .form-check {
    align-items: center;
    display: flex;
    gap: var(--awa-space-2);
    margin-block: var(--awa-space-2);
    padding-inline-start: 0;
}

.awa-admin .awa-form-page .form-check-input {
    border-color: var(--awa-color-border-strong);
    flex: 0 0 auto;
    float: none;
    margin: 0;
}

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

.awa-admin .awa-upload-zone {
    background: var(--awa-color-surface-soft);
    border: 1px dashed var(--awa-color-border-strong);
    border-radius: var(--awa-radius-lg);
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-4);
    padding: var(--awa-space-5);
}

.awa-admin .awa-upload-zone input[type="file"] {
    background: var(--awa-color-surface);
}

.awa-admin .awa-existing-media {
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
    margin-block-start: var(--awa-space-3);
}

.awa-admin .awa-existing-media img,
.awa-admin .awa-upload-zone > img {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    height: 80px;
    object-fit: cover;
    padding: 2px;
    width: 80px;
}

.awa-admin .awa-existing-media-item {
    align-items: center;
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    display: inline-flex;
    gap: var(--awa-space-3);
    margin: 0 !important;
    padding: var(--awa-space-2);
}

.awa-admin .awa-media-remove {
    background: var(--awa-color-danger-soft);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-danger);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    margin: 0;
    padding: var(--awa-space-1) var(--awa-space-3);
}

.awa-admin .awa-map-panel {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    padding: var(--awa-space-3);
}

.awa-admin .awa-form-map,
.awa-admin .awa-form-page #map {
    border-color: var(--awa-color-border) !important;
    border-radius: var(--awa-radius-md);
    min-height: 360px;
    overflow: hidden;
    width: 100%;
}

.awa-admin .awa-secondary-action {
    background: var(--awa-color-secondary-soft);
    border-color: rgba(15, 159, 148, 0.24);
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-secondary-action:hover,
.awa-admin .awa-secondary-action:focus-visible {
    background: var(--awa-color-secondary);
    border-color: var(--awa-color-secondary);
    color: var(--awa-color-text-inverse);
}

.awa-admin .awa-form-review-card {
    padding: var(--awa-space-6);
}

.awa-admin .awa-form-review-card > .awa-form-section-header {
    border-bottom: 0;
    margin-block-end: var(--awa-space-5);
    padding: 0;
}

.awa-admin .awa-form-actions {
    align-items: center;
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    box-shadow: var(--awa-shadow-sm);
    display: flex;
    justify-content: flex-end;
    padding: var(--awa-space-5);
}

.awa-admin .awa-form-actions .btn-primary {
    min-width: 170px;
}

.awa-admin .awa-form-modal .modal-content,
.awa-admin .awa-advertisement-form-page #subcategory-modal .modal-content {
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    box-shadow: var(--awa-shadow-lg);
}

.awa-admin .awa-advertisement-form-page #subcategory-modal .modal-header,
.awa-admin .awa-advertisement-form-page #subcategory-modal .modal-footer {
    border-color: var(--awa-color-border);
}

.awa-admin .awa-advertisement-form-page .current-category,
.awa-admin .awa-advertisement-form-page .categories-list {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    padding: var(--awa-space-4);
}

.awa-admin .awa-advertisement-form-page .categories-list .category {
    color: var(--awa-color-text-secondary);
    margin-block: var(--awa-space-2);
}

.awa-admin .awa-advertisement-form-page .categories-list label {
    align-items: center;
    display: inline-flex;
    gap: var(--awa-space-2);
    margin: 0;
}

.awa-admin .awa-advertisement-form-page .categories-list .subcategories {
    border-inline-start: 2px solid var(--awa-color-border);
    margin-block-start: var(--awa-space-2);
    margin-inline-start: var(--awa-space-5);
    padding-inline-start: var(--awa-space-4);
}

.awa-admin .awa-advertisement-form-page .toggle-button {
    color: var(--awa-color-primary);
    cursor: pointer;
    margin-inline-start: var(--awa-space-2);
}

.awa-admin .awa-taxonomy-page {
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-6);
    min-width: 0;
}

.awa-admin .awa-taxonomy-grid {
    row-gap: var(--awa-space-6);
}

.awa-admin .awa-taxonomy-hero {
    background:
        radial-gradient(circle at top right, rgba(15, 159, 148, 0.12), transparent 32%),
        linear-gradient(135deg, rgba(45, 108, 159, 0.08), rgba(255, 255, 255, 0.96) 58%, rgba(15, 159, 148, 0.08));
}

.awa-admin .awa-taxonomy-page-title .awa-taxonomy-hero {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-inline-start: 5px solid var(--awa-color-primary);
    box-shadow: var(--awa-shadow-sm);
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
}

.awa-admin .awa-taxonomy-page-title .awa-page-hero-content {
    justify-self: center;
    max-width: 760px;
    text-align: center;
    width: 100%;
}

.awa-admin .awa-taxonomy-page-title .awa-page-hero p:not(.awa-page-eyebrow) {
    margin-inline: auto;
}

.awa-admin .awa-taxonomy-page-title .awa-page-hero-meta {
    grid-column: 1;
    justify-content: center;
    width: 100%;
}

.awa-admin .awa-page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
}

.awa-admin .awa-page-action {
    align-items: center;
    display: inline-flex;
    gap: var(--awa-space-2);
}

.awa-admin .awa-taxonomy-table {
    margin-bottom: 0;
}

.awa-admin .awa-taxonomy-form-page .awa-form-card,
.awa-admin .awa-taxonomy-form-page .awa-tree-card,
.awa-admin .awa-taxonomy-form-page .awa-table-card {
    min-width: 0;
}

.awa-admin .awa-tree-card {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: 20px;
    box-shadow: var(--awa-shadow-sm);
    padding: var(--awa-space-6);
}

.awa-admin .awa-tree-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--awa-space-5);
}

.awa-admin .awa-tree-actions .btn {
    min-width: 170px;
}

.awa-admin .awa-sortable-grid {
    gap: var(--awa-space-4);
    list-style: none;
    margin: 0;
    padding: 0;
}

.awa-admin .awa-sortable-card {
    margin: 0;
    padding: 0;
}

.awa-admin .awa-sortable-card-inner {
    background: linear-gradient(180deg, var(--awa-color-surface-soft), var(--awa-color-surface));
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    box-shadow: var(--awa-shadow-sm);
    min-height: 148px;
    overflow: hidden;
    padding: var(--awa-space-3);
}

.awa-admin .awa-sortable-media {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-inline-end: var(--awa-space-3);
}

.awa-admin .awa-sortable-copy {
    gap: var(--awa-space-1);
    min-width: 0;
    padding-inline-start: var(--awa-space-1);
    text-align: center;
}

.awa-admin .awa-sortable-copy strong {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-md);
}

.awa-admin .awa-sortable-copy span {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
}

.awa-admin .order-change {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    height: 88px;
    object-fit: cover;
    width: 88px;
}

.awa-admin .awa-category-tree,
.awa-admin .awa-category-page .sub_category_lit {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    max-height: 540px;
    overflow: auto;
    padding: var(--awa-space-4);
}

.awa-admin .awa-category-tree .category,
.awa-admin .awa-category-page .sub_category_lit .category {
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    margin-bottom: var(--awa-space-2);
    padding-bottom: var(--awa-space-2);
}

.awa-admin .awa-category-tree .category:last-child,
.awa-admin .awa-category-page .sub_category_lit .category:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.awa-admin .awa-category-tree .category-header,
.awa-admin .awa-category-page .sub_category_lit .category-header {
    align-items: center;
    color: var(--awa-color-text-secondary);
    display: flex;
    gap: var(--awa-space-2);
    justify-content: space-between;
}

.awa-admin .awa-category-tree .category-header label,
.awa-admin .awa-category-page .sub_category_lit .category-header label {
    align-items: center;
    display: inline-flex;
    gap: var(--awa-space-2);
    margin: 0;
}

.awa-admin .awa-category-tree .subcategories,
.awa-admin .awa-category-page .sub_category_lit .subcategories {
    border-inline-start: 2px solid rgba(148, 163, 184, 0.24);
    margin-block-start: var(--awa-space-3);
    margin-inline-start: var(--awa-space-4);
    padding-inline-start: var(--awa-space-4);
}

.awa-admin .awa-taxonomy-page .toggle-button {
    color: var(--awa-color-primary);
    cursor: pointer;
    line-height: 1;
}

.awa-admin .awa-language-tabs {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-2);
    padding: var(--awa-space-2);
}

.awa-admin .awa-language-tabs .nav-item {
    margin: 0;
}

.awa-admin .awa-language-tabs .nav-link {
    border: 0;
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    min-height: 40px;
    padding: var(--awa-space-2) var(--awa-space-4);
}

.awa-admin .awa-language-tabs .nav-link.active {
    background: var(--awa-color-primary);
    color: var(--awa-color-text-inverse);
}

.awa-admin .awa-language-tabs .nav-link:hover,
.awa-admin .awa-language-tabs .nav-link:focus-visible {
    background: var(--awa-color-primary-soft);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-language-content > .tab-pane {
    min-width: 0;
}

.awa-admin .awa-field-option-card {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    padding: var(--awa-space-4);
}

.awa-admin .awa-category-media,
.awa-admin .awa-category-page .cs_field_img {
    align-items: center;
    background: var(--awa-color-surface-soft);
    border: 1px dashed var(--awa-color-border-strong);
    border-radius: var(--awa-radius-lg);
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-3);
    padding: var(--awa-space-4);
}

.awa-admin .awa-category-page .cs_field_img .preview-image,
.awa-admin .awa-custom-field-page .preview-image {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    max-height: 132px;
    max-width: 132px;
    object-fit: cover;
}

.awa-admin .awa-category-page .img_input {
    align-items: center;
    background: var(--awa-color-primary-soft);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-primary-dark);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    justify-content: center;
    min-height: 38px;
    padding: 0 var(--awa-space-4);
}

.awa-admin .awa-category-page .input_hint,
.awa-admin .awa-custom-field-page .input_hint {
    color: var(--awa-color-text-muted);
    display: block;
    font-size: var(--awa-font-size-sm);
    margin-top: var(--awa-space-2);
}

.awa-admin .awa-custom-field-page .highlighted_text {
    color: var(--awa-color-primary-dark);
    font-weight: var(--awa-font-weight-semibold);
}

.awa-admin .awa-custom-field-page .field-value-translation-wrapper h6 {
    color: var(--awa-color-primary-dark) !important;
    font-size: var(--awa-font-size-md);
}

.awa-admin .awa-custom-field-page .field-value-translation-wrapper .translated-values-container {
    row-gap: var(--awa-space-3);
}

.awa-admin .awa-custom-field-page .field-value-translation-wrapper .translated-values-container .form-group,
.awa-admin .awa-custom-field-page .field-value-translation-wrapper .translated-values-container > [class*="col-"] {
    min-width: 0;
}

.awa-admin .awa-translation-block-header {
    margin-top: var(--awa-space-6);
}

@media (max-width: 991.98px) {
    .awa-admin .awa-form-page .col-6,
    .awa-admin .awa-form-page .col-md-6,
    .awa-admin .awa-taxonomy-page .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .awa-admin .awa-form-tabs {
        align-items: stretch;
    }

    .awa-admin .awa-form-tabs .nav-item,
    .awa-admin .awa-form-tabs .nav-link {
        flex: 1 1 auto;
        text-align: center;
    }

    .awa-admin .awa-tree-card {
        padding: var(--awa-space-5);
    }
}

@media (max-width: 767.98px) {
    .awa-admin .awa-form-card,
    .awa-admin .awa-form-section,
    .awa-admin .awa-tree-card {
        border-radius: var(--awa-radius-md);
    }

    .awa-admin .awa-form-card > .awa-form-section-header,
    .awa-admin .awa-form-section,
    .awa-admin .awa-form-tab-content,
    .awa-admin .awa-form-review-card,
    .awa-admin .awa-form-actions,
    .awa-admin .awa-tree-card {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-form-section-header {
        align-items: stretch;
        flex-direction: column;
    }

    .awa-admin .awa-form-help {
        justify-content: center;
        width: 100%;
    }

    .awa-admin .awa-form-tabs {
        margin: var(--awa-space-5) var(--awa-space-5) 0;
    }

    .awa-admin .awa-form-tabs .nav-item,
    .awa-admin .awa-form-tabs .nav-link {
        width: 100%;
    }

    .awa-admin .awa-page-actions,
    .awa-admin .awa-tree-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .awa-admin .awa-page-action,
    .awa-admin .awa-tree-actions .btn {
        justify-content: center;
        width: 100%;
    }

    .awa-admin .awa-form-map,
    .awa-admin .awa-form-page #map {
        min-height: 300px;
    }

    .awa-admin .awa-existing-media,
    .awa-admin .awa-existing-media-item {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .awa-admin .awa-existing-media img,
    .awa-admin .awa-upload-zone > img {
        height: 96px;
        width: 96px;
    }

    .awa-admin .awa-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .awa-admin .awa-form-actions .btn-primary {
        min-width: 0;
        width: 100%;
    }

    .awa-admin .awa-sortable-grid {
        gap: var(--awa-space-3);
    }

    .awa-admin .awa-sortable-card-inner {
        min-height: 0;
    }

    .awa-admin .awa-sortable-copy {
        padding-block-start: var(--awa-space-3);
    }

    .awa-admin .awa-language-tabs .nav-item,
    .awa-admin .awa-language-tabs .nav-link {
        width: 100%;
    }

    .awa-admin .awa-category-tree,
    .awa-admin .awa-category-page .sub_category_lit {
        max-height: none;
    }
}

.awa-admin-login {
    --awa3-color-primary: #2f6fa3;
    --awa3-color-primary-dark: #245a85;
    --awa3-color-primary-deep: #1d3f63;
    --awa3-color-primary-soft: #eaf2fa;
    --awa3-color-accent: #f47c35;
    --awa3-color-accent-dark: #dd6423;
    --awa3-color-accent-soft: #fff1e7;
    --awa3-color-teal: #18a894;
    --awa3-color-teal-dark: #0f7f70;
    --awa3-color-teal-soft: #e8faf6;
    --awa3-color-text-primary: #1d2737;
    --awa3-color-text-secondary: #566579;
    --awa3-color-text-muted: #8b9aaf;
    --awa3-color-bg-page: #f7f9fc;
    --awa3-color-surface: #ffffff;
    --awa3-color-surface-soft: #fcfdff;
    --awa3-color-border: #e3eaf2;
    --awa3-radius-banner: 22px;
    --awa3-radius-input: 16px;
    --awa3-radius-pill: 999px;
    background: var(--awa3-color-bg-page);
    min-height: 100vh;
    overflow-x: hidden;
}

.awa-admin-login .awa-auth-shell {
    background-color: var(--awa3-color-bg-page);
    background-image: none !important;
    isolation: isolate;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.awa-admin-login .awa-auth-shell::before {
    background: var(--awa3-color-primary-dark);
    block-size: 8px;
    content: "";
    inset-block-start: 0;
    inset-inline: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.awa-admin-login .awa-auth-shell::after {
    background:
        radial-gradient(circle at 16% 18%, rgba(47, 111, 163, 0.08), transparent 28%),
        radial-gradient(circle at 84% 82%, rgba(24, 168, 148, 0.08), transparent 30%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.awa-admin-login .awa-login-shell.login-box {
    align-items: center !important;
    bottom: auto;
    direction: ltr;
    display: grid !important;
    gap: clamp(32px, 5vw, 64px);
    grid-template-columns: minmax(360px, 0.86fr) minmax(0, 1.34fr);
    height: auto;
    justify-content: center !important;
    left: auto;
    margin: 0 auto;
    min-height: 100vh;
    min-height: 100dvh;
    padding: clamp(44px, 6vw, 76px) 0;
    position: relative;
    right: auto;
    width: min(1220px, calc(100% - 48px));
    z-index: 1;
}

body.awa-admin-login #auth #auth-box.awa-login-card,
.awa-admin-login .awa-login-visual {
    direction: rtl;
    max-width: 100%;
    min-width: 0;
}

.awa-admin-login .awa-login-shell.login-box > * {
    min-width: 0;
}

body.awa-admin-login #auth #auth-box.awa-login-card {
    align-self: center;
    background: var(--awa3-color-surface);
    border: 1px solid rgba(227, 234, 242, 0.95);
    border-radius: 26px;
    box-shadow: 0 22px 52px rgba(29, 39, 55, 0.08);
    height: auto;
    margin: 0;
    max-width: 460px;
    padding: clamp(30px, 4vw, 48px);
    width: auto !important;
}

.awa-admin-login .awa-login-brand {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-block-end: 30px;
    text-align: center;
}

body.awa-admin-login #auth #auth-box.awa-login-card .auth-logo {
    align-items: center;
    background: var(--awa3-color-primary-soft);
    border: 1px solid rgba(47, 111, 163, 0.12);
    border-radius: 24px;
    box-shadow: 0 10px 24px rgba(47, 111, 163, 0.1);
    display: inline-flex !important;
    flex: 0 0 auto;
    height: 86px;
    justify-content: center;
    margin: 0 !important;
    padding: 14px;
    position: relative;
    text-align: center;
    top: auto;
    width: 86px;
}

body.awa-admin-login #auth #auth-box.awa-login-card .auth-logo img {
    display: block;
    max-height: 58px;
    max-width: 70px;
    object-fit: contain;
    width: auto;
}

.awa-admin-login .awa-login-brand-name {
    align-items: center;
    background: var(--awa3-color-primary-soft);
    border: 1px solid rgba(47, 111, 163, 0.12);
    border-radius: var(--awa3-radius-pill);
    color: var(--awa3-color-primary-dark);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 800;
    justify-content: center;
    line-height: 1.5;
    padding: 6px 14px;
}

.awa-admin-login .awa-login-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.awa-admin-login #auth .awa-login-heading {
    margin: 0;
    text-align: center;
}

.awa-admin-login .awa-login-kicker {
    color: var(--awa3-color-accent-dark);
    font-size: 0.86rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.awa-admin-login .awa-login-heading h1 {
    color: var(--awa3-color-text-primary);
    font-size: clamp(1.7rem, 2.4vw, 2.35rem);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.28;
    margin: 0;
}

.awa-admin-login .awa-login-heading p:not(.awa-login-kicker) {
    color: var(--awa3-color-text-secondary);
    font-size: 1rem;
    line-height: 1.8;
    margin: 12px auto 0;
    max-width: 360px;
}

.awa-admin-login .awa-login-form-wrap {
    margin-block-start: 30px;
}

.awa-admin-login .awa-login-form {
    margin: 0;
}

.awa-admin-login .awa-login-field {
    margin-block-end: 22px !important;
}

.awa-admin-login .awa-login-input-icon {
    align-items: center;
    color: var(--awa3-color-text-muted);
    display: inline-flex;
    font-size: 1.15rem;
    height: 38px;
    inset-block-start: 50%;
    inset-inline-start: 18px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    transform: translateY(-50%);
    width: 38px;
    z-index: 4;
}

.awa-admin-login .awa-login-field .form-control {
    background: var(--awa3-color-surface-soft);
    border: 1px solid var(--awa3-color-border);
    border-radius: var(--awa3-radius-input);
    box-shadow: 0 8px 20px rgba(29, 39, 55, 0.035);
    color: var(--awa3-color-text-primary);
    font-size: 0.98rem;
    min-height: 60px;
    padding-inline: 62px 20px;
}

.awa-admin-login .awa-login-field.form-floating > .form-control {
    padding-block-end: 10px;
    padding-block-start: 26px;
}

.awa-admin-login .awa-login-field.form-floating > .form-control::placeholder {
    color: transparent;
}

.awa-admin-login .awa-login-field.form-floating > label {
    color: var(--awa3-color-text-secondary);
    font-size: 0.92rem;
    font-weight: 700;
    left: auto;
    max-width: calc(100% - 74px);
    overflow: hidden;
    padding: 18px 62px 0 20px;
    right: auto;
    text-overflow: ellipsis;
    transform-origin: top start;
    white-space: nowrap;
}

html[dir="rtl"] .awa-admin-login .awa-login-field.form-floating > label {
    left: auto;
    right: 0;
}

html[dir="ltr"] .awa-admin-login .awa-login-field.form-floating > label {
    left: 0;
    right: auto;
}

.awa-admin-login .awa-login-field .form-control:focus {
    background: #fff;
    border-color: var(--awa3-color-primary);
    box-shadow: 0 0 0 0.22rem rgba(47, 111, 163, 0.16), 0 12px 24px rgba(47, 111, 163, 0.08);
}

.awa-admin-login .awa-login-field .form-control.is-invalid {
    border-color: var(--awa-color-danger);
}

.awa-admin-login .awa-login-field .invalid-feedback {
    font-size: 0.86rem;
    margin-block-start: 8px;
}

.awa-admin-login .awa-password-field .form-control {
    padding-inline-end: 62px;
}

.awa-admin-login .awa-password-field .awa-login-input-icon {
    inset-inline-start: 18px;
}

.awa-admin-login .awa-password-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--awa3-radius-pill);
    color: var(--awa3-color-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 42px;
    inset-block-start: 50%;
    inset-inline-end: 14px;
    justify-content: center;
    padding: 0;
    position: absolute !important;
    transform: translateY(-50%);
    width: 42px;
    z-index: 5;
}

.awa-admin-login .awa-password-toggle::before {
    line-height: 1;
    margin: 0;
}

.awa-admin-login .awa-password-toggle:hover,
.awa-admin-login .awa-password-toggle:focus-visible {
    background: var(--awa3-color-primary-soft);
    color: var(--awa3-color-primary-dark);
}

.awa-admin-login .awa-login-submit {
    align-items: center;
    background: linear-gradient(135deg, var(--awa3-color-primary-dark), var(--awa3-color-primary)) !important;
    border: 0 !important;
    border-radius: var(--awa3-radius-pill);
    box-shadow: 0 16px 30px rgba(47, 111, 163, 0.24) !important;
    color: #fff !important;
    display: inline-flex;
    flex-direction: row-reverse;
    font-size: 1.08rem;
    font-weight: 800;
    gap: 12px;
    justify-content: center;
    min-height: 58px;
    width: 100%;
}

.awa-admin-login .awa-login-submit i {
    align-items: center;
    background: rgba(255, 255, 255, 0.16);
    border-radius: var(--awa3-radius-pill);
    display: inline-flex;
    font-size: 1.35rem;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.awa-admin-login #auth .awa-login-submit:hover,
.awa-admin-login #auth .awa-login-submit:focus-visible {
    background: linear-gradient(135deg, var(--awa3-color-primary-deep), var(--awa3-color-primary-dark)) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.awa-admin-login .awa-login-trust-line {
    align-items: center;
    background: var(--awa3-color-teal-soft);
    border: 1px solid rgba(24, 168, 148, 0.14);
    border-radius: var(--awa3-radius-pill);
    color: var(--awa3-color-teal-dark);
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    margin: 18px auto 0;
    min-height: 38px;
    padding: 7px 16px;
    width: fit-content;
}

.awa-admin-login .awa-login-trust-line i {
    color: var(--awa3-color-teal);
    font-size: 1rem;
}

.awa-admin-login .awa-demo-alert {
    background: var(--awa-color-danger-soft);
    border: 1px solid rgba(239, 68, 68, 0.18);
    border-radius: var(--awa3-radius-input);
    color: var(--awa-color-danger) !important;
    font-size: 0.9rem;
    padding: 12px 16px;
}

.awa-admin-login .awa-demo-divider hr {
    border-color: var(--awa3-color-border);
    margin-block: 12px;
    opacity: 1;
}

.awa-admin-login .awa-demo-divider .text-black-50 {
    color: var(--awa3-color-text-muted) !important;
    font-size: 0.9rem;
    font-weight: 700;
}

.awa-admin-login .awa-demo-actions {
    margin-inline: -4px;
}

.awa-admin-login .awa-demo-actions > [class*="col-"] {
    padding-inline: 4px;
}

.awa-admin-login .awa-demo-button {
    background: var(--awa3-color-teal-soft) !important;
    border: 1px solid rgba(24, 168, 148, 0.24) !important;
    border-radius: var(--awa3-radius-pill);
    box-shadow: none;
    color: var(--awa3-color-teal-dark) !important;
    min-height: 44px;
}

.awa-admin-login .awa-demo-button:hover,
.awa-admin-login .awa-demo-button:focus-visible {
    background: var(--awa3-color-teal) !important;
    color: #fff !important;
}

.awa-admin-login .awa-login-visual {
    align-self: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
    position: relative;
}

.awa-admin-login .awa-login-appbar {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    min-width: 0;
}

.awa-admin-login .awa-login-logo-tile {
    align-items: center;
    background: #fff;
    border: 1px solid var(--awa3-color-border);
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(29, 39, 55, 0.08);
    display: inline-flex;
    height: 72px;
    justify-content: center;
    padding: 12px;
    width: 72px;
}

.awa-admin-login .awa-login-logo-tile img {
    display: block;
    max-height: 48px;
    max-width: 52px;
    object-fit: contain;
}

.awa-admin-login .awa-login-announcement {
    align-items: center;
    background: var(--awa3-color-accent-soft);
    border: 1px solid rgba(244, 124, 53, 0.08);
    border-radius: var(--awa3-radius-pill);
    color: var(--awa3-color-accent-dark);
    display: inline-flex;
    font-size: 0.98rem;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    min-height: 46px;
    min-width: 0;
    padding: 8px 22px;
}

.awa-admin-login .awa-login-announcement i {
    color: var(--awa3-color-accent);
}

.awa-admin-login .awa-login-hero-banner {
    align-items: flex-end;
    background:
        radial-gradient(circle at 22% 40%, rgba(255, 255, 255, 0.18), transparent 23%),
        radial-gradient(circle at 78% 7%, rgba(255, 255, 255, 0.16), transparent 23%),
        linear-gradient(135deg, var(--awa3-color-primary-deep), var(--awa3-color-primary-dark) 56%, var(--awa3-color-primary));
    border-radius: var(--awa3-radius-banner);
    box-shadow: 0 24px 46px rgba(29, 63, 99, 0.18);
    display: flex;
    min-height: 330px;
    min-width: 0;
    overflow: hidden;
    padding: clamp(26px, 4vw, 44px);
    position: relative;
    width: 100%;
}

.awa-admin-login .awa-login-hero-banner::before,
.awa-admin-login .awa-login-hero-banner::after {
    background: rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
    position: absolute;
}

.awa-admin-login .awa-login-hero-banner::before {
    height: 130px;
    inset-block-start: 72px;
    inset-inline-start: -32px;
    transform: rotate(-7deg);
    width: 230px;
}

.awa-admin-login .awa-login-hero-banner::after {
    height: 104px;
    inset-block-start: -36px;
    inset-inline-end: 68px;
    width: 240px;
}

.awa-admin-login .awa-login-hero-badge {
    background: var(--awa3-color-accent);
    border-radius: var(--awa3-radius-pill);
    box-shadow: 0 12px 22px rgba(244, 124, 53, 0.24);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 800;
    inset-block-start: 28px;
    inset-inline-end: 28px;
    padding: 8px 20px;
    position: absolute;
    z-index: 2;
}

.awa-admin-login .awa-login-visual-content {
    margin-inline-start: auto;
    max-width: 560px;
    position: relative;
    text-align: start;
    z-index: 1;
}

.awa-admin-login .awa-login-visual h2 {
    color: #fff;
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.38;
    margin: 0;
}

.awa-admin-login .awa-login-visual p {
    color: rgba(255, 255, 255, 0.88);
    font-size: 1rem;
    line-height: 1.8;
    margin: 14px 0 0;
    max-width: 520px;
}

.awa-admin-login .awa-login-hero-cta {
    align-items: center;
    background: #fff;
    border-radius: var(--awa3-radius-pill);
    color: var(--awa3-color-primary-dark);
    display: inline-flex;
    font-size: 1rem;
    font-weight: 800;
    justify-content: center;
    margin-block-start: 24px;
    min-height: 46px;
    padding: 9px 24px;
}

.awa-admin-login .awa-login-highlights {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 100%;
    min-width: 0;
}

.awa-admin-login .awa-login-highlights span {
    align-items: center;
    background: #fff;
    border: 1px solid var(--awa3-color-border);
    border-radius: var(--awa3-radius-pill);
    box-shadow: 0 12px 26px rgba(29, 39, 55, 0.07);
    color: var(--awa3-color-text-primary);
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    min-height: 54px;
    min-width: 0;
    padding: 9px 18px;
    white-space: nowrap;
}

.awa-admin-login .awa-login-highlights i {
    color: var(--awa3-color-primary);
    font-size: 1.12rem;
}

.awa-admin-login .awa-login-highlights span:first-child i {
    color: var(--awa3-color-teal);
}

.awa-admin-login .awa-login-highlights span:last-child i {
    color: var(--awa3-color-accent);
}

.awa-stack {
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-5);
}

.awa-inline {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
}

.awa-text-start {
    text-align: start !important;
}

.awa-text-end {
    text-align: end !important;
}

.awa-ms-auto {
    margin-inline-start: auto !important;
}

.awa-me-auto {
    margin-inline-end: auto !important;
}

.awa-p-0 {
    padding: 0 !important;
}

.awa-p-5 {
    padding: var(--awa-space-5) !important;
}

.awa-p-7 {
    padding: var(--awa-space-7) !important;
}

.awa-gap-2 {
    gap: var(--awa-space-2) !important;
}

.awa-gap-5 {
    gap: var(--awa-space-5) !important;
}

.awa-rounded-lg {
    border-radius: var(--awa-radius-lg) !important;
}

.awa-shadow-sm {
    box-shadow: var(--awa-shadow-sm) !important;
}

@media (max-width: 1199.98px) {
    .awa-admin #main #main-content {
        padding: var(--awa-space-7) var(--awa-space-5);
    }

    .awa-admin .awa-topbar-nav {
        padding: var(--awa-space-3) var(--awa-space-5);
    }

    html[dir="ltr"] .awa-admin #app > .wrapper,
    html[dir="rtl"] .awa-admin #app > .wrapper {
        margin-left: 0;
        margin-right: 0;
        padding: 0 var(--awa-space-5) var(--awa-space-6);
    }

    .awa-admin .awa-dashboard-hero,
    .awa-admin .awa-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .awa-admin .awa-dashboard-actions {
        justify-content: flex-start;
    }

    .awa-admin .awa-dashboard-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .awa-admin .awa-page-hero {
        grid-template-columns: 1fr;
    }

    .awa-admin .awa-page-hero-meta {
        justify-content: flex-start;
    }

    .awa-admin-login .awa-login-shell.login-box {
        gap: var(--awa-space-7);
        grid-template-columns: minmax(340px, 430px) minmax(0, 1fr);
    }

    .awa-admin-login .awa-login-hero-banner {
        min-height: 300px;
    }
}

@media (max-width: 991.98px) {
    .awa-admin-login .awa-login-shell.login-box {
        grid-template-columns: minmax(0, 640px);
        padding: var(--awa-space-8) 0;
        width: min(640px, calc(100% - 32px));
    }

    body.awa-admin-login #auth #auth-box.awa-login-card {
        max-width: none;
        width: 100% !important;
    }

    .awa-admin-login .awa-login-visual {
        order: -1;
    }

    .awa-admin-login .awa-login-hero-banner {
        min-height: 210px;
    }

    .awa-admin-login .awa-login-highlights {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }
}

@media (max-width: 767.98px) {
    .awa-card,
    .awa-empty-state {
        padding: var(--awa-space-5);
    }

    .awa-admin .btn:not(.btn-sm):not(.btn-lg),
    .awa-auth .btn:not(.btn-sm):not(.btn-lg),
    .awa-btn {
        min-height: 44px;
        width: 100%;
    }

    .awa-admin .awa-table-card td .btn.btn-xs,
    .awa-admin .awa-table-card td .btn.icon,
    .awa-admin .awa-table-card td .editdata,
    .awa-admin .awa-table-card td .edit-status {
        width: auto;
    }

    .awa-admin .awa-topbar-container {
        align-items: center;
        flex-wrap: nowrap;
    }

    .awa-admin .awa-topbar-start,
    .awa-admin .awa-topbar-end {
        flex: 0 0 auto;
        width: auto;
    }

    .awa-admin .awa-topbar-end {
        margin-inline-start: auto;
    }

    .awa-admin .awa-topbar-collapse {
        gap: var(--awa-space-2);
    }

    .awa-admin .awa-profile-trigger {
        padding: var(--awa-space-1);
    }

    .awa-admin .awa-profile-trigger .text {
        display: none;
    }

    .awa-admin .awa-language-button {
        padding-inline: var(--awa-space-2);
    }

    .awa-admin .awa-page-heading .page-title {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-page-heading .awa-table-page-title {
        padding: 0;
    }

    .awa-admin .awa-page-hero {
        padding: var(--awa-space-6);
    }

    .awa-admin .awa-page-hero h1 {
        font-size: var(--awa-font-size-2xl);
    }

    .awa-admin .awa-filter-card,
    .awa-admin .awa-table-card {
        border-radius: var(--awa-radius-md);
    }

    .awa-admin .awa-filter-card,
    .awa-admin .awa-table-card .fixed-table-toolbar .bs-bars #filters.awa-filter-card {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-filter-card-header,
    .awa-admin .awa-table-card-header {
        align-items: stretch;
        flex-direction: column;
    }

    .awa-admin .awa-filter-chip,
    .awa-admin .awa-table-card-note {
        justify-content: center;
        width: 100%;
    }

    .awa-admin .awa-table-toolbar > [class*="col-"] {
        flex-basis: 100%;
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .awa-admin .awa-table-card-header,
    .awa-admin .awa-bootstrap-table {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-table-card .fixed-table-toolbar,
    .awa-admin .awa-table-card .fixed-table-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .awa-admin .awa-table-card .fixed-table-toolbar .bs-bars,
    .awa-admin .awa-table-card .fixed-table-toolbar .columns,
    .awa-admin .awa-table-card .fixed-table-toolbar .search,
    .awa-admin .awa-table-card .fixed-table-toolbar .search input,
    .awa-admin .awa-table-card .fixed-table-pagination .pagination-detail,
    .awa-admin .awa-table-card .fixed-table-pagination .pagination {
        width: 100%;
    }

    .awa-admin .awa-table-card .fixed-table-toolbar .columns {
        display: flex;
        flex-wrap: wrap;
        gap: var(--awa-space-2);
    }

    .awa-admin .awa-table-card .fixed-table-toolbar .columns .btn-group,
    .awa-admin .awa-table-card .fixed-table-toolbar .columns .btn {
        flex: 1 1 auto;
    }

    .awa-admin .awa-table-card .fixed-table-pagination .pagination {
        justify-content: center;
    }

    .awa-admin .awa-page-heading .page-title h1,
    .awa-admin .awa-page-heading .page-title h2,
    .awa-admin .awa-page-heading .page-title h3,
    .awa-admin .awa-page-heading .page-title h4 {
        font-size: var(--awa-font-size-xl);
    }

    .awa-admin .awa-dashboard {
        gap: var(--awa-space-5);
    }

    .awa-admin .awa-dashboard-hero,
    .awa-admin .awa-dashboard-card,
    .awa-admin .awa-metric-card {
        border-radius: var(--awa-radius-md);
    }

    .awa-admin .awa-dashboard-hero {
        padding: var(--awa-space-6);
    }

    .awa-admin .awa-dashboard-hero h1 {
        font-size: var(--awa-font-size-2xl);
    }

    .awa-admin .awa-dashboard-hero p {
        font-size: var(--awa-font-size-md);
    }

    .awa-admin .awa-dashboard-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .awa-admin .awa-dashboard-action {
        justify-content: center;
        width: 100%;
    }

    .awa-admin .awa-dashboard-metrics {
        grid-template-columns: 1fr;
    }

    .awa-admin .awa-metric-card {
        min-height: auto;
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-card-header {
        align-items: stretch;
        flex-direction: column;
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-card-link {
        justify-content: center;
        width: 100%;
    }

    .awa-admin .awa-dashboard-table-wrap,
    .awa-admin .awa-dashboard-visual,
    .awa-admin .awa-dashboard-map-wrap {
        padding: var(--awa-space-4);
    }

    .awa-admin .awa-dashboard-chart {
        min-height: 300px;
    }

    .awa-admin .awa-map-card {
        min-height: auto;
    }

    .awa-admin .awa-dashboard-map {
        height: 320px;
    }

    .awa-admin-login .awa-auth-shell {
        overflow-y: auto;
    }

    .awa-admin-login .awa-login-shell.login-box {
        gap: var(--awa-space-5);
        min-height: 100vh;
        min-height: 100dvh;
        max-width: calc(100vw - 64px);
        padding: var(--awa-space-5) 0 var(--awa-space-7);
        width: min(calc(100vw - 64px), 500px);
    }

    body.awa-admin-login #auth #auth-box.awa-login-card {
        border-radius: 22px;
        padding: var(--awa-space-6);
        width: 100% !important;
    }

    .awa-admin-login .awa-login-brand {
        gap: var(--awa-space-3);
        margin-block-end: var(--awa-space-5);
    }

    body.awa-admin-login #auth #auth-box.awa-login-card .auth-logo {
        border-radius: 20px;
        height: 72px;
        width: 72px;
    }

    body.awa-admin-login #auth #auth-box.awa-login-card .auth-logo img {
        max-height: 48px;
        max-width: 58px;
    }

    .awa-admin-login .awa-login-heading h1 {
        font-size: var(--awa-font-size-xl);
    }

    .awa-admin-login .awa-login-heading p:not(.awa-login-kicker) {
        font-size: var(--awa-font-size-sm);
    }

    .awa-admin-login .awa-login-form-wrap {
        margin-block-start: var(--awa-space-5);
    }

    .awa-admin-login .awa-login-field .form-control,
    .awa-admin-login .awa-login-submit {
        min-height: 54px;
        max-width: 100%;
        width: 100%;
    }

    .awa-admin-login .awa-login-field {
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }

    .awa-admin-login .awa-login-visual {
        gap: var(--awa-space-4);
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }

    .awa-admin-login .awa-login-appbar {
        gap: var(--awa-space-3);
    }

    .awa-admin-login .awa-login-logo-tile {
        border-radius: 18px;
        height: 58px;
        width: 58px;
    }

    .awa-admin-login .awa-login-logo-tile img {
        max-height: 38px;
        max-width: 42px;
    }

    .awa-admin-login .awa-login-announcement {
        flex: 1 1 auto;
        font-size: var(--awa-font-size-sm);
        min-height: 40px;
        padding-inline: var(--awa-space-4);
    }

    .awa-admin-login .awa-login-hero-banner {
        border-radius: 20px;
        max-width: 100%;
        min-height: 170px;
        padding: var(--awa-space-5);
        width: 100%;
    }

    .awa-admin-login .awa-login-hero-badge {
        font-size: var(--awa-font-size-xs);
        inset-block-start: var(--awa-space-4);
        inset-inline-end: var(--awa-space-4);
        padding: var(--awa-space-1) var(--awa-space-3);
    }

    .awa-admin-login .awa-login-visual h2 {
        font-size: var(--awa-font-size-lg);
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .awa-admin-login .awa-login-visual-content {
        margin: 0;
        max-width: 100%;
        width: 100%;
    }

    .awa-admin-login .awa-login-visual p {
        display: none;
    }

    .awa-admin-login .awa-login-hero-cta {
        display: none;
    }

    .awa-admin-login .awa-login-highlights {
        display: flex;
        gap: var(--awa-space-3);
        margin-inline: 0;
        max-width: 100%;
        overflow-x: auto;
        padding-block-end: var(--awa-space-1);
        scrollbar-width: thin;
        width: 100%;
    }

    .awa-admin-login .awa-login-highlights span {
        flex: 0 0 auto;
        font-size: var(--awa-font-size-sm);
        min-height: 46px;
        padding-inline: var(--awa-space-4);
    }

.awa-admin-login .awa-login-submit {
        width: 100%;
    }

    .awa-admin-login .awa-login-trust-line {
        max-width: 100%;
        text-align: center;
        white-space: normal;
    }
}

/* Phase 8A - Customers page */
.awa-admin .awa-customer-page-title {
    margin-bottom: 0;
}

.awa-admin .awa-customer-page {
    gap: var(--awa-space-7);
}

.awa-admin .awa-customer-summary {
    display: grid;
    gap: var(--awa-space-5);
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
}

.awa-admin .awa-customer-summary-card {
    align-items: flex-start;
    background:
        linear-gradient(135deg, rgba(234, 243, 251, 0.94), rgba(255, 255, 255, 0.98) 60%, rgba(231, 247, 245, 0.9)),
        var(--awa-color-surface);
    border: 1px solid rgba(45, 108, 159, 0.12);
    border-radius: 22px;
    box-shadow: var(--awa-shadow-sm);
    display: flex;
    gap: var(--awa-space-5);
    justify-content: space-between;
    min-width: 0;
    overflow: hidden;
    padding: var(--awa-space-7);
    position: relative;
}

.awa-admin .awa-customer-summary-card::after {
    background: linear-gradient(180deg, rgba(45, 108, 159, 0.1), transparent);
    content: "";
    inset-block: 0;
    inset-inline-end: 0;
    pointer-events: none;
    position: absolute;
    width: 88px;
}

.awa-admin .awa-customer-summary-card-secondary {
    background: var(--awa-color-surface);
    border-color: var(--awa-color-border);
    flex-direction: column;
    justify-content: flex-start;
}

.awa-admin .awa-customer-summary-copy {
    min-width: 0;
    position: relative;
    z-index: 1;
}

.awa-admin .awa-customer-summary-eyebrow {
    color: var(--awa-color-secondary-dark);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-bold);
    margin: 0 0 var(--awa-space-2);
}

.awa-admin .awa-customer-summary-card h2 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-2xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.35;
    margin: 0;
}

.awa-admin .awa-customer-summary-card p:not(.awa-customer-summary-eyebrow) {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
    margin: var(--awa-space-3) 0 0;
    max-width: 58ch;
}

.awa-admin .awa-customer-summary-pills {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--awa-space-3);
    position: relative;
    z-index: 1;
}

.awa-admin .awa-customer-summary-list {
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-4);
    list-style: none;
    margin: 0;
    padding: 0;
}

.awa-admin .awa-customer-summary-list li {
    align-items: flex-start;
    display: flex;
    gap: var(--awa-space-3);
    justify-content: space-between;
    min-width: 0;
}

.awa-admin .awa-customer-summary-list li > span:last-child {
    color: var(--awa-color-text-secondary);
    flex: 1 1 auto;
    font-size: var(--awa-font-size-sm);
    line-height: 1.7;
}

.awa-admin .awa-user-status {
    flex: 0 0 auto;
    min-width: 104px;
}

.awa-admin .awa-user-status-active {
    background: var(--awa-color-success-soft);
    color: #15803d;
}

.awa-admin .awa-user-status-trusted {
    background: var(--awa-color-secondary-soft);
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-user-status-highlight {
    background: var(--awa-color-accent-soft);
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-customer-table-card .awa-bootstrap-table {
    padding-top: var(--awa-space-4);
}

.awa-admin .awa-customer-table-card .fixed-table-toolbar {
    align-items: flex-start;
}

.awa-admin .awa-customer-table-card .fixed-table-toolbar .search {
    margin-inline-start: auto;
}

.awa-admin .awa-customer-table-card .fixed-table-toolbar .search input {
    min-width: min(320px, 100%);
}

.awa-admin .awa-user-table {
    min-width: 1260px;
}

.awa-admin .awa-customer-table-card .fixed-table-container {
    background: var(--awa-color-surface);
}

.awa-admin .awa-customer-table-card .fixed-table-container tbody td {
    line-height: 1.6;
}

.awa-admin .awa-customer-table-card .fixed-table-container tbody td[data-field="name"],
.awa-admin .awa-customer-table-card .fixed-table-container tbody td[data-field="email"],
.awa-admin .awa-customer-table-card .fixed-table-container tbody td[data-field="address"] {
    max-width: 240px;
    white-space: normal;
    word-break: break-word;
}

.awa-admin .awa-customer-table-card .fixed-table-container tbody td[data-field="type"],
.awa-admin .awa-customer-table-card .fixed-table-container tbody td[data-field="items_count"] {
    white-space: nowrap;
}

.awa-admin .awa-customer-table-card .fixed-table-container tbody td[data-field="profile"] {
    min-width: 84px;
}

.awa-admin .awa-customer-table-card .avatar-md,
.awa-admin .awa-customer-table-card td img.avatar-md,
.awa-admin .awa-customer-table-card td .img-fluid.avatar-md {
    border: 2px solid rgba(45, 108, 159, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
    height: 56px;
    object-fit: cover;
    width: 56px;
}

.awa-admin .awa-customer-table-card .assign_package,
.awa-admin .awa-customer-table-card .btn-outline-danger.assign_package {
    background: var(--awa-color-accent-soft);
    border-color: transparent;
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-customer-table-card .assign_package:hover,
.awa-admin .awa-customer-table-card .assign_package:focus-visible {
    background: var(--awa-color-accent-dark);
    border-color: var(--awa-color-accent-dark);
    color: var(--awa-color-text-inverse);
}

.awa-admin .awa-customer-table-card .update-status:not(:checked),
.awa-admin .awa-customer-table-card .update-auto-approve-status:not(:checked) {
    background-color: #dbe4ef;
    border-color: #dbe4ef;
}

.awa-admin .awa-customer-table-card .update-status:checked {
    background-color: var(--awa-color-secondary);
    border-color: var(--awa-color-secondary);
}

.awa-admin .awa-customer-table-card .update-auto-approve-status:checked {
    background-color: var(--awa-color-accent-dark);
    border-color: var(--awa-color-accent-dark);
}

.awa-admin .awa-customer-modal .modal-dialog {
    max-width: 640px;
}

.awa-admin .awa-customer-modal .modal-content {
    overflow: hidden;
}

.awa-admin .awa-customer-modal .modal-header {
    background:
        linear-gradient(135deg, rgba(234, 243, 251, 0.9), rgba(255, 255, 255, 0.98) 58%, rgba(255, 243, 232, 0.88)),
        var(--awa-color-surface);
    padding: var(--awa-space-6) var(--awa-space-7);
}

.awa-admin .awa-customer-modal .modal-body {
    padding: var(--awa-space-7);
}

.awa-admin .awa-customer-package-form {
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-4);
}

.awa-admin .awa-customer-package-form .form-group {
    margin-bottom: 0;
}

.awa-admin .awa-choice-grid {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
}

.awa-admin .awa-choice-grid > [class*="col-"] {
    align-items: flex-start;
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    display: flex;
    gap: var(--awa-space-3);
    min-height: 72px;
    padding: var(--awa-space-5);
}

.awa-admin .awa-choice-grid .form-check-input {
    flex: 0 0 auto;
    margin: 3px 0 0;
}

.awa-admin .awa-choice-grid label {
    color: var(--awa-color-text-primary);
    cursor: pointer;
    font-size: var(--awa-font-size-md);
    font-weight: var(--awa-font-weight-semibold);
    margin: 0;
}

.awa-admin .awa-package-details {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.95));
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    padding: var(--awa-space-5);
}

.awa-admin .awa-package-details p {
    align-items: center;
    color: var(--awa-color-text-secondary);
    display: flex;
    gap: var(--awa-space-2);
    justify-content: space-between;
    margin: 0;
    padding: var(--awa-space-2) 0;
}

.awa-admin .awa-package-details p + p {
    border-top: 1px solid rgba(203, 213, 225, 0.7);
}

.awa-admin .awa-package-details strong {
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
}

.awa-admin .awa-customer-modal .cheque .form-control {
    background: var(--awa-color-surface-soft);
}

@media (max-width: 1024px) {
    .awa-admin .awa-customer-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .awa-admin .awa-customer-summary-card {
        flex-direction: column;
    }

    .awa-admin .awa-customer-summary-pills {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .awa-admin .awa-customer-summary-card,
    .awa-admin .awa-customer-modal .modal-header,
    .awa-admin .awa-customer-modal .modal-body {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-customer-summary-list li {
        flex-direction: column;
    }

    .awa-admin .awa-user-status {
        min-width: 0;
        width: fit-content;
    }

    .awa-admin .awa-customer-table-card .fixed-table-toolbar .search {
        margin-inline-start: 0;
        width: 100%;
    }

    .awa-admin .awa-customer-table-card .fixed-table-toolbar .search input {
        min-width: 100%;
    }
}

@media (max-width: 576px) {
    .awa-admin .awa-customer-summary-card h2 {
        font-size: var(--awa-font-size-xl);
    }

    .awa-admin .awa-customer-summary-card p:not(.awa-customer-summary-eyebrow) {
        font-size: var(--awa-font-size-sm);
    }

    .awa-admin .awa-choice-grid > [class*="col-"] {
        min-height: 0;
        padding: var(--awa-space-4);
    }
}

/* Phase 8B - Staff and roles */
.awa-admin .awa-staff-page,
.awa-admin .awa-role-page,
.awa-admin .awa-permission-page {
    min-width: 0;
}

.awa-admin .awa-access-summary {
    display: grid;
    gap: var(--awa-space-5);
}

.awa-admin .awa-access-summary-card {
    align-items: flex-start;
    background:
        linear-gradient(135deg, rgba(234, 243, 251, 0.94), rgba(255, 255, 255, 0.98) 56%, rgba(231, 247, 245, 0.9)),
        var(--awa-color-surface);
    border: 1px solid rgba(45, 108, 159, 0.12);
    border-radius: 22px;
    box-shadow: var(--awa-shadow-sm);
    display: flex;
    gap: var(--awa-space-5);
    justify-content: space-between;
    min-width: 0;
    overflow: hidden;
    padding: var(--awa-space-7);
    position: relative;
}

.awa-admin .awa-access-summary-card::after {
    background: linear-gradient(180deg, rgba(15, 159, 148, 0.11), transparent);
    content: "";
    inset-block: 0;
    inset-inline-end: 0;
    position: absolute;
    width: 92px;
}

.awa-admin .awa-access-summary-card > * {
    position: relative;
    z-index: 1;
}

.awa-admin .awa-access-summary-eyebrow {
    color: var(--awa-color-secondary-dark);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-bold);
    margin: 0 0 var(--awa-space-2);
}

.awa-admin .awa-access-summary-card h2 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-2xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.35;
    margin: 0;
}

.awa-admin .awa-access-summary-card p:not(.awa-access-summary-eyebrow) {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
    margin: var(--awa-space-3) 0 0;
    max-width: 60ch;
}

.awa-admin .awa-access-summary-pills {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--awa-space-3);
}

.awa-admin .awa-team-table-card .awa-bootstrap-table {
    padding-top: var(--awa-space-4);
}

.awa-admin .awa-team-table {
    min-width: 980px;
}

.awa-admin .awa-role-table {
    min-width: 900px;
}

.awa-admin .awa-team-table-card .fixed-table-container tbody td[data-field="name"],
.awa-admin .awa-team-table-card .fixed-table-container tbody td[data-field="email"] {
    max-width: 260px;
    white-space: normal;
    word-break: break-word;
}

.awa-admin .awa-team-table-card .fixed-table-container tbody td {
    line-height: 1.6;
}

.awa-admin .awa-team-table-card .fixed-table-toolbar .search {
    margin-inline-start: auto;
}

.awa-admin .awa-team-table-card .fixed-table-toolbar .search input {
    min-width: min(320px, 100%);
}

.awa-admin .awa-staff-card .modal-header,
.awa-admin .awa-role-card .modal-header {
    background:
        linear-gradient(135deg, rgba(234, 243, 251, 0.9), rgba(255, 255, 255, 0.98) 58%, rgba(231, 247, 245, 0.86)),
        var(--awa-color-surface);
}

.awa-admin .awa-staff-modal .modal-dialog {
    max-width: 620px;
}

.awa-admin .awa-staff-form .modal-body,
.awa-admin .awa-staff-modal .modal-body {
    padding: var(--awa-space-7);
}

.awa-admin .awa-modal-helper {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    margin: var(--awa-space-2) 0 0;
}

.awa-admin .awa-staff-form .form-group:last-child {
    margin-bottom: 0;
}

.awa-admin #permission-list {
    display: none;
}

.awa-admin .awa-permission-section {
    min-width: 0;
}

.awa-admin .awa-permission-shell {
    display: grid;
    gap: var(--awa-space-5);
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    min-width: 0;
}

.awa-admin .awa-permission-summary {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.94));
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    padding: var(--awa-space-6);
}

.awa-admin .awa-permission-summary h4 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-lg);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.4;
    margin: 0;
}

.awa-admin .awa-permission-summary p:not(.awa-access-summary-eyebrow) {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-sm);
    margin: var(--awa-space-3) 0 0;
}

.awa-admin .awa-permission-tree {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: 18px;
    min-height: 420px;
    overflow: auto;
    padding: var(--awa-space-5);
}

.awa-admin .awa-permission-tree > ul {
    margin: 0;
}

.awa-admin .awa-permission-tree .jstree-container-ul,
.awa-admin .awa-permission-tree .jstree-children {
    margin: 0;
}

.awa-admin .awa-permission-tree .jstree-anchor {
    border-radius: var(--awa-radius-sm);
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
    line-height: 1.6;
    min-height: 34px;
    padding-inline: var(--awa-space-2);
}

.awa-admin .awa-permission-tree .jstree-anchor:hover,
.awa-admin .awa-permission-tree .jstree-clicked {
    background: var(--awa-color-primary-soft) !important;
    box-shadow: none !important;
    color: var(--awa-color-primary-dark) !important;
}

.awa-admin .awa-permission-tree .jstree-hovered {
    background: rgba(45, 108, 159, 0.08) !important;
    box-shadow: none !important;
    color: var(--awa-color-primary-dark) !important;
}

.awa-admin .awa-permission-tree .jstree-default .jstree-checkbox {
    background-size: 20px;
}

.awa-admin .awa-permission-tree .jstree-default .jstree-icon {
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-role-readonly-value {
    align-items: center;
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    color: var(--awa-color-text-secondary);
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
    padding: var(--awa-space-5);
}

.awa-admin .awa-role-readonly-value strong {
    color: var(--awa-color-text-primary);
}

.awa-admin .awa-permission-chip-grid {
    display: grid;
    gap: var(--awa-space-3);
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.awa-admin .awa-permission-chip-item {
    min-width: 0;
}

.awa-admin .awa-permission-chip {
    background: var(--awa-color-primary-soft);
    border: 1px solid rgba(45, 108, 159, 0.12);
    border-radius: var(--awa-radius-lg);
    color: var(--awa-color-primary-dark);
    display: inline-flex;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    line-height: 1.5;
    max-width: 100%;
    padding: var(--awa-space-3) var(--awa-space-4);
    white-space: normal;
    word-break: break-word;
}

@media (max-width: 1024px) {
    .awa-admin .awa-permission-shell,
    .awa-admin .awa-access-summary-card {
        grid-template-columns: minmax(0, 1fr);
        flex-direction: column;
    }

    .awa-admin .awa-access-summary-pills {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .awa-admin .awa-staff-form .modal-body,
    .awa-admin .awa-staff-modal .modal-body,
    .awa-admin .awa-access-summary-card {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-team-table-card .fixed-table-toolbar .search {
        margin-inline-start: 0;
        width: 100%;
    }

    .awa-admin .awa-team-table-card .fixed-table-toolbar .search input {
        min-width: 100%;
    }

    .awa-admin .awa-permission-tree {
        min-height: 360px;
        padding: var(--awa-space-4);
    }
}

@media (max-width: 576px) {
    .awa-admin .awa-access-summary-card h2 {
        font-size: var(--awa-font-size-xl);
    }

    .awa-admin .awa-access-summary-card p:not(.awa-access-summary-eyebrow) {
        font-size: var(--awa-font-size-sm);
    }

    .awa-admin .awa-role-readonly-value {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Phase 9A - Seller verification and reviews */
.awa-admin .awa-seller-page,
.awa-admin .awa-verification-page,
.awa-admin .awa-review-page {
    display: grid;
    gap: var(--awa-space-7);
}

.awa-admin .awa-verification-hero {
    background:
        linear-gradient(135deg, rgba(45, 108, 159, 0.96), rgba(31, 79, 120, 0.94) 48%, rgba(15, 159, 148, 0.88)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0));
}

.awa-admin .awa-review-hero {
    background:
        linear-gradient(135deg, rgba(12, 74, 110, 0.95), rgba(45, 108, 159, 0.92) 45%, rgba(251, 146, 60, 0.78)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}

.awa-admin .awa-trust-summary {
    display: grid;
    gap: var(--awa-space-5);
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
}

.awa-admin .awa-trust-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    border: 1px solid var(--awa-color-border);
    border-radius: 20px;
    box-shadow: var(--awa-shadow-sm);
    display: flex;
    gap: var(--awa-space-6);
    justify-content: space-between;
    padding: var(--awa-space-7);
}

.awa-admin .awa-trust-card.awa-table-card,
.awa-admin .awa-trust-card.awa-form-card {
    box-shadow: var(--awa-shadow-md);
    flex-direction: column;
}

.awa-admin .awa-trust-card-secondary {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.96));
}

.awa-admin .awa-trust-card-copy h2 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-2xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.35;
    margin: 0;
}

.awa-admin .awa-trust-card-copy p:not(.awa-access-summary-eyebrow) {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
    margin: var(--awa-space-3) 0 0;
    max-width: 60ch;
}

.awa-admin .awa-trust-card-pills {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--awa-space-3);
}

.awa-admin .awa-trust-status-list {
    display: grid;
    gap: var(--awa-space-3);
    list-style: none;
    margin: var(--awa-space-5) 0 0;
    padding: 0;
}

.awa-admin .awa-trust-status-list li {
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: var(--awa-radius-lg);
    display: flex;
    gap: var(--awa-space-3);
    padding: var(--awa-space-4);
}

.awa-admin .awa-trust-status-list li > span:last-child {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-sm);
    line-height: 1.7;
}

.awa-admin .awa-trust-status {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--awa-radius-pill);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    justify-content: center;
    line-height: 1.3;
    min-height: 32px;
    min-width: 96px;
    padding: 0 var(--awa-space-4);
    text-align: center;
}

.awa-admin .awa-trust-status-primary {
    background: var(--awa-color-primary-soft);
    border-color: rgba(45, 108, 159, 0.14);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-trust-status-success {
    background: var(--awa-color-secondary-soft);
    border-color: rgba(15, 159, 148, 0.16);
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-trust-status-warning {
    background: var(--awa-color-accent-soft);
    border-color: rgba(249, 115, 22, 0.18);
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-trust-status-danger {
    background: var(--awa-color-danger-soft);
    border-color: rgba(239, 68, 68, 0.16);
    color: #b91c1c;
}

.awa-admin .awa-verification-table-card .awa-bootstrap-table,
.awa-admin .awa-review-table-card .awa-bootstrap-table {
    padding-top: var(--awa-space-4);
}

.awa-admin .awa-verification-table {
    min-width: 780px;
}

.awa-admin .awa-review-table {
    min-width: 1120px;
}

.awa-admin .awa-review-table-card .fixed-table-container tbody td[data-field="review"],
.awa-admin .awa-review-table-card .fixed-table-container tbody td[data-field="report_reason"],
.awa-admin .awa-review-table-card .fixed-table-container tbody td[data-field="report_rejected_reason"] {
    max-width: 280px;
    white-space: normal;
    word-break: break-word;
}

.awa-admin .awa-verification-table-card .fixed-table-container tbody td[data-field="values"],
.awa-admin .awa-verification-table-card .fixed-table-container tbody td[data-field="user_name"] {
    max-width: 240px;
    white-space: normal;
    word-break: break-word;
}

.awa-admin .awa-rating-stars,
.awa-admin .awa-review-table-card .fixed-table-container tbody td[data-field="ratings"] {
    direction: ltr;
    white-space: nowrap;
}

.awa-admin .awa-review-table-card .fixed-table-container tbody td[data-field="ratings"] i {
    font-size: 15px;
    margin-inline-end: 2px;
}

.awa-admin .awa-review-table-card .short-description,
.awa-admin .awa-review-table-card .full-description,
.awa-admin .awa-review-comment {
    color: var(--awa-color-text-secondary);
    line-height: 1.7;
}

.awa-admin .awa-review-table-card .short-description a,
.awa-admin .awa-review-table-card .full-description a {
    font-weight: var(--awa-font-weight-semibold);
    text-decoration: none;
}

.awa-admin .awa-seller-modal .modal-dialog {
    max-width: 720px;
}

.awa-admin .awa-seller-modal.awa-seller-modal-lg .modal-dialog {
    max-width: 920px;
}

.awa-admin .awa-seller-modal .modal-header,
.awa-admin .awa-verification-card .awa-form-section-header:first-child {
    background:
        linear-gradient(135deg, rgba(234, 243, 251, 0.94), rgba(255, 255, 255, 0.98) 58%, rgba(231, 247, 245, 0.86)),
        var(--awa-color-surface);
}

.awa-admin .awa-seller-form,
.awa-admin .awa-verification-card {
    min-width: 0;
}

.awa-admin .awa-seller-form .modal-body,
.awa-admin .awa-seller-modal .modal-body {
    padding: var(--awa-space-7);
}

.awa-admin .awa-document-preview {
    min-width: 0;
}

.awa-admin .awa-document-preview .nav-tabs,
.awa-admin .awa-locale-tabs {
    border-bottom: 1px solid var(--awa-color-border);
    gap: var(--awa-space-2);
}

.awa-admin .awa-document-preview .nav-tabs .nav-link,
.awa-admin .awa-locale-tabs .nav-link {
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--awa-radius-md);
    color: var(--awa-color-text-secondary);
    font-weight: var(--awa-font-weight-semibold);
    margin-bottom: -1px;
    padding: var(--awa-space-3) var(--awa-space-5);
}

.awa-admin .awa-document-preview .nav-tabs .nav-link.active,
.awa-admin .awa-document-preview .nav-tabs .nav-link:hover,
.awa-admin .awa-locale-tabs .nav-link.active,
.awa-admin .awa-locale-tabs .nav-link:hover {
    background: var(--awa-color-primary-soft);
    border-color: rgba(45, 108, 159, 0.12);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-document-preview .tab-content {
    background: var(--awa-color-surface-soft);
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-lg);
    margin-top: var(--awa-space-5);
    padding: var(--awa-space-5);
}

.awa-admin .awa-document-preview table {
    margin-bottom: 0;
}

.awa-admin .awa-document-preview table th {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-bold);
}

.awa-admin .awa-document-preview table td {
    color: var(--awa-color-text-secondary);
    vertical-align: top;
}

.awa-admin .awa-document-preview a {
    font-weight: var(--awa-font-weight-semibold);
    text-decoration: underline;
}

.awa-admin .awa-inline-note {
    border-radius: var(--awa-radius-md);
}

.awa-admin .awa-verification-card .select2-container,
.awa-admin .awa-verification-card .select2-selection,
.awa-admin .awa-verification-card .select2-container--default .select2-selection--multiple {
    min-height: 46px;
}

@media (max-width: 1024px) {
    .awa-admin .awa-trust-summary,
    .awa-admin .awa-trust-card {
        grid-template-columns: minmax(0, 1fr);
        flex-direction: column;
    }

    .awa-admin .awa-trust-card-pills {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .awa-admin .awa-review-table {
        min-width: 980px;
    }
}

@media (max-width: 768px) {
    .awa-admin .awa-seller-modal .modal-body,
    .awa-admin .awa-trust-card,
    .awa-admin .awa-document-preview .tab-content {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-trust-status-list li {
        flex-direction: column;
    }

    .awa-admin .awa-trust-status {
        min-width: 0;
    }
}

@media (max-width: 576px) {
    .awa-admin .awa-trust-card-copy h2 {
        font-size: var(--awa-font-size-xl);
    }

    .awa-admin .awa-document-preview .nav-tabs .nav-link,
    .awa-admin .awa-locale-tabs .nav-link {
        padding-inline: var(--awa-space-4);
        width: 100%;
    }
}

/* Phase 10A - Reports and report reasons */
.awa-admin .awa-reports-page,
.awa-admin .awa-report-reasons-page,
.awa-admin .awa-moderation-page {
    display: grid;
    gap: var(--awa-space-7);
}

.awa-admin .awa-moderation-hero {
    background:
        linear-gradient(135deg, rgba(15, 33, 61, 0.95), rgba(45, 108, 159, 0.92) 48%, rgba(249, 115, 22, 0.72)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}

.awa-admin .awa-moderation-summary {
    display: grid;
    gap: var(--awa-space-5);
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
}

.awa-admin .awa-report-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    border: 1px solid var(--awa-color-border);
    border-radius: 20px;
    box-shadow: var(--awa-shadow-sm);
    display: flex;
    gap: var(--awa-space-6);
    justify-content: space-between;
    padding: var(--awa-space-7);
}

.awa-admin .awa-report-card.awa-table-card,
.awa-admin .awa-report-card.awa-form-card {
    box-shadow: var(--awa-shadow-md);
    flex-direction: column;
}

.awa-admin .awa-report-card-secondary {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.96));
}

.awa-admin .awa-report-card-copy h2 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-2xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.35;
    margin: 0;
}

.awa-admin .awa-report-card-copy p:not(.awa-access-summary-eyebrow) {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
    margin: var(--awa-space-3) 0 0;
    max-width: 62ch;
}

.awa-admin .awa-report-card-pills {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--awa-space-3);
}

.awa-admin .awa-safety-status-list {
    display: grid;
    gap: var(--awa-space-3);
    list-style: none;
    margin: var(--awa-space-5) 0 0;
    padding: 0;
}

.awa-admin .awa-safety-status-list li {
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: var(--awa-radius-lg);
    display: flex;
    gap: var(--awa-space-3);
    padding: var(--awa-space-4);
}

.awa-admin .awa-safety-status-list li > span:last-child {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-sm);
    line-height: 1.7;
}

.awa-admin .awa-safety-status {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--awa-radius-pill);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    justify-content: center;
    line-height: 1.3;
    min-height: 32px;
    min-width: 108px;
    padding: 0 var(--awa-space-4);
    text-align: center;
}

.awa-admin .awa-safety-status-primary {
    background: var(--awa-color-primary-soft);
    border-color: rgba(45, 108, 159, 0.14);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-safety-status-success {
    background: var(--awa-color-secondary-soft);
    border-color: rgba(15, 159, 148, 0.16);
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-safety-status-warning {
    background: var(--awa-color-accent-soft);
    border-color: rgba(249, 115, 22, 0.18);
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-safety-status-danger {
    background: var(--awa-color-danger-soft);
    border-color: rgba(239, 68, 68, 0.16);
    color: #b91c1c;
}

.awa-admin .awa-report-table-card .awa-bootstrap-table {
    padding-top: var(--awa-space-4);
}

.awa-admin .awa-reports-table {
    min-width: 1120px;
}

.awa-admin .awa-report-reasons-table {
    min-width: 720px;
}

.awa-admin .awa-reports-page #filters.awa-filter-card {
    margin-bottom: var(--awa-space-4);
}

.awa-admin .awa-report-table-card #filters.awa-filter-card label {
    color: var(--awa-color-text-primary);
    display: block;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    margin-bottom: var(--awa-space-2);
}

.awa-admin .awa-report-table-card #filters.awa-filter-card .form-control,
.awa-admin .awa-report-table-card #filters.awa-filter-card .form-select,
.awa-admin .awa-report-table-card #filters.awa-filter-card select {
    border: 1px solid var(--awa-color-border);
    border-radius: var(--awa-radius-md);
    min-height: 44px;
}

.awa-admin .awa-report-table-card .fixed-table-container tbody td[data-field="reason"],
.awa-admin .awa-report-table-card .fixed-table-container tbody td[data-field="item.name"],
.awa-admin .awa-report-table-card .fixed-table-container tbody td[data-field="user.name"] {
    max-width: 250px;
    white-space: normal;
    word-break: break-word;
}

.awa-admin .awa-report-table-card .fixed-table-container tbody td[data-field="item.image"] .img-fluid,
.awa-admin .awa-report-table-card .fixed-table-container tbody td[data-field="item.image"] img {
    border-radius: 14px;
}

.awa-admin .awa-report-target,
.awa-admin .awa-report-comment,
.awa-admin .awa-report-detail {
    color: var(--awa-color-text-secondary);
    line-height: 1.7;
}

.awa-admin .awa-report-reasons-page .awa-form-card .tab-content,
.awa-admin .awa-report-modal .tab-content {
    margin-top: var(--awa-space-5);
}

.awa-admin .awa-report-modal .modal-dialog {
    max-width: 760px;
}

.awa-admin .awa-report-modal .modal-header,
.awa-admin .awa-report-reason-card .awa-form-section-header:first-child {
    background:
        linear-gradient(135deg, rgba(234, 243, 251, 0.94), rgba(255, 255, 255, 0.98) 58%, rgba(255, 243, 232, 0.86)),
        var(--awa-color-surface);
}

.awa-admin .awa-report-form .modal-body,
.awa-admin .awa-report-modal .modal-body {
    padding: var(--awa-space-7);
}

.awa-admin .awa-report-modal .form-group:last-child {
    margin-bottom: 0;
}

.awa-admin .awa-report-table-card .form-check .form-check-input.update-item-status:checked,
.awa-admin .awa-report-table-card .form-check .form-check-input.update-user-status:checked {
    background-color: var(--awa-color-secondary);
    border-color: var(--awa-color-secondary);
}

.awa-admin .awa-report-table-card .form-check .form-check-input.update-item-status:not(:checked),
.awa-admin .awa-report-table-card .form-check .form-check-input.update-user-status:not(:checked) {
    background-color: rgba(239, 68, 68, 0.18);
    border-color: rgba(239, 68, 68, 0.24);
}

@media (max-width: 1024px) {
    .awa-admin .awa-moderation-summary,
    .awa-admin .awa-report-card {
        grid-template-columns: minmax(0, 1fr);
        flex-direction: column;
    }

    .awa-admin .awa-report-card-pills {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .awa-admin .awa-report-card,
    .awa-admin .awa-report-modal .modal-body {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-safety-status-list li {
        flex-direction: column;
    }

    .awa-admin .awa-safety-status {
        min-width: 0;
    }
}

@media (max-width: 576px) {
    .awa-admin .awa-report-card-copy h2 {
        font-size: var(--awa-font-size-xl);
    }
}

/* Phase 11A - Packages and payments */
.awa-admin .awa-packages-page,
.awa-admin .awa-payments-page,
.awa-admin .awa-transactions-page,
.awa-admin .awa-bank-transfer-page,
.awa-admin .awa-monetization-page {
    display: grid;
    gap: var(--awa-space-7);
}

.awa-admin .awa-packages-page {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.awa-admin .awa-packages-page > * {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.awa-admin .awa-packages-page > .row {
    margin-left: 0;
    margin-right: 0;
}

.awa-admin .awa-monetization-hero {
    background:
        linear-gradient(135deg, rgba(14, 33, 57, 0.96), rgba(45, 108, 159, 0.92) 48%, rgba(15, 159, 148, 0.78)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0));
}

.awa-admin .awa-monetization-hero .awa-page-eyebrow,
.awa-admin .awa-settings-hero .awa-page-eyebrow {
    color: rgba(153, 246, 228, 0.94);
}

.awa-admin .awa-monetization-hero h1,
.awa-admin .awa-settings-hero h1 {
    color: var(--awa-color-text-inverse);
}

.awa-admin .awa-monetization-hero p:not(.awa-page-eyebrow),
.awa-admin .awa-settings-hero p:not(.awa-page-eyebrow) {
    color: rgba(255, 255, 255, 0.82);
}

.awa-admin .awa-verification-hero,
.awa-admin .awa-review-hero,
.awa-admin .awa-monetization-hero {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-inline-start: 5px solid var(--awa-color-primary);
    box-shadow: var(--awa-shadow-sm);
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
}

.awa-admin .awa-verification-hero .awa-page-hero-content,
.awa-admin .awa-review-hero .awa-page-hero-content,
.awa-admin .awa-monetization-hero .awa-page-hero-content {
    justify-self: center;
    max-width: 760px;
    text-align: center;
    width: 100%;
}

.awa-admin .awa-verification-hero .awa-page-eyebrow,
.awa-admin .awa-review-hero .awa-page-eyebrow,
.awa-admin .awa-monetization-hero .awa-page-eyebrow {
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-verification-hero h1,
.awa-admin .awa-review-hero h1,
.awa-admin .awa-monetization-hero h1 {
    color: var(--awa-color-text-primary);
}

.awa-admin .awa-verification-hero p:not(.awa-page-eyebrow),
.awa-admin .awa-review-hero p:not(.awa-page-eyebrow),
.awa-admin .awa-monetization-hero p:not(.awa-page-eyebrow) {
    color: var(--awa-color-text-secondary);
    margin-inline: auto;
}

.awa-admin .awa-verification-hero .awa-page-hero-meta,
.awa-admin .awa-review-hero .awa-page-hero-meta,
.awa-admin .awa-monetization-hero .awa-page-hero-meta {
    grid-column: 1;
    justify-content: center;
    width: 100%;
}

.awa-admin .awa-monetization-summary {
    display: grid;
    gap: var(--awa-space-5);
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
}

.awa-admin .awa-monetization-summary > *,
.awa-admin .awa-package-card > * {
    min-width: 0;
}

.awa-admin .awa-packages-page .awa-monetization-summary {
    grid-template-columns: minmax(0, 1fr);
}

.awa-admin .awa-package-card,
.awa-admin .awa-transaction-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    border: 1px solid var(--awa-color-border);
    border-radius: 20px;
    box-shadow: var(--awa-shadow-sm);
    display: flex;
    gap: var(--awa-space-6);
    justify-content: space-between;
    padding: var(--awa-space-7);
}

.awa-admin .awa-package-card.awa-form-card,
.awa-admin .awa-package-card.awa-table-card,
.awa-admin .awa-transaction-card.awa-table-card {
    box-shadow: var(--awa-shadow-md);
    flex-direction: column;
}

.awa-admin .awa-package-card-secondary {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.96));
    flex-direction: column;
}

.awa-admin .awa-package-card-copy h2 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-2xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.35;
    margin: 0;
}

.awa-admin .awa-package-card-copy p:not(.awa-access-summary-eyebrow) {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
    margin: var(--awa-space-3) 0 0;
    max-width: 64ch;
}

.awa-admin .awa-package-card-pills {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--awa-space-3);
}

.awa-admin .awa-package-feature-list {
    display: grid;
    gap: var(--awa-space-3);
    list-style: none;
    margin: var(--awa-space-5) 0 0;
    padding: 0;
}

.awa-admin .awa-package-feature-list li {
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: var(--awa-radius-lg);
    display: flex;
    gap: var(--awa-space-3);
    min-width: 0;
    padding: var(--awa-space-4);
}

.awa-admin .awa-package-feature-list li > span:last-child {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-sm);
    line-height: 1.7;
    min-width: 0;
    overflow-wrap: anywhere;
}

.awa-admin .awa-payment-status {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--awa-radius-pill);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    justify-content: center;
    line-height: 1.3;
    min-height: 32px;
    min-width: 108px;
    padding: 0 var(--awa-space-4);
    text-align: center;
}

.awa-admin .awa-payment-status-primary {
    background: var(--awa-color-primary-soft);
    border-color: rgba(45, 108, 159, 0.16);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-payment-status-success {
    background: var(--awa-color-secondary-soft);
    border-color: rgba(15, 159, 148, 0.16);
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-payment-status-warning {
    background: var(--awa-color-accent-soft);
    border-color: rgba(249, 115, 22, 0.18);
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-payment-status-danger {
    background: var(--awa-color-danger-soft);
    border-color: rgba(239, 68, 68, 0.18);
    color: #b91c1c;
}

.awa-admin .awa-package-form-card .awa-form-section,
.awa-admin .awa-payment-modal .modal-body {
    display: grid;
    gap: var(--awa-space-6);
    padding: var(--awa-space-7);
}

.awa-admin .awa-package-form .modal-body {
    display: grid;
    gap: var(--awa-space-6);
    padding: var(--awa-space-7);
}

.awa-admin .awa-form-subsection {
    background: rgba(248, 250, 252, 0.74);
    border: 1px solid rgba(226, 232, 240, 0.82);
    border-radius: 18px;
    padding: var(--awa-space-5);
}

.awa-admin .awa-form-subsection-header {
    margin-bottom: var(--awa-space-5);
}

.awa-admin .awa-form-subsection-header h3 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-lg);
    font-weight: var(--awa-font-weight-semibold);
    margin: 0;
}

.awa-admin .awa-form-subsection-header p {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    margin: var(--awa-space-2) 0 0;
}

.awa-admin .awa-translation-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
    padding: var(--awa-space-5);
}

.awa-admin .awa-translation-card + .awa-translation-card {
    margin-top: var(--awa-space-4);
}

.awa-admin .awa-translation-card h4 {
    color: var(--awa-color-primary-dark);
    font-size: var(--awa-font-size-md);
    font-weight: var(--awa-font-weight-semibold);
    margin: 0 0 var(--awa-space-4);
}

.awa-admin .awa-inline-choice {
    align-items: center;
    display: flex;
    gap: var(--awa-space-2);
    margin-bottom: var(--awa-space-3);
}

.awa-admin .awa-inline-choice input[type="radio"] {
    accent-color: var(--awa-color-primary);
    inline-size: 18px;
    block-size: 18px;
}

.awa-admin .awa-inline-choice label {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
    margin: 0;
}

.awa-admin .awa-payment-table-card .awa-bootstrap-table {
    padding-top: var(--awa-space-4);
}

.awa-admin .awa-package-table,
.awa-admin .awa-transaction-table {
    min-width: 980px;
}

.awa-admin .awa-payment-table-card .fixed-table-container tbody td[data-field="name"],
.awa-admin .awa-payment-table-card .fixed-table-container tbody td[data-field="package.name"],
.awa-admin .awa-payment-table-card .fixed-table-container tbody td[data-field="user.name"],
.awa-admin .awa-payment-table-card .fixed-table-container tbody td[data-field="payment_gateway"] {
    max-width: 220px;
    white-space: normal;
    word-break: break-word;
}

.awa-admin .awa-payment-table-card .fixed-table-container tbody td[data-field="description"] {
    max-width: 320px;
    white-space: normal;
    word-break: break-word;
}

.awa-admin .awa-payment-table-card .fixed-table-container tbody td[data-field="icon"] img,
.awa-admin .awa-payment-table-card .fixed-table-container tbody td[data-field="payment_receipt"] img {
    border-radius: 14px;
}

.awa-admin .awa-payment-table-card .badge.rounded-pill,
.awa-admin .awa-bank-transfer-page .badge.rounded-pill,
.awa-admin .awa-transactions-page .badge.rounded-pill {
    border: 1px solid transparent;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    padding: 0.5rem 0.8rem;
}

.awa-admin .awa-payment-table-card .badge.bg-success,
.awa-admin .awa-bank-transfer-page .badge.bg-success,
.awa-admin .awa-transactions-page .badge.bg-success {
    background: var(--awa-color-secondary-soft) !important;
    border-color: rgba(15, 159, 148, 0.16);
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-payment-table-card .badge.bg-warning,
.awa-admin .awa-bank-transfer-page .badge.bg-warning,
.awa-admin .awa-transactions-page .badge.bg-warning {
    background: var(--awa-color-accent-soft) !important;
    border-color: rgba(249, 115, 22, 0.18);
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-payment-table-card .badge.bg-danger,
.awa-admin .awa-bank-transfer-page .badge.bg-danger,
.awa-admin .awa-transactions-page .badge.bg-danger {
    background: var(--awa-color-danger-soft) !important;
    border-color: rgba(239, 68, 68, 0.18);
    color: #b91c1c;
}

.awa-admin .awa-payment-table-card .badge.bg-primary,
.awa-admin .awa-bank-transfer-page .badge.bg-primary,
.awa-admin .awa-transactions-page .badge.bg-primary {
    background: var(--awa-color-primary-soft) !important;
    border-color: rgba(45, 108, 159, 0.16);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-payment-table-card .badge.bg-black,
.awa-admin .awa-bank-transfer-page .badge.bg-black,
.awa-admin .awa-transactions-page .badge.bg-black {
    background: rgba(148, 163, 184, 0.18) !important;
    border-color: rgba(148, 163, 184, 0.18);
    color: #334155;
}

.awa-admin .awa-payment-table-card .form-check .form-check-input.update-status:checked {
    background-color: var(--awa-color-secondary);
    border-color: var(--awa-color-secondary);
}

.awa-admin .awa-payment-table-card .form-check .form-check-input.update-status:not(:checked) {
    background-color: rgba(239, 68, 68, 0.18);
    border-color: rgba(239, 68, 68, 0.24);
}

.awa-admin .awa-payment-modal .modal-dialog {
    max-width: 760px;
}

.awa-admin .awa-payment-modal .modal-header {
    background:
        linear-gradient(135deg, rgba(234, 243, 251, 0.94), rgba(255, 255, 255, 0.98) 58%, rgba(231, 247, 245, 0.86)),
        var(--awa-color-surface);
}

.awa-admin .awa-payment-modal .modal-footer {
    border-top-color: var(--awa-color-border);
}

.awa-admin .awa-payment-detail {
    color: var(--awa-color-text-secondary);
}

.awa-admin .awa-bank-transfer-page .fixed-table-container tbody td[data-field="payment_status"],
.awa-admin .awa-transactions-page .fixed-table-container tbody td[data-field="payment_status"] {
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
}

@media (max-width: 1024px) {
    .awa-admin .awa-monetization-summary,
    .awa-admin .awa-package-card,
    .awa-admin .awa-transaction-card {
        grid-template-columns: minmax(0, 1fr);
        flex-direction: column;
    }

    .awa-admin .awa-package-card-pills {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .awa-admin .awa-package-card,
    .awa-admin .awa-package-form-card .awa-form-section,
    .awa-admin .awa-payment-modal .modal-body,
    .awa-admin .awa-package-form .modal-body {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-package-feature-list li {
        flex-direction: column;
    }

    .awa-admin .awa-payment-status {
        min-width: 0;
    }
}

@media (max-width: 576px) {
    .awa-admin .awa-package-card-copy h2 {
        font-size: var(--awa-font-size-xl);
    }

    .awa-admin .awa-form-subsection {
        padding: var(--awa-space-4);
    }
}

/* Phase 12A - General, web, and branding settings */
.awa-admin .awa-settings-page {
    display: grid;
    gap: var(--awa-space-7);
}

.awa-admin .awa-settings-hero {
    background:
        linear-gradient(135deg, rgba(18, 33, 56, 0.96), rgba(45, 108, 159, 0.92) 48%, rgba(15, 159, 148, 0.72)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}

.awa-admin .awa-settings-layout {
    display: grid;
    gap: var(--awa-space-7);
}

.awa-admin .awa-settings-layout-grid {
    display: grid;
    gap: var(--awa-space-5);
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.awa-admin .awa-settings-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
    border: 1px solid var(--awa-color-border);
    border-radius: 20px;
    box-shadow: var(--awa-shadow-sm);
    padding: var(--awa-space-7);
}

.awa-admin .awa-settings-overview-card {
    box-shadow: var(--awa-shadow-md);
}

.awa-admin .awa-settings-section + .awa-settings-section {
    margin-top: var(--awa-space-7);
}

.awa-admin .awa-settings-section-header {
    align-items: flex-start;
    display: flex;
    gap: var(--awa-space-4);
    justify-content: space-between;
    margin-bottom: var(--awa-space-5);
}

.awa-admin .awa-settings-section-header h2 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-2xl);
    font-weight: var(--awa-font-weight-bold);
    line-height: 1.35;
    margin: 0;
}

.awa-admin .awa-settings-section-header p {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-md);
    margin: var(--awa-space-3) 0 0;
    max-width: 66ch;
}

.awa-admin .awa-settings-grid {
    row-gap: var(--awa-space-4);
}

.awa-admin .awa-settings-grid-2,
.awa-admin .awa-settings-grid-3,
.awa-admin .awa-settings-grid-4 {
    display: grid;
    gap: var(--awa-space-4);
}

.awa-admin .awa-settings-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.awa-admin .awa-settings-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.awa-admin .awa-settings-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.awa-admin .awa-settings-note {
    align-items: center;
    background: var(--awa-color-primary-soft);
    border: 1px solid rgba(45, 108, 159, 0.16);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-primary-dark);
    display: inline-flex;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    justify-content: center;
    min-height: 34px;
    padding: 0 var(--awa-space-4);
}

.awa-admin .awa-settings-note-warning {
    background: var(--awa-color-accent-soft);
    border-color: rgba(249, 115, 22, 0.18);
    color: var(--awa-color-accent-dark);
}

.awa-admin .awa-settings-alert {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 18px;
    color: var(--awa-color-text-secondary);
    display: grid;
    gap: var(--awa-space-2);
    padding: var(--awa-space-5);
}

.awa-admin .awa-settings-alert strong {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-md);
}

.awa-admin .awa-settings-alert-success {
    background: rgba(231, 247, 245, 0.85);
    border-color: rgba(15, 159, 148, 0.16);
}

.awa-admin .awa-settings-alert-warning {
    background: rgba(255, 243, 232, 0.86);
    border-color: rgba(249, 115, 22, 0.18);
}

.awa-admin .awa-settings-link-card {
    background: rgba(248, 250, 252, 0.84);
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 18px;
    color: inherit;
    display: grid;
    gap: var(--awa-space-3);
    min-height: 100%;
    padding: var(--awa-space-5);
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.awa-admin .awa-settings-link-card:hover {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(45, 108, 159, 0.26);
    box-shadow: var(--awa-shadow-md);
    color: inherit;
    transform: translateY(-2px);
}

.awa-admin .awa-settings-link-card strong {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-md);
}

.awa-admin .awa-settings-link-card span:last-child {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    line-height: 1.7;
}

.awa-admin .awa-settings-link-card-primary {
    background: linear-gradient(180deg, rgba(234, 243, 251, 0.82), rgba(255, 255, 255, 0.98));
}

.awa-admin .awa-settings-link-icon {
    align-items: center;
    background: var(--awa-color-surface);
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 14px;
    color: var(--awa-color-primary);
    display: inline-flex;
    font-size: 1.125rem;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.awa-admin .awa-settings-page .form-group {
    margin-bottom: var(--awa-space-4);
}

.awa-admin .awa-settings-page .form-label,
.awa-admin .awa-settings-page .form-check-label,
.awa-admin .awa-settings-page .col-form-label {
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
}

.awa-admin .awa-settings-page .filepond--root {
    margin-bottom: var(--awa-space-3);
}

.awa-admin .awa-branding-upload {
    background: rgba(248, 250, 252, 0.8);
    border: 1px dashed rgba(148, 163, 184, 0.56);
    border-radius: 18px;
    padding: var(--awa-space-5);
}

.awa-admin .awa-settings-media-preview {
    align-items: center;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    min-height: 140px;
    overflow: hidden;
    padding: var(--awa-space-4);
}

.awa-admin .awa-settings-media-preview img {
    height: auto !important;
    max-height: 120px;
    max-width: 100%;
    object-fit: contain;
    width: auto !important;
}

.awa-admin .awa-settings-actions {
    display: flex;
    justify-content: flex-end;
}

.awa-admin .awa-settings-actions .btn {
    min-width: 160px;
}

.awa-admin .awa-settings-page .form-check.form-switch {
    align-items: center;
    display: flex;
    min-height: 42px;
    padding-inline-start: 0;
}

.awa-admin .awa-settings-page .form-check.form-switch .form-check-input {
    float: none;
    margin-inline-end: var(--awa-space-3);
    margin-inline-start: 0;
}

.awa-admin .awa-settings-page .form-check-input:checked {
    background-color: var(--awa-color-secondary);
    border-color: var(--awa-color-secondary);
}

.awa-admin .awa-settings-page .form-select,
.awa-admin .awa-settings-page select {
    background-position: left 0.75rem center;
}

html[dir="ltr"] .awa-admin .awa-settings-page .form-select,
html[dir="ltr"] .awa-admin .awa-settings-page select {
    background-position: right 0.75rem center;
}

@media (max-width: 1200px) {
    .awa-admin .awa-settings-layout-grid,
    .awa-admin .awa-settings-grid-3,
    .awa-admin .awa-settings-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .awa-admin .awa-settings-layout-grid,
    .awa-admin .awa-settings-grid-2,
    .awa-admin .awa-settings-grid-3,
    .awa-admin .awa-settings-grid-4 {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 768px) {
    .awa-admin .awa-settings-card {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-settings-section-header {
        flex-direction: column;
    }

    .awa-admin .awa-settings-section-header h2 {
        font-size: var(--awa-font-size-xl);
    }
}

/* Phase 12B - Content and marketing pages */
.awa-admin .awa-content-page {
    color: var(--awa-color-text-primary);
}

.awa-admin .awa-content-page-header {
    margin-bottom: var(--awa-space-7);
}

.awa-admin .awa-content-hero {
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(45, 108, 159, 0.08), rgba(15, 159, 148, 0.05));
    border: 1px solid rgba(45, 108, 159, 0.12);
    border-radius: var(--awa-radius-xl);
    display: flex;
    gap: var(--awa-space-6);
    justify-content: space-between;
    padding: var(--awa-space-8);
}

.awa-admin .awa-content-hero.awa-tips-page {
    align-items: center;
    background: var(--awa-color-surface);
    border-color: var(--awa-color-border);
    border-inline-start: 5px solid var(--awa-color-primary);
    box-shadow: var(--awa-shadow-sm);
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.awa-admin .awa-content-hero-copy {
    display: grid;
    gap: var(--awa-space-2);
    max-width: 760px;
}

.awa-admin .awa-content-hero.awa-tips-page .awa-content-hero-copy {
    justify-items: center;
    text-align: center;
    width: 100%;
}

.awa-admin .awa-content-eyebrow {
    color: var(--awa-color-primary);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-bold);
}

.awa-admin .awa-content-title {
    color: var(--awa-color-text-primary);
    font-size: clamp(28px, 3vw, 38px);
    font-weight: var(--awa-font-weight-bold);
    margin: 0;
}

.awa-admin .awa-content-description {
    color: var(--awa-color-text-secondary);
    font-size: var(--awa-font-size-base);
    margin: 0;
}

.awa-admin .awa-content-hero-actions,
.awa-admin .awa-content-actions-row,
.awa-admin .awa-content-submit {
    display: flex;
    gap: var(--awa-space-3);
    justify-content: flex-end;
}

.awa-admin .awa-content-hero.awa-tips-page .awa-content-hero-actions {
    justify-content: center;
    width: 100%;
}

/* Unified centered hero treatment for admin content pages. */
.awa-admin .awa-page-hero,
.awa-admin .awa-content-hero {
    background: var(--awa-color-surface);
    border: 1px solid var(--awa-color-border);
    border-inline-start: 5px solid var(--awa-color-primary);
    box-shadow: var(--awa-shadow-sm);
    text-align: center;
}

.awa-admin .awa-page-hero {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
}

.awa-admin .awa-content-hero {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.awa-admin .awa-page-hero-content,
.awa-admin .awa-content-hero-copy {
    justify-items: center;
    justify-self: center;
    max-width: 760px;
    text-align: center;
    width: 100%;
}

.awa-admin .awa-page-hero .awa-page-eyebrow,
.awa-admin .awa-content-hero .awa-content-eyebrow {
    color: var(--awa-color-secondary-dark);
}

.awa-admin .awa-page-hero h1,
.awa-admin .awa-content-hero .awa-content-title {
    color: var(--awa-color-text-primary);
}

.awa-admin .awa-page-hero p:not(.awa-page-eyebrow),
.awa-admin .awa-content-hero .awa-content-description {
    color: var(--awa-color-text-secondary);
    margin-inline: auto;
}

.awa-admin .awa-page-hero-meta,
.awa-admin .awa-content-hero-actions {
    grid-column: 1;
    justify-content: center;
    width: 100%;
}

.awa-admin .awa-content-shell {
    display: grid;
    gap: var(--awa-space-6);
}

.awa-admin .awa-content-card {
    border-radius: 20px;
    box-shadow: var(--awa-shadow-md);
    overflow: hidden;
}

.awa-admin .awa-content-form-card .card-body,
.awa-admin .awa-content-table-card .card-body {
    padding: var(--awa-space-7);
}

.awa-admin .awa-content-card-head {
    align-items: flex-start;
    display: flex;
    gap: var(--awa-space-4);
    justify-content: space-between;
    margin-bottom: var(--awa-space-6);
}

.awa-admin .awa-content-card-title {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-xl);
    font-weight: var(--awa-font-weight-bold);
    margin: 0 0 var(--awa-space-2);
}

.awa-admin .awa-content-card-text {
    color: var(--awa-color-text-muted);
    margin: 0;
}

.awa-admin .awa-content-section {
    background: var(--awa-color-surface-soft);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    margin-bottom: var(--awa-space-6);
    padding: var(--awa-space-6);
}

.awa-admin .awa-content-section:last-child {
    margin-bottom: 0;
}

.awa-admin .awa-content-section-head {
    margin-bottom: var(--awa-space-5);
}

.awa-admin .awa-content-section-head h3,
.awa-admin .awa-content-translation-card h4 {
    color: var(--awa-color-text-primary);
    font-size: var(--awa-font-size-lg);
    font-weight: var(--awa-font-weight-semibold);
    margin: 0 0 var(--awa-space-2);
}

.awa-admin .awa-content-section-head p {
    color: var(--awa-color-text-muted);
    margin: 0;
}

.awa-admin .awa-content-tabset {
    border-bottom: 0;
    gap: var(--awa-space-2);
}

.awa-admin .awa-content-tabset .nav-link {
    background: var(--awa-color-surface-soft);
    border: 1px solid transparent;
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-text-secondary);
    font-weight: var(--awa-font-weight-semibold);
    padding: 0.7rem 1rem;
}

.awa-admin .awa-content-tabset .nav-link.active,
.awa-admin .awa-content-tabset .nav-link:hover {
    background: var(--awa-color-primary-soft);
    border-color: rgba(45, 108, 159, 0.18);
    color: var(--awa-color-primary-dark);
}

.awa-admin .awa-editor-card,
.awa-admin .awa-media-upload,
.awa-admin .awa-content-translation-card {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 16px;
    padding: var(--awa-space-5);
}

.awa-admin .awa-media-preview {
    align-items: center;
    background: var(--awa-color-surface-soft);
    border: 1px dashed rgba(45, 108, 159, 0.2);
    border-radius: 14px;
    display: inline-flex;
    margin-bottom: var(--awa-space-3);
    padding: var(--awa-space-4);
}

.awa-admin .awa-content-help {
    color: var(--awa-color-text-muted);
    display: inline-block;
    margin-top: var(--awa-space-2);
}

.awa-admin .awa-content-toolbar {
    margin-bottom: var(--awa-space-4);
}

.awa-admin .awa-content-note {
    color: var(--awa-color-text-muted);
    display: inline-flex;
    font-size: var(--awa-font-size-sm);
    gap: var(--awa-space-2);
}

.awa-admin .awa-content-note-warning {
    color: #b45309;
}

.awa-admin .awa-content-divider-label {
    align-items: center;
    color: var(--awa-color-text-muted);
    display: flex;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    gap: var(--awa-space-3);
    justify-content: center;
}

.awa-admin .awa-content-divider-label::before,
.awa-admin .awa-content-divider-label::after {
    background: rgba(148, 163, 184, 0.35);
    content: "";
    flex: 1;
    height: 1px;
}

.awa-admin .awa-content-stack {
    display: grid;
    gap: var(--awa-space-4);
}

.awa-admin .awa-check-card {
    background: var(--awa-color-surface-soft);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 14px;
    padding: var(--awa-space-4);
}

.awa-admin .awa-style-grid {
    gap: var(--awa-space-4) 0;
}

.awa-admin .awa-style-choice {
    align-items: center;
    background: var(--awa-color-surface-soft);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 156px;
    padding: var(--awa-space-4);
    width: 100%;
}

.awa-admin .awa-style-choice input {
    position: absolute;
    opacity: 0;
}

.awa-admin .awa-style-choice:has(input:checked) {
    background: var(--awa-color-primary-soft);
    border-color: rgba(45, 108, 159, 0.35);
    box-shadow: 0 0 0 3px rgba(45, 108, 159, 0.08);
}

.awa-admin .awa-content-modal .modal-header,
.awa-admin .awa-content-modal .modal-footer {
    border-color: rgba(148, 163, 184, 0.18);
}

.awa-admin .awa-content-page .table-responsive {
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 18px;
    overflow: auto;
}

.awa-admin .awa-content-page .bootstrap-table .fixed-table-container {
    border: 0;
}

.awa-admin .awa-content-page .table {
    margin-bottom: 0;
}

.awa-admin .awa-content-page .table > :not(caption) > * > * {
    background: transparent;
    border-bottom-color: rgba(148, 163, 184, 0.16);
    padding: 1rem 0.9rem;
}

.awa-admin .awa-content-page .thead-dark th,
.awa-admin .awa-content-page thead th {
    background: var(--awa-color-surface-soft);
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
}

.awa-admin .awa-content-page .bootstrap-table .search input,
.awa-admin .awa-content-page .bootstrap-table .columns .btn,
.awa-admin .awa-content-page .bootstrap-table .btn,
.awa-admin .awa-content-page .fixed-table-toolbar .btn,
.awa-admin .awa-content-page .fixed-table-pagination .btn {
    border-radius: 12px;
}

.awa-admin .awa-content-page .modal-content {
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 20px;
}

.awa-admin .awa-content-page .form-check-input:checked {
    background-color: var(--awa-color-secondary);
    border-color: var(--awa-color-secondary);
}

@media (max-width: 991px) {
    .awa-admin .awa-content-hero {
        flex-direction: column;
        padding: var(--awa-space-6);
    }
}

@media (max-width: 768px) {
    .awa-admin .awa-content-form-card .card-body,
    .awa-admin .awa-content-table-card .card-body,
    .awa-admin .awa-content-section {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-content-card-head,
    .awa-admin .awa-content-hero-actions,
    .awa-admin .awa-content-actions-row,
    .awa-admin .awa-content-submit {
        flex-direction: column;
        align-items: stretch;
    }

    .awa-admin .awa-content-tabset {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: var(--awa-space-2);
    }

    .awa-admin .awa-content-page .table-responsive {
        border-radius: 14px;
    }
}

/* Phase 13A - Places and location management */
.awa-admin .awa-places-page .awa-location-table-card,
.awa-admin .awa-places-page .awa-location-form-card {
    border-radius: 22px;
}

.awa-admin .awa-location-filterbar {
    background: var(--awa-color-surface-soft);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 18px;
    margin-bottom: var(--awa-space-5);
    padding: var(--awa-space-5);
}

.awa-admin .awa-location-filterbar label {
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
    margin-bottom: var(--awa-space-2);
}

.awa-admin .awa-location-choice {
    align-items: center;
    background: var(--awa-color-surface-soft);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 14px;
    display: flex;
    gap: var(--awa-space-3);
    min-height: 56px;
    padding: var(--awa-space-4);
}

.awa-admin .awa-location-choice .form-check-input {
    flex: 0 0 auto;
    margin: 0;
}

.awa-admin .awa-location-tabs {
    flex-wrap: wrap;
}

.awa-admin .awa-translation-card {
    background: var(--awa-color-surface-soft);
}

.awa-admin .awa-location-summary,
.awa-admin .awa-location-chain {
    align-items: center;
    color: var(--awa-color-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-2);
}

.awa-admin .awa-location-badge {
    background: var(--awa-color-primary-soft);
    border: 1px solid rgba(45, 108, 159, 0.12);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-primary-dark);
    display: inline-flex;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    padding: 0.35rem 0.75rem;
}

.awa-admin .awa-places-page #map,
.awa-admin .awa-places-page #edit_map {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    overflow: hidden;
}

.awa-admin .awa-places-page .city-input-group,
.awa-admin .awa-places-page .area-input-group {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    margin-bottom: var(--awa-space-4);
    padding: var(--awa-space-4);
}

.awa-admin .awa-places-page .add-city-button,
.awa-admin .awa-places-page .add-area-button,
.awa-admin .awa-places-page .remove-city-button,
.awa-admin .awa-places-page .remove-area-button {
    min-width: 44px;
    padding-inline: 0;
}

@media (max-width: 768px) {
    .awa-admin .awa-location-filterbar {
        padding: var(--awa-space-4);
    }

    .awa-admin .awa-location-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: var(--awa-space-2);
    }
}

/* Phase 14A - Admin utility pages */
.awa-admin .awa-utility-page {
    display: grid;
    gap: var(--awa-space-4);
}

.awa-admin .awa-utility-card,
.awa-admin .awa-deeplink-card {
    background: var(--awa-color-surface);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 24px;
    box-shadow: var(--awa-shadow-sm);
}

.awa-admin .awa-utility-card .card-body,
.awa-admin .awa-deeplink-card {
    padding: var(--awa-space-6);
}

.awa-admin .awa-card-header-stack {
    display: grid;
    gap: var(--awa-space-2);
}

.awa-admin .awa-section-kicker {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
}

.awa-admin .awa-section-title {
    color: var(--awa-color-text-primary);
    font-size: clamp(1.1rem, 1rem + 0.25vw, 1.4rem);
    font-weight: var(--awa-font-weight-bold);
    margin: 0;
}

.awa-admin .awa-section-text {
    color: var(--awa-color-text-muted);
}

.awa-admin .awa-form-label {
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-semibold);
    margin-bottom: var(--awa-space-2);
}

.awa-admin .awa-form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--awa-space-3);
    justify-content: flex-end;
}

.awa-admin .awa-account-media {
    min-height: 100%;
}

.awa-admin .awa-profile-page .cs_field_img,
.awa-admin .awa-profile-page .preview-image {
    width: 100%;
}

.awa-admin .awa-profile-page .cs_field_img {
    align-items: center;
    background: var(--awa-color-surface-soft);
    border: 1px dashed rgba(45, 108, 159, 0.24);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: var(--awa-space-3);
    padding: var(--awa-space-5);
}

.awa-admin .awa-profile-page .preview-image {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 20px;
    max-height: 220px;
    max-width: 220px;
    object-fit: cover;
}

.awa-admin .awa-profile-page .img_input {
    align-items: center;
    background: var(--awa-color-primary-soft);
    border-radius: var(--awa-radius-pill);
    color: var(--awa-color-primary-dark);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
    justify-content: center;
    min-height: 42px;
    padding: 0 var(--awa-space-4);
}

.awa-admin .awa-input-hint {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
}

.awa-admin .awa-helper-note {
    background: rgba(22, 163, 74, 0.08);
    border: 1px solid rgba(20, 184, 166, 0.22);
    border-radius: 16px;
    color: var(--awa-color-text-primary);
    padding: var(--awa-space-4);
}

.awa-admin .awa-helper-note-warning {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.25);
}

.awa-admin .awa-password-strength {
    display: grid;
    gap: var(--awa-space-3);
}

.awa-admin .awa-strength-item {
    background: var(--awa-color-surface-soft);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 16px;
    color: var(--awa-color-text-primary);
    font-weight: var(--awa-font-weight-medium);
    padding: var(--awa-space-3) var(--awa-space-4);
}

.awa-admin .awa-support-table-card .fixed-table-container,
.awa-admin .awa-support-table-card .table-responsive {
    border-radius: 18px;
}

.awa-admin.awa-deeplink-page {
    align-items: center;
    background:
        radial-gradient(circle at top, rgba(45, 108, 159, 0.08), transparent 34%),
        var(--awa-color-background);
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 100vh;
    padding: clamp(1rem, 3vw, 2rem);
}

.awa-admin .awa-deeplink-shell {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
}

.awa-admin .awa-deeplink-grid {
    display: grid;
    gap: var(--awa-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--awa-space-5);
}

.awa-admin .awa-deeplink-panel {
    background: var(--awa-color-surface-soft);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 20px;
    display: grid;
    gap: var(--awa-space-3);
    padding: var(--awa-space-5);
}

.awa-admin .awa-copy-box {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    display: grid;
    gap: var(--awa-space-2);
    padding: var(--awa-space-4);
}

.awa-admin .awa-copy-box-label {
    color: var(--awa-color-text-muted);
    font-size: var(--awa-font-size-sm);
    font-weight: var(--awa-font-weight-semibold);
}

.awa-admin .awa-copy-box code {
    color: var(--awa-color-primary-dark);
    direction: ltr;
    font-size: 0.95rem;
    overflow-wrap: anywhere;
    text-align: left;
    white-space: normal;
}

@media (max-width: 991px) {
    .awa-admin .awa-deeplink-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .awa-admin .awa-utility-card .card-body,
    .awa-admin .awa-deeplink-card {
        padding: var(--awa-space-5);
    }

    .awa-admin .awa-form-actions {
        justify-content: stretch;
    }

    .awa-admin .awa-form-actions .btn {
        width: 100%;
    }

    .awa-admin .awa-profile-page .preview-image {
        max-width: 180px;
    }
}
