@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

:root {
    --sw-font: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;
    --sw-bg: #070a18;
    --sw-ink: #070a18;
    --sw-deep: #101526;
    --sw-sidebar: #101526;
    --sw-topbar: #12172a;
    --sw-panel: #1d1c34;
    --sw-panel-strong: #18172d;
    --sw-modal-bg: #18172d;
    --sw-input-bg: #111426;
    --sw-table-bg: #14182a;
    --sw-border: #343052;
    --sw-line: #343052;
    --sw-blue: #ae84f2;
    --sw-primary: #ae84f2;
    --sw-cyan: #22cde5;
    --sw-secondary: #22cde5;
    --sw-green: #2acc8a;
    --sw-success: #2acc8a;
    --sw-yellow: #eebc4a;
    --sw-gold: #eebc4a;
    --sw-warning: #eebc4a;
    --sw-danger: #fc5855;
    --sw-text: #f4eefc;
    --sw-muted: #a9a3bd;
    --sw-glow: #ae84f2;
    --sw-radius: 8px;
    --sw-glow-strength: 0.28;
    --sw-bg-rgb: 7, 10, 24;
    --sw-sidebar-rgb: 16, 21, 38;
    --sw-topbar-rgb: 18, 23, 42;
    --sw-panel-rgb: 29, 28, 52;
    --sw-modal-rgb: 24, 23, 45;
    --sw-input-rgb: 17, 20, 38;
    --sw-table-rgb: 20, 24, 42;
    --sw-border-rgb: 52, 48, 82;
    --sw-primary-rgb: 174, 132, 242;
    --sw-secondary-rgb: 34, 205, 229;
    --sw-success-rgb: 42, 204, 138;
    --sw-warning-rgb: 238, 188, 74;
    --sw-danger-rgb: 252, 88, 85;
    --sw-glow-rgb: 174, 132, 242;
    --sw-shadow: 0 18px 54px rgba(0, 0, 0, 0.32), 0 0 42px rgba(var(--sw-glow-rgb), var(--sw-glow-strength));
    --sw-button-gradient: linear-gradient(135deg, var(--sw-primary), var(--sw-secondary) 58%, var(--sw-warning));
    --sw-button-gradient-alt: linear-gradient(135deg, var(--sw-secondary), var(--sw-success) 58%, var(--sw-warning));
}

/* Global support entry point: animated header shortcut. */
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-trigger {
    position: relative;
    overflow: visible;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-svg {
    width: 30px;
    height: 30px;
    display: block;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-orbit {
    stroke: rgba(var(--sw-secondary-rgb), 0.52);
    stroke-width: 1.8;
    stroke-dasharray: 18 12;
    transform-origin: center;
    animation: sw-support-orbit-spin 4.8s linear infinite;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-headset,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-cup,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-smile,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-mic {
    stroke: var(--sw-cyan);
    stroke-width: 2.6;
    filter: drop-shadow(0 0 8px rgba(var(--sw-secondary-rgb), 0.45));
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-cup-left {
    animation: sw-support-cup-left 2.2s ease-in-out infinite;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-cup-right {
    animation: sw-support-cup-right 2.2s ease-in-out infinite;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-dot {
    fill: var(--sw-yellow);
    filter: drop-shadow(0 0 8px rgba(var(--sw-warning-rgb), 0.7));
    animation: sw-support-dot-pulse 1.55s ease-in-out infinite;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-pulse {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--sw-green);
    box-shadow: 0 0 0 0 rgba(var(--sw-success-rgb), 0.58);
    animation: sw-support-pulse 1.75s ease-out infinite;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-trigger:hover .sw-support-headset,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-trigger:hover .sw-support-cup,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-trigger:hover .sw-support-smile,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-trigger:hover .sw-support-mic {
    stroke: var(--sw-yellow);
}

@keyframes sw-support-orbit-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes sw-support-cup-left {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-1px);
    }
}

@keyframes sw-support-cup-right {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(1px);
    }
}

@keyframes sw-support-dot-pulse {
    0%, 100% {
        opacity: 0.72;
        transform: scale(0.92);
    }
    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

@keyframes sw-support-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--sw-success-rgb), 0.58);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(var(--sw-success-rgb), 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(var(--sw-success-rgb), 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-orbit,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-cup-left,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-cup-right,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-dot,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-support-pulse {
        animation: none !important;
    }
}

html,
body,
.app-content,
.content-wrapper,
.content-body,
.blank-page,
.misc-wrapper,
.auth-wrapper,
.main-menu-content,
.vertical-layout,
.horizontal-layout {
    background:
        linear-gradient(135deg, rgba(var(--sw-warning-rgb), 0.13) 0 18%, transparent 18% 100%),
        linear-gradient(115deg, rgba(var(--sw-secondary-rgb), 0.14) 0 26%, transparent 26% 100%),
        linear-gradient(145deg, var(--sw-bg) 0%, var(--sw-sidebar) 48%, var(--sw-panel-strong) 100%) !important;
    color: var(--sw-text);
}

body {
    letter-spacing: 0;
    font-family: var(--sw-font) !important;
}

body,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.modal,
.popover,
.tooltip,
.main-menu,
.header-navbar,
.apexcharts-text,
.apexcharts-tooltip,
.dataTables_wrapper,
.select2-container,
.flatpickr-calendar {
    font-family: var(--sw-font) !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.07) 1px, transparent 1px),
        linear-gradient(180deg, rgba(var(--sw-warning-rgb), 0.055) 1px, transparent 1px),
        linear-gradient(115deg, transparent 0 22%, rgba(var(--sw-primary-rgb), 0.14) 22% 23%, transparent 23% 45%, rgba(var(--sw-warning-rgb), 0.11) 45% 46%, transparent 46% 100%);
    background-size: 56px 56px, 56px 56px, 180% 180%;
    animation: signalwave-grid-drift 24s linear infinite;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(var(--sw-secondary-rgb), 0.08), transparent);
    transform: translateY(-100%);
    animation: signalwave-scanline 9s ease-in-out infinite;
}

@keyframes signalwave-grid-drift {
    0% { background-position: 0 0, 0 0, 0% 50%; }
    100% { background-position: 56px 56px, -56px 56px, 100% 50%; }
}

@keyframes signalwave-scanline {
    0%, 18% { transform: translateY(-100%); opacity: 0; }
    36% { opacity: 0.72; }
    62%, 100% { transform: translateY(100%); opacity: 0; }
}

a,
.breadcrumb-item a,
.text-primary {
    color: var(--sw-cyan) !important;
}

.main-menu,
.main-menu.menu-light,
.main-menu.menu-dark {
    background: linear-gradient(180deg, rgba(var(--sw-sidebar-rgb), 0.98), rgba(var(--sw-bg-rgb), 0.98)) !important;
    border-right: 1px solid var(--sw-line);
    box-shadow: 18px 0 42px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.main-menu::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(var(--sw-secondary-rgb), 0.08), transparent),
        repeating-linear-gradient(180deg, transparent 0 34px, rgba(var(--sw-warning-rgb), 0.035) 35px 36px);
    transform: translateX(-100%);
    animation: signalwave-sidebar-sweep 7s ease-in-out infinite;
}

.sw-sidebar-energy-rail {
    position: absolute;
    right: 0;
    top: var(--sw-hover-y, 110px);
    width: 3px;
    height: 46px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--sw-cyan), var(--sw-yellow));
    box-shadow: 0 0 18px rgba(var(--sw-secondary-rgb), 0.6);
    transition: top 180ms ease;
}

@keyframes signalwave-sidebar-sweep {
    0%, 34% { transform: translateX(-100%); opacity: 0; }
    52% { opacity: 0.9; }
    78%, 100% { transform: translateX(100%); opacity: 0; }
}

.main-menu .navbar-header,
.main-menu .main-menu-content {
    background: transparent !important;
}

.main-menu .navbar-header .navbar-brand .brand-text,
.signalwave-brand-wordmark {
    color: var(--sw-yellow) !important;
    font-weight: 800;
}

.brand-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.72rem;
}

.brand-logo img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px;
    object-fit: cover;
    object-position: left center;
    border-radius: 8px;
    filter: drop-shadow(0 0 16px rgba(var(--sw-secondary-rgb), 0.34));
}

.main-menu .navbar-brand {
    width: 100%;
}

.main-menu .navbar-header {
    height: 74px;
    padding: 0.95rem 1rem 0.7rem;
    border-bottom: 1px solid var(--sw-line);
}

.main-menu .navbar-header .brand-logo {
    padding: 0.45rem 0.55rem;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.2), rgba(var(--sw-warning-rgb), 0.1));
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
}

.main-menu .navigation {
    background: transparent !important;
}

.main-menu .navigation > li > a,
.main-menu .navigation li a,
.main-menu .navigation li.nav-item a {
    color: rgba(237, 246, 255, 0.82) !important;
    border-radius: 8px;
    margin: 0.22rem 0.75rem;
    transition: transform 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.main-menu .navigation > li > a:hover,
.main-menu .navigation li.nav-item a:hover {
    background: rgba(var(--sw-secondary-rgb), 0.11) !important;
    color: var(--sw-text) !important;
    transform: translateX(3px);
}

.main-menu .navigation li a svg,
.main-menu .navigation li a i {
    transition: transform 180ms ease, filter 180ms ease;
}

.main-menu .navigation li a:hover svg,
.main-menu .navigation li a:hover i,
.main-menu .navigation li.active a svg,
.main-menu .navigation li.active a i {
    transform: scale(1.08) rotate(-4deg);
    filter: drop-shadow(0 0 10px rgba(var(--sw-secondary-rgb), 0.55));
}

.main-menu .navigation > li.active > a,
.main-menu .navigation > li.open > a,
.main-menu .navigation > li.sidebar-group-active > a,
.main-menu .navigation li.active > a {
    background: linear-gradient(90deg, var(--sw-blue), var(--sw-cyan) 58%, var(--sw-yellow)) !important;
    color: var(--sw-bg) !important;
    box-shadow: 0 10px 28px rgba(var(--sw-primary-rgb), 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.32);
    border-radius: 8px;
    font-weight: 800;
}

.main-menu .navigation li a svg,
.main-menu .navigation li a i {
    color: currentColor !important;
}

.header-navbar,
.header-navbar.navbar-shadow,
.navbar-container,
.horizontal-menu-wrapper {
    background: linear-gradient(90deg, rgba(var(--sw-bg-rgb), 0.94), rgba(var(--sw-topbar-rgb), 0.94), rgba(var(--sw-warning-rgb), 0.16)) !important;
    border-bottom: 1px solid var(--sw-line);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26) !important;
    color: var(--sw-text);
}

.content-header-title,
.content-header h1,
.content-header h2,
.content-header h3,
.card-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--sw-text) !important;
    letter-spacing: 0;
}

.content-header-title {
    border-right-color: var(--sw-line) !important;
}

.card,
.modal-content,
.dropdown-menu,
.popover,
.bs-stepper,
.list-group-item,
.invoice-preview-card,
.auth-inner,
.auth-wrapper .auth-inner,
.pricing-card {
    background: var(--sw-panel) !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--sw-shadow) !important;
    color: var(--sw-text);
    backdrop-filter: blur(14px);
    position: relative;
    overflow: hidden;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.card::before,
.modal-content::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.12), transparent 32%, rgba(var(--sw-warning-rgb), 0.08));
    opacity: 0.72;
}

.card > *,
.modal-content > * {
    position: relative;
    z-index: 1;
}

.card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--sw-warning-rgb), 0.38) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34), 0 0 34px rgba(var(--sw-secondary-rgb), 0.1) !important;
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.table thead th,
.page-item.disabled .page-link {
    background: rgba(var(--sw-modal-rgb), 0.78) !important;
    border-color: var(--sw-line) !important;
    color: var(--sw-text) !important;
}

.table,
.table td,
.table th {
    color: var(--sw-text) !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.16) !important;
}

.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:hover,
.table tbody tr:hover {
    background: rgba(var(--sw-secondary-rgb), 0.08) !important;
}

.form-control,
.form-select,
.custom-select,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="search"],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.ql-toolbar,
.ql-container {
    background: rgba(var(--sw-input-rgb), 0.72) !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.3) !important;
    color: var(--sw-text) !important;
    border-radius: 8px !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--sw-yellow) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--sw-warning-rgb), 0.18) !important;
}

.form-control::placeholder,
textarea::placeholder,
input::placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(237, 246, 255, 0.62) !important;
}

label,
.form-label,
.text-muted,
.breadcrumb-item,
.help-block,
.invalid-feedback,
.select2-results__option,
.dropdown-item,
.small,
small,
p {
    color: var(--sw-muted) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.35), rgba(var(--sw-warning-rgb), 0.22)) !important;
    color: var(--sw-text) !important;
}

.dataTables_wrapper,
.table-responsive,
.list-view,
.kanban-wrapper,
.invoice-list-wrapper,
.email-application,
.chat-application {
    color: var(--sw-text);
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    background: rgba(var(--sw-input-rgb), 0.72) !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.3) !important;
    color: var(--sw-text) !important;
    border-radius: 8px !important;
}

.table {
    border-collapse: separate !important;
    border-spacing: 0 0.35rem !important;
}

.table thead th {
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
}

.table tbody tr {
    background: rgba(var(--sw-input-rgb), 0.28) !important;
}

.table tbody td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.table tbody td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.nav-tabs,
.nav-pills {
    gap: 0.45rem;
    border-bottom-color: var(--sw-line) !important;
}

.nav-tabs .nav-link,
.nav-pills .nav-link {
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18) !important;
    border-radius: 8px !important;
    color: var(--sw-muted) !important;
    background: rgba(var(--sw-input-rgb), 0.26) !important;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background: linear-gradient(90deg, var(--sw-blue), var(--sw-cyan), var(--sw-yellow)) !important;
    color: var(--sw-bg) !important;
    font-weight: 900;
}

.alert,
.alert-primary,
.alert-success,
.alert-warning,
.alert-danger,
.alert-info {
    border-radius: 8px !important;
    border: 1px solid var(--sw-line) !important;
    background: linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.18), rgba(var(--sw-warning-rgb), 0.1)) !important;
    color: var(--sw-text) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}

.sw-notification-shell {
    position: fixed;
    inset: 0;
    z-index: 10800;
    pointer-events: none;
}

.sw-notification-drawer {
    position: fixed;
    right: 22px;
    top: 96px;
    display: grid;
    gap: 0.75rem;
    width: min(390px, calc(100vw - 32px));
    pointer-events: none;
}

.sw-drawer-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 78px;
    padding: 0.9rem;
    border: 1px solid var(--sw-line);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.96);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34), 0 0 28px rgba(var(--sw-secondary-rgb), 0.12);
    color: var(--sw-text);
    opacity: 0;
    pointer-events: auto;
    transform: translateX(24px) scale(0.98);
    transition: opacity 220ms ease, transform 220ms ease;
}

.sw-drawer-notice.is-visible {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.sw-drawer-notice.is-leaving {
    opacity: 0;
    transform: translateX(28px) scale(0.96);
}

.sw-drawer-notice::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 8px 0 0 8px;
    background: var(--sw-cyan);
}

.sw-drawer-notice.is-success::before { background: var(--sw-success); }
.sw-drawer-notice.is-info::before { background: var(--sw-cyan); }
.sw-drawer-notice.is-warning::before { background: var(--sw-yellow); }
.sw-drawer-notice.is-error::before { background: var(--sw-danger); }

.sw-drawer-icon,
.sw-notification-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(var(--sw-secondary-rgb), 0.16);
    color: var(--sw-cyan);
    font-weight: 900;
    box-shadow: 0 0 22px rgba(var(--sw-secondary-rgb), 0.22);
}

.sw-drawer-copy strong,
.sw-drawer-copy small {
    display: block;
}

.sw-drawer-copy small {
    margin-top: 0.2rem;
    color: rgba(237, 246, 255, 0.72);
}

.sw-drawer-close,
.sw-notification-close {
    border: 0;
    background: transparent;
    color: rgba(237, 246, 255, 0.66);
    font-size: 1.35rem;
    line-height: 1;
}

.sw-notification-modal {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease;
}

.sw-notification-modal.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.sw-notification-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(1, 8, 16, 0.62);
    backdrop-filter: blur(8px);
}

.sw-notification-popup {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    width: min(560px, calc(100vw - 32px));
    padding: 1.35rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.34);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-warning-rgb), 0.12), transparent 36%),
        linear-gradient(160deg, rgba(var(--sw-bg-rgb), 0.98), rgba(var(--sw-panel-rgb), 0.98));
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.48), 0 0 44px rgba(var(--sw-warning-rgb), 0.13);
    transform: translateY(16px) scale(0.96);
    transition: transform 220ms ease;
}

.sw-notification-modal.is-visible .sw-notification-popup {
    transform: translateY(0) scale(1);
}

.sw-notification-popup.is-error {
    border-color: rgba(var(--sw-danger-rgb), 0.48);
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.48), 0 0 44px rgba(var(--sw-danger-rgb), 0.13);
}

.sw-notification-popup.is-warning .sw-notification-icon {
    color: var(--sw-yellow);
    background: rgba(var(--sw-warning-rgb), 0.16);
}

.sw-notification-popup.is-error .sw-notification-icon {
    color: var(--sw-danger);
    background: rgba(var(--sw-danger-rgb), 0.16);
}

.sw-notification-close {
    position: absolute;
    right: 1rem;
    top: 0.85rem;
}

.sw-notification-copy strong {
    display: block;
    padding-right: 1.5rem;
    color: var(--sw-text);
    font-size: 1.25rem;
}

.sw-notification-copy p {
    margin: 0.55rem 0 0;
    color: rgba(237, 246, 255, 0.78) !important;
}

.sw-notification-actions {
    grid-column: 2;
    margin-top: 0.25rem;
}

#toast-container {
    display: none !important;
}

.sw-notification-scrim {
    position: fixed;
    inset: 0;
    z-index: 1060;
    border: 0;
    background: rgba(1, 8, 16, 0.52);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(8px);
    transition: opacity 220ms ease;
}

body.sw-inbox-open .sw-notification-scrim {
    opacity: 1;
    pointer-events: auto;
}

.dropdown-notification.sw-command-inbox .nav-link {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: var(--sw-text) !important;
    background: rgba(var(--sw-secondary-rgb), 0.08);
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.dropdown-notification.sw-command-inbox .nav-link:hover,
.dropdown-notification.sw-command-inbox.is-open .nav-link {
    transform: translateY(-1px);
    border-color: rgba(var(--sw-warning-rgb), 0.55);
    box-shadow: 0 0 28px rgba(var(--sw-secondary-rgb), 0.24);
}

.dropdown-notification.sw-command-inbox .badge-up {
    top: 0;
    right: -2px;
    min-width: 18px;
    min-height: 18px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--sw-danger), var(--sw-yellow)) !important;
    color: var(--sw-bg);
    box-shadow: 0 0 18px rgba(var(--sw-warning-rgb), 0.45);
    animation: signalwave-badge-pulse 1.8s ease-in-out infinite;
}

@keyframes signalwave-badge-pulse {
    0%, 100% { transform: scale(1); }
    45% { transform: scale(1.12); }
}

.dropdown-notification.sw-command-inbox .dropdown-menu-media {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(440px, calc(100vw - 24px)) !important;
    height: 100vh;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1070;
    overflow: hidden;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.26) !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    background:
        linear-gradient(145deg, rgba(var(--sw-warning-rgb), 0.13), transparent 30%),
        linear-gradient(180deg, rgba(var(--sw-bg-rgb), 0.98), rgba(var(--sw-sidebar-rgb), 0.98)) !important;
    box-shadow: -28px 0 72px rgba(0, 0, 0, 0.44), 0 0 44px rgba(var(--sw-secondary-rgb), 0.14) !important;
    transform: translateX(105%);
    opacity: 0;
    visibility: hidden;
    transition: transform 260ms cubic-bezier(.2, .8, .2, 1), opacity 180ms ease, visibility 180ms ease;
}

.dropdown-notification.sw-command-inbox.is-open .dropdown-menu-media {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.sw-inbox-close {
    position: absolute;
    top: 16px;
    right: 18px;
    z-index: 2;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.24);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    color: var(--sw-text);
    font-size: 1.35rem;
    line-height: 1;
}

.dropdown-notification.sw-command-inbox .dropdown-menu-header {
    padding: 1.35rem 1.25rem 1rem !important;
    border-bottom: 1px solid var(--sw-line);
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.13), rgba(var(--sw-warning-rgb), 0.08)),
        rgba(var(--sw-bg-rgb), 0.82);
}

.dropdown-notification.sw-command-inbox .notification-title {
    font-size: 0 !important;
}

.dropdown-notification.sw-command-inbox .notification-title::before {
    content: "Signal Inbox";
    display: block;
    color: var(--sw-text);
    font-size: 1.35rem;
    font-weight: 900;
}

.dropdown-notification.sw-command-inbox .notification-title::after {
    content: "Live account and delivery alerts";
    display: block;
    margin-top: 0.18rem;
    color: var(--sw-muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.dropdown-notification.sw-command-inbox .dropdown-menu-header .badge {
    align-self: center;
    background: rgba(var(--sw-secondary-rgb), 0.12) !important;
    color: var(--sw-cyan) !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.24);
}

.dropdown-notification.sw-command-inbox .media-list {
    max-height: none !important;
    height: auto !important;
    padding: 1rem;
    overflow-y: auto;
    scrollbar-color: rgba(var(--sw-secondary-rgb), 0.55) rgba(255, 255, 255, 0.06);
}

.dropdown-notification.sw-command-inbox .media-list > a {
    color: inherit !important;
    text-decoration: none;
}

.dropdown-notification.sw-command-inbox .list-item {
    position: relative;
    margin-bottom: 0.72rem;
    padding: 0.9rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
    transform: translateX(16px);
    opacity: 0;
    animation: signalwave-inbox-row 420ms ease forwards;
}

.dropdown-notification.sw-command-inbox .media-list > a:nth-child(2) .list-item { animation-delay: 55ms; }
.dropdown-notification.sw-command-inbox .media-list > a:nth-child(3) .list-item { animation-delay: 110ms; }
.dropdown-notification.sw-command-inbox .media-list > a:nth-child(4) .list-item { animation-delay: 165ms; }
.dropdown-notification.sw-command-inbox .media-list > a:nth-child(5) .list-item { animation-delay: 220ms; }

@keyframes signalwave-inbox-row {
    to { transform: translateX(0); opacity: 1; }
}

.dropdown-notification.sw-command-inbox .list-item:hover {
    border-color: rgba(var(--sw-warning-rgb), 0.4);
    background: rgba(var(--sw-secondary-rgb), 0.08);
}

.dropdown-notification.sw-command-inbox .avatar {
    box-shadow: 0 0 24px rgba(var(--sw-secondary-rgb), 0.2);
}

.dropdown-notification.sw-command-inbox .media-heading {
    color: var(--sw-text) !important;
    margin-bottom: 0.2rem;
}

.dropdown-notification.sw-command-inbox .notification-text,
.dropdown-notification.sw-command-inbox .media-meta {
    color: rgba(237, 246, 255, 0.68) !important;
}

.dropdown-notification.sw-command-inbox .dropdown-menu-footer {
    padding: 1rem;
    border-top: 1px solid var(--sw-line);
    background: rgba(var(--sw-bg-rgb), 0.9);
}

.sw-inbox-empty {
    min-height: 58vh;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.55rem;
    text-align: center;
    color: var(--sw-muted);
}

.sw-inbox-empty strong {
    color: var(--sw-text);
    font-size: 1.2rem;
}

.sw-inbox-empty small {
    max-width: 250px;
    line-height: 1.5;
}

.sw-inbox-empty-orbit {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.28);
    background:
        radial-gradient(circle at center, rgba(var(--sw-warning-rgb), 0.9) 0 4px, transparent 5px),
        radial-gradient(circle at center, rgba(var(--sw-secondary-rgb), 0.18), transparent 58%);
    box-shadow: 0 0 42px rgba(var(--sw-secondary-rgb), 0.18);
    animation: signalwave-orbit 2.8s linear infinite;
}

@keyframes signalwave-orbit {
    to { transform: rotate(360deg); }
}

.sw-reveal {
    animation: signalwave-reveal 480ms ease both;
    animation-delay: var(--sw-reveal-delay, 0ms);
}

@keyframes signalwave-reveal {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.btn-primary,
.btn-gradient-primary,
.btn-success,
.btn-info {
    background: linear-gradient(90deg, var(--sw-blue), var(--sw-cyan) 55%, var(--sw-yellow)) !important;
    border: 0 !important;
    color: var(--sw-bg) !important;
    box-shadow: 0 12px 26px rgba(var(--sw-primary-rgb), 0.28) !important;
    font-weight: 800;
    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.btn-primary:hover,
.btn-gradient-primary:hover,
.btn-success:hover,
.btn-info:hover {
    transform: translateY(-1px);
    filter: saturate(1.16);
    box-shadow: 0 16px 34px rgba(var(--sw-secondary-rgb), 0.3) !important;
}

.btn-outline-primary,
.btn-outline-secondary {
    border-color: rgba(var(--sw-warning-rgb), 0.55) !important;
    color: var(--sw-yellow) !important;
    background: rgba(var(--sw-warning-rgb), 0.08) !important;
}

.badge,
.badge-light-primary,
.badge-light-success,
.badge-light-info,
.badge-light-warning {
    border-radius: 8px;
}

.badge-light-primary,
.badge-light-info {
    background: rgba(var(--sw-secondary-rgb), 0.16) !important;
    color: var(--sw-cyan) !important;
}

.badge-light-warning {
    background: rgba(var(--sw-warning-rgb), 0.18) !important;
    color: var(--sw-yellow) !important;
}

.badge-light-success {
    background: rgba(46, 213, 115, 0.16) !important;
    color: var(--sw-success) !important;
}

.pagination .page-link {
    background: rgba(var(--sw-modal-rgb), 0.8) !important;
    border-color: var(--sw-line) !important;
    color: var(--sw-text) !important;
}

.pagination .page-item.active .page-link {
    background: var(--sw-yellow) !important;
    color: var(--sw-bg) !important;
}

.footer,
.footer-light,
.footer-static,
.footer-fixed {
    background: rgba(var(--sw-bg-rgb), 0.9) !important;
    color: var(--sw-muted) !important;
    border-top: 1px solid var(--sw-line);
}

.auth-wrapper .brand-logo,
.auth-wrapper .card,
.auth-inner .card {
    background: var(--sw-panel-strong) !important;
}

.auth-wrapper .brand-logo h2,
.brand-logo h2,
.brand-text {
    color: var(--sw-yellow) !important;
}

.auth-wrapper.auth-cover .auth-inner {
    background: linear-gradient(120deg, #08192f 0%, #0b2e58 55%, #172c3e 100%) !important;
    min-height: 100vh;
}

.auth-wrapper.auth-cover .auth-inner > .auth-bg {
    background:
        linear-gradient(135deg, rgba(var(--sw-warning-rgb), 0.16), transparent 34%),
        linear-gradient(180deg, rgba(var(--sw-bg-rgb), 0.72), rgba(var(--sw-sidebar-rgb), 0.94)) !important;
    color: var(--sw-text);
    border-left: 1px solid var(--sw-line);
}

.auth-wrapper.auth-cover .brand-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.9rem;
    background: rgba(var(--sw-bg-rgb), 0.76);
    border: 1px solid var(--sw-line);
    border-radius: 8px;
}

.auth-wrapper.auth-cover .brand-logo img {
    width: 34px !important;
    height: 34px !important;
    object-fit: cover;
    object-position: left center;
}

.signalwave-brand-wordmark {
    color: var(--sw-yellow);
    font-weight: 900;
    letter-spacing: 0;
}

.auth-wrapper.auth-cover .brand-logo img + .signalwave-brand-wordmark {
    text-shadow: 0 0 24px rgba(var(--sw-warning-rgb), 0.35);
}

.auth-wrapper.auth-cover .auth-bg .card-title,
.auth-wrapper.auth-cover .auth-bg h1,
.auth-wrapper.auth-cover .auth-bg h2,
.auth-wrapper.auth-cover .auth-bg h3 {
    color: var(--sw-text) !important;
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
}

.auth-wrapper.auth-cover .auth-bg .card-text,
.auth-wrapper.auth-cover .auth-bg p,
.auth-wrapper.auth-cover .auth-bg label,
.auth-wrapper.auth-cover .auth-bg a {
    color: rgba(237, 246, 255, 0.82) !important;
}

.auth-wrapper.auth-cover .auth-bg a:hover {
    color: var(--sw-yellow) !important;
}

.apexcharts-gridline,
.apexcharts-xaxis-tick,
.apexcharts-yaxis line {
    stroke: rgba(var(--sw-secondary-rgb), 0.22) !important;
}

.apexcharts-tooltip,
.apexcharts-tooltip-title {
    background: var(--sw-panel-strong) !important;
    border-color: var(--sw-line) !important;
    color: var(--sw-text) !important;
}

.sw-customer-dashboard {
    display: grid;
    gap: 1.35rem;
}

.sw-hero,
.sw-announcement,
.sw-panel,
.sw-metric-card,
.sw-channel-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--sw-line);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(var(--sw-panel-rgb), 0.94), rgba(var(--sw-bg-rgb), 0.92));
    box-shadow: var(--sw-shadow);
}

.sw-hero::before,
.sw-announcement::before,
.sw-panel::before,
.sw-metric-card::before,
.sw-channel-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(110deg, rgba(var(--sw-secondary-rgb), 0.16), transparent 34%),
        linear-gradient(290deg, rgba(var(--sw-warning-rgb), 0.13), transparent 38%);
    opacity: 0.82;
}

.sw-hero > *,
.sw-announcement > *,
.sw-panel > *,
.sw-metric-card > *,
.sw-channel-card > * {
    position: relative;
    z-index: 1;
}

.sw-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 1.5rem;
    align-items: stretch;
    min-height: 280px;
    padding: clamp(1.25rem, 2vw, 2rem);
}

.sw-hero::after {
    content: "";
    position: absolute;
    width: 52%;
    height: 2px;
    right: -8%;
    top: 38%;
    background: linear-gradient(90deg, transparent, var(--sw-cyan), var(--sw-yellow), transparent);
    animation: signalwave-hero-line 5.8s ease-in-out infinite;
    opacity: 0.72;
}

@keyframes signalwave-hero-line {
    0%, 100% { transform: translateX(-10%) rotate(-18deg); opacity: 0.25; }
    45% { transform: translateX(8%) rotate(-18deg); opacity: 0.86; }
}

.sw-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
    color: var(--sw-yellow);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sw-hero h1 {
    max-width: 760px;
    margin-bottom: 0.75rem;
    font-size: clamp(2rem, 4vw, 4.2rem);
    line-height: 0.98;
}

.sw-hero p {
    max-width: 680px;
    color: rgba(237, 246, 255, 0.78) !important;
    font-size: 1.05rem;
}

.sw-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.sw-hero-actions .btn,
.sw-icon-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.sw-route-console,
.sw-plan-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sw-route-console {
    padding: 1rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.22);
    border-radius: 8px;
    background: rgba(var(--sw-input-rgb), 0.38);
}

.sw-route-console label {
    margin-bottom: 0.45rem;
    color: var(--sw-text) !important;
    font-weight: 800;
}

.sw-route-status {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 1rem;
    color: var(--sw-muted);
}

.sw-command-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.sw-metric-card {
    min-height: 138px;
    padding: 1.15rem;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.sw-metric-card:hover,
.sw-channel-card:hover,
.sw-panel:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--sw-warning-rgb), 0.38);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34), 0 0 32px rgba(var(--sw-secondary-rgb), 0.08);
}

.sw-metric-card span,
.sw-mini-grid span,
.sw-plan-line span {
    display: block;
    color: var(--sw-muted);
    font-size: 0.88rem;
}

.sw-metric-card strong {
    display: block;
    margin-top: 0.35rem;
    color: var(--sw-text);
    font-size: 2.15rem;
    line-height: 1;
}

.sw-metric-card small {
    display: block;
    margin-top: 0.6rem;
    color: rgba(237, 246, 255, 0.68);
}

.sw-metric-card > svg {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 42px;
    height: 42px;
    color: var(--sw-cyan);
    opacity: 0.72;
}

.sw-panel,
.sw-announcement {
    padding: 1.25rem;
}

.sw-panel-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.sw-panel-heading h3 {
    margin-bottom: 0;
    font-size: 1.35rem;
}

.sw-icon-action {
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.24);
    border-radius: 8px;
    padding: 0.55rem 0.7rem;
    background: rgba(var(--sw-secondary-rgb), 0.08);
    color: var(--sw-cyan) !important;
    font-weight: 800;
}

.sw-icon-action:hover {
    color: var(--sw-yellow) !important;
    border-color: rgba(var(--sw-warning-rgb), 0.42);
}

.sw-main-chart {
    min-height: 340px;
}

.sw-progress-wrap {
    margin-top: 0.75rem;
}

.sw-progress-label {
    display: flex;
    justify-content: space-between;
    color: var(--sw-muted);
    margin-bottom: 0.5rem;
}

.sw-progress-label strong {
    color: var(--sw-yellow);
}

.sw-progress {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.sw-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--sw-blue), var(--sw-cyan), var(--sw-yellow));
}

.sw-plan-line {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.14);
}

.sw-plan-line strong {
    color: var(--sw-text);
    text-align: right;
}

.sw-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.sw-mini-grid div {
    min-height: 96px;
    padding: 0.9rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(var(--sw-input-rgb), 0.34);
}

.sw-mini-grid strong {
    display: block;
    margin-top: 0.25rem;
    color: var(--sw-yellow);
    font-size: 1.65rem;
}

.sw-feed,
.sw-announcement-list {
    display: grid;
    gap: 0.75rem;
}

.sw-feed-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
    border-radius: 8px;
    background: rgba(var(--sw-input-rgb), 0.32);
    color: var(--sw-text) !important;
}

.sw-announcement-list .sw-feed-item {
    grid-template-columns: auto minmax(0, 1fr);
}

.sw-feed-dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--sw-yellow);
    box-shadow: 0 0 0 6px rgba(var(--sw-warning-rgb), 0.12), 0 0 20px rgba(var(--sw-warning-rgb), 0.42);
}

.sw-feed-item strong,
.sw-feed-item small {
    display: block;
}

.sw-feed-item small {
    margin-top: 0.2rem;
    color: var(--sw-muted);
}

.sw-feed-item em {
    justify-self: end;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: rgba(var(--sw-secondary-rgb), 0.12);
    color: var(--sw-cyan);
    font-style: normal;
    font-weight: 800;
    font-size: 0.76rem;
}

.sw-empty-state {
    display: grid;
    justify-items: center;
    gap: 0.45rem;
    padding: 2rem;
    border: 1px dashed rgba(var(--sw-secondary-rgb), 0.24);
    border-radius: 8px;
    color: var(--sw-muted);
    text-align: center;
}

.sw-empty-state svg {
    color: var(--sw-cyan);
}

.sw-channel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.sw-channel-card {
    padding: 1rem;
}

.sw-channel-card h4 {
    margin-bottom: 0.5rem;
}

@media (max-width: 1199.98px) {
    .sw-hero,
    .sw-command-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .sw-hero,
    .sw-command-grid,
    .sw-channel-grid,
    .sw-mini-grid {
        grid-template-columns: 1fr;
    }

    .sw-hero {
        min-height: auto;
    }

    .sw-panel-heading,
    .sw-plan-line,
    .sw-feed-item {
        align-items: flex-start;
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .sw-feed-dot {
        display: none;
    }
}

.apexcharts-canvas text,
.apexcharts-legend-text {
    fill: var(--sw-text) !important;
    color: var(--sw-text) !important;
}

#toast-container.toast-top-center {
    top: 24px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(460px, calc(100vw - 32px));
}

#toast-container > div {
    width: 100% !important;
    opacity: 1 !important;
    border-radius: 8px !important;
    background-position: 18px center !important;
    border: 1px solid var(--sw-line);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.36) !important;
}

#toast-container > .toast-success {
    background-color: #07331f !important;
    border-color: rgba(92, 255, 159, 0.38);
}

#toast-container > .toast-error {
    background-color: #3a1019 !important;
    border-color: rgba(255, 98, 120, 0.42);
}

#toast-container > .toast-warning {
    background-color: #3c2c08 !important;
    border-color: rgba(var(--sw-warning-rgb), 0.42);
}

#toast-container > .toast-info {
    background-color: #082b46 !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.42);
}

#toast-container .toast-title {
    color: var(--sw-text);
    font-weight: 800;
}

#toast-container .toast-message {
    color: rgba(237, 246, 255, 0.86);
}

.sw-country-indicator,
.sw-char-meter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.55rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.28);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.18), rgba(var(--sw-warning-rgb), 0.12));
    color: var(--sw-text);
    font-size: 0.86rem;
}

.sw-country-indicator strong,
.sw-char-meter strong {
    color: var(--sw-yellow);
}

.sw-phone-code {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: rgba(var(--sw-secondary-rgb), 0.14);
    color: var(--sw-cyan);
    font-weight: 800;
}

.sw-flag {
    font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
    font-size: 1.05rem;
    line-height: 1;
}

@media (max-width: 767.98px) {
    #toast-container.toast-top-center {
        top: 12px;
    }

    .sw-country-indicator,
    .sw-char-meter {
        align-items: flex-start;
        flex-direction: column;
    }
}

.sw-sender-workbench {
    display: grid;
    gap: 1.15rem;
}

.sw-send-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1.25rem;
    align-items: center;
    min-height: 210px;
    padding: clamp(1.25rem, 2vw, 2rem);
    overflow: hidden;
    border: 1px solid var(--sw-line);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.18), transparent 34%),
        linear-gradient(275deg, rgba(var(--sw-warning-rgb), 0.12), transparent 40%),
        rgba(var(--sw-bg-rgb), 0.94);
    box-shadow: var(--sw-shadow);
}

.sw-send-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent, rgba(var(--sw-secondary-rgb), 0.14), transparent),
        repeating-linear-gradient(120deg, transparent 0 42px, rgba(var(--sw-warning-rgb), 0.05) 43px 44px);
    transform: translateX(-100%);
    animation: signalwave-sidebar-sweep 8s ease-in-out infinite;
}

.sw-send-hero > * {
    position: relative;
    z-index: 1;
}

.sw-send-hero h1 {
    margin-bottom: 0.6rem;
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 0.98;
}

.sw-send-hero p {
    max-width: 680px;
    margin-bottom: 0;
    color: rgba(237, 246, 255, 0.76) !important;
    font-size: 1.02rem;
}

.sw-send-hero-status {
    display: grid;
    gap: 0.4rem;
    justify-items: start;
    padding: 1rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.28);
    border-radius: 8px;
    background: rgba(var(--sw-input-rgb), 0.42);
}

.sw-send-hero-status svg {
    width: 34px;
    height: 34px;
    color: var(--sw-yellow);
}

.sw-send-hero-status span {
    color: var(--sw-muted);
}

.sw-send-hero-status strong {
    color: var(--sw-text);
    font-size: 1.1rem;
}

.sw-inline-signal {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.24);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.18), rgba(var(--sw-warning-rgb), 0.08));
    color: var(--sw-text);
}

.sw-inline-signal svg {
    color: var(--sw-cyan);
}

.sw-inline-signal strong,
.sw-inline-signal span {
    display: block;
}

.sw-inline-signal span {
    color: rgba(237, 246, 255, 0.72);
}

.sw-send-card .card-header {
    border-bottom: 1px solid var(--sw-line);
}

.sw-send-card .card-body {
    padding: 1.35rem;
}

.sw-live-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.28);
    border-radius: 999px;
    background: rgba(var(--sw-warning-rgb), 0.1);
    color: var(--sw-yellow);
    font-weight: 900;
    font-size: 0.78rem;
}

.sw-send-side {
    position: sticky;
    top: 96px;
}

.sw-send-steps {
    display: grid;
    gap: 0.75rem;
}

.sw-live-phone {
    position: relative;
    margin-bottom: 1rem;
    padding: 0.9rem;
    overflow: hidden;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background:
        radial-gradient(circle at 70% 10%, rgba(var(--sw-secondary-rgb), 0.18), transparent 34%),
        linear-gradient(145deg, rgba(var(--sw-bg-rgb), 0.94), rgba(var(--sw-sidebar-rgb), 0.72));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 18px 44px rgba(0, 0, 0, 0.22);
}

.sw-live-phone::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.06) 1px, transparent 1px),
        linear-gradient(180deg, rgba(var(--sw-warning-rgb), 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    opacity: 0.28;
}

.sw-live-phone > * {
    position: relative;
    z-index: 1;
}

.sw-live-phone-top {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
}

.sw-live-phone-top span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--sw-success);
    box-shadow: 0 0 0 7px rgba(var(--sw-success-rgb), 0.1), 0 0 18px rgba(var(--sw-success-rgb), 0.62);
}

.sw-live-phone-top strong {
    color: var(--sw-text);
    font-size: 0.86rem;
    font-weight: 900;
}

.sw-live-phone-top small {
    margin-left: auto;
    color: rgba(237, 246, 255, 0.54);
    font-weight: 800;
}

.sw-live-phone-screen {
    min-height: 190px;
    display: grid;
    align-content: end;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(var(--sw-bg-rgb), 0.2), rgba(var(--sw-bg-rgb), 0.74)),
        radial-gradient(circle at 25% 20%, rgba(var(--sw-warning-rgb), 0.1), transparent 24%);
}

.sw-live-phone-bubble {
    justify-self: end;
    max-width: 92%;
    min-width: 58%;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.24);
    border-radius: 8px 8px 2px 8px;
    background: linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.38), rgba(var(--sw-secondary-rgb), 0.2));
    color: var(--sw-text);
    font-size: 0.9rem;
    line-height: 1.45;
    word-break: break-word;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.18);
    animation: signalwave-message-float 4.5s ease-in-out infinite;
}

.sw-live-phone-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.sw-live-phone-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.28rem 0.55rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
    border-radius: 999px;
    background: rgba(var(--sw-bg-rgb), 0.52);
    color: rgba(237, 246, 255, 0.7);
    font-size: 0.74rem;
    font-weight: 800;
}

.sw-native-counter,
.sw-sender-workbench .sw-char-meter {
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.24);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.14), rgba(var(--sw-warning-rgb), 0.09)),
        rgba(var(--sw-bg-rgb), 0.38);
}

.sw-native-counter small,
.sw-sender-workbench .sw-char-meter span {
    color: rgba(237, 246, 255, 0.72) !important;
    font-weight: 800;
}

.sw-native-counter span,
.sw-sender-workbench .sw-char-meter strong {
    color: var(--sw-yellow) !important;
}

.sw-sender-workbench .select2-container--default .select2-selection--multiple,
.sw-sender-workbench .select2-container--default .select2-selection--single {
    min-height: 46px !important;
}

.sw-sender-workbench .input-group {
    overflow: hidden;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.26);
}

.sw-sender-workbench .input-group .input-group-text,
.sw-sender-workbench .input-group .form-select,
.sw-sender-workbench .input-group .select2-selection {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

@keyframes signalwave-message-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

.sw-send-steps div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.2rem 0.75rem;
    padding: 0.8rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
    border-radius: 8px;
    background: rgba(var(--sw-input-rgb), 0.34);
}

.sw-send-steps span {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--sw-blue), var(--sw-cyan), var(--sw-yellow));
    color: var(--sw-bg);
    font-weight: 900;
}

.sw-send-steps strong {
    color: var(--sw-text);
}

.sw-send-steps small {
    color: var(--sw-muted);
}

.sw-sender-workbench .input-group-text {
    border-color: rgba(var(--sw-secondary-rgb), 0.3) !important;
    background: rgba(var(--sw-secondary-rgb), 0.08) !important;
    color: var(--sw-text) !important;
}

.sw-sender-workbench .btn-group .btn {
    border-radius: 8px !important;
    margin-right: 0.35rem;
}

.sw-sender-workbench textarea#recipients {
    min-height: 160px;
}

.sw-sender-workbench textarea#message {
    min-height: 190px;
}

@media (max-width: 1199.98px) {
    .sw-send-hero {
        grid-template-columns: 1fr;
    }

    .sw-send-side {
        position: relative;
        top: auto;
    }
}

/* Option 4: Hybrid SignalWave system.
   Admin pages become a dense command console; customer pages stay calmer and SaaS-like. */
.signalwave-portal-admin .content-wrapper {
    padding-top: 1.35rem;
}

.signalwave-portal-admin .content-body {
    display: block;
}

.signalwave-portal-admin .card,
.signalwave-portal-admin .sw-module-panel {
    border-radius: 8px !important;
}

.signalwave-portal-admin .card-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.signalwave-portal-admin .card-header::after {
    content: "";
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--sw-secondary-rgb), 0.42), rgba(var(--sw-warning-rgb), 0.32), transparent);
}

.signalwave-portal-admin .card-body {
    padding: 1.15rem;
}

.signalwave-portal-admin .table tbody td,
.signalwave-portal-admin .table thead th {
    font-size: 0.86rem;
}

.signalwave-portal-admin .btn {
    min-height: 38px;
}

.signalwave-portal-admin .content-header-title::before {
    content: "Command Center";
    display: block;
    margin-bottom: 0.25rem;
    color: var(--sw-yellow);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.signalwave-portal-customer {
    --sw-customer-panel: rgba(10, 24, 43, 0.78);
    --sw-customer-ink: var(--sw-text);
    --sw-customer-muted: rgba(237, 246, 255, 0.64);
}

.signalwave-portal-customer .content-wrapper {
    padding-top: 1.5rem;
}

.signalwave-portal-customer .content-body {
    color: var(--sw-customer-ink);
}

.signalwave-portal-customer .content-header-title::before {
    content: "Customer Workspace";
    display: block;
    margin-bottom: 0.25rem;
    color: var(--sw-yellow);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.signalwave-portal-customer .card:not(.sw-metric-card):not(.sw-channel-card),
.signalwave-portal-customer .sw-module-panel,
.signalwave-portal-customer .modal-content {
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), transparent 34%),
        linear-gradient(315deg, rgba(var(--sw-warning-rgb), 0.08), transparent 42%),
        var(--sw-customer-panel) !important;
    color: var(--sw-customer-ink) !important;
    border-color: rgba(148, 181, 220, 0.12) !important;
    box-shadow: var(--sw-soft-shadow) !important;
}

.signalwave-portal-customer .card::before,
.signalwave-portal-customer .modal-content::before {
    opacity: 0.38;
}

.signalwave-portal-customer .card-title,
.signalwave-portal-customer .card h1,
.signalwave-portal-customer .card h2,
.signalwave-portal-customer .card h3,
.signalwave-portal-customer .card h4,
.signalwave-portal-customer .card h5,
.signalwave-portal-customer .card h6,
.signalwave-portal-customer .modal-title {
    color: var(--sw-customer-ink) !important;
}

.signalwave-portal-customer .card p,
.signalwave-portal-customer .card small,
.signalwave-portal-customer .card label,
.signalwave-portal-customer .card .text-muted,
.signalwave-portal-customer .modal-content p,
.signalwave-portal-customer .modal-content small {
    color: var(--sw-customer-muted) !important;
}

.signalwave-portal-customer .card-header,
.signalwave-portal-customer .card-footer,
.signalwave-portal-customer .modal-header,
.signalwave-portal-customer .modal-footer {
    background: rgba(255, 255, 255, 0.035) !important;
    border-color: rgba(148, 181, 220, 0.1) !important;
}

.signalwave-portal-customer .form-control,
.signalwave-portal-customer .form-select,
.signalwave-portal-customer .select2-container--default .select2-selection--single,
.signalwave-portal-customer .select2-container--default .select2-selection--multiple,
.signalwave-portal-customer .input-group-text {
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: rgba(148, 181, 220, 0.16) !important;
    color: var(--sw-customer-ink) !important;
}

.signalwave-portal-customer .table tbody tr {
    background: rgba(255, 255, 255, 0.035) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

.signalwave-portal-customer .table tbody td {
    color: var(--sw-customer-ink) !important;
    border-color: rgba(148, 181, 220, 0.1) !important;
}

.signalwave-portal-customer .table thead th {
    background: rgba(var(--sw-secondary-rgb), 0.1) !important;
    color: var(--sw-cyan) !important;
}

.signalwave-portal-customer .sw-tabs-console {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(148, 181, 220, 0.1);
}

.signalwave-portal-customer .sw-tabs-console .nav-link {
    color: var(--sw-customer-muted) !important;
}

.sw-surface-label {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0.25rem 0.58rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.3);
    border-radius: 999px;
    background: rgba(var(--sw-warning-rgb), 0.1);
    color: var(--sw-yellow);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.signalwave-portal-customer .sw-surface-label {
    border-color: rgba(var(--sw-warning-rgb), 0.3);
    background: rgba(var(--sw-warning-rgb), 0.1);
    color: var(--sw-yellow);
}

.sw-telecom-surface .card:not(.sw-metric-card):not(.sw-channel-card)::after,
.sw-audience-surface .card:not(.sw-metric-card):not(.sw-channel-card)::after,
.sw-insight-surface .card:not(.sw-metric-card):not(.sw-channel-card)::after {
    content: "";
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 82px;
    height: 82px;
    pointer-events: none;
    opacity: 0.16;
    background:
        linear-gradient(90deg, transparent 48%, var(--sw-cyan) 49% 51%, transparent 52%),
        linear-gradient(0deg, transparent 48%, var(--sw-cyan) 49% 51%, transparent 52%),
        radial-gradient(circle, transparent 0 42%, var(--sw-yellow) 43% 45%, transparent 46%);
    border-radius: 50%;
    animation: signalwave-surface-orbit 12s linear infinite;
}

@keyframes signalwave-surface-orbit {
    to { transform: rotate(360deg); }
}

.sw-telecom-surface .sw-surface-label::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: 0.4rem;
    border-radius: 50%;
    background: var(--sw-success);
    box-shadow: 0 0 0 5px rgba(92, 255, 159, 0.12), 0 0 18px rgba(92, 255, 159, 0.5);
}

.sw-commerce-surface .sw-surface-label {
    border-color: rgba(var(--sw-warning-rgb), 0.42);
    background: rgba(var(--sw-warning-rgb), 0.15);
}

.sw-audience-surface .sw-surface-label {
    border-color: rgba(var(--sw-secondary-rgb), 0.36);
    background: rgba(var(--sw-secondary-rgb), 0.12);
    color: var(--sw-cyan);
}

.sw-insight-surface .sw-surface-label {
    border-color: rgba(92, 255, 159, 0.3);
    background: rgba(92, 255, 159, 0.1);
    color: var(--sw-success);
}

.sw-workspace-surface .sw-surface-label {
    border-color: rgba(237, 246, 255, 0.2);
    background: rgba(237, 246, 255, 0.08);
}

.sw-module-skin .card-header .btn,
.sw-module-skin .card-header .dropdown,
.sw-module-skin .card-header .badge {
    position: relative;
    z-index: 2;
}

.sw-module-skin .btn:not(.btn-link) {
    border-radius: 8px !important;
}

.sw-module-skin .dropdown-menu {
    padding: 0.45rem;
}

.sw-module-skin .dropdown-divider {
    border-color: rgba(var(--sw-secondary-rgb), 0.14);
}

.sw-module-skin .page-link {
    min-width: 36px;
    min-height: 36px;
    display: inline-grid;
    place-items: center;
    border-radius: 8px !important;
}

@media (max-width: 991.98px) {
    .signalwave-portal-customer .card:not(.sw-metric-card):not(.sw-channel-card),
    .signalwave-portal-admin .card:not(.sw-metric-card):not(.sw-channel-card) {
        border-radius: 8px !important;
    }

    .sw-surface-label {
        display: none;
    }
}

/* Premium auth surfaces */
.sw-auth-shell.auth-wrapper.auth-cover .auth-inner {
    min-height: 100vh;
    background:
        radial-gradient(circle at 18% 24%, rgba(var(--sw-secondary-rgb), 0.18), transparent 28%),
        radial-gradient(circle at 82% 14%, rgba(var(--sw-warning-rgb), 0.14), transparent 22%),
        linear-gradient(135deg, var(--sw-bg) 0%, var(--sw-sidebar) 48%, var(--sw-panel-strong) 100%) !important;
}

.sw-auth-shell .brand-logo {
    z-index: 5;
}

.sw-auth-visual {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}

.sw-auth-visual::before {
    content: "";
    position: absolute;
    inset: 2rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(var(--sw-warning-rgb), 0.06) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(120deg, #000, transparent 72%);
}

.sw-auth-visual-inner {
    position: relative;
    z-index: 1;
}

.sw-auth-visual img {
    max-height: 72vh;
    filter: drop-shadow(0 28px 70px rgba(var(--sw-secondary-rgb), 0.22));
}

.sw-auth-panel {
    min-height: 100vh;
    border-left: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    background:
        linear-gradient(145deg, rgba(var(--sw-secondary-rgb), 0.1), transparent 36%),
        linear-gradient(320deg, rgba(var(--sw-warning-rgb), 0.11), transparent 42%),
        rgba(var(--sw-bg-rgb), 0.54) !important;
    backdrop-filter: blur(18px);
}

.sw-auth-card {
    position: relative;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.1), transparent 34%),
        rgba(var(--sw-bg-rgb), 0.72);
    box-shadow: 0 28px 78px rgba(0, 0, 0, 0.32);
}

.sw-auth-card .card-title {
    font-size: clamp(1.7rem, 3vw, 2.45rem);
    line-height: 1.05;
}

.sw-auth-form .mb-1 {
    margin-bottom: 1.05rem !important;
}

.sw-auth-legal {
    position: static !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.8rem;
    margin-bottom: 0 !important;
}

.sw-register-card {
    max-width: 980px;
}

.sw-register-shell .bs-stepper-header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    padding: 0.4rem 0 1.25rem !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
}

.sw-register-shell .bs-stepper-header .step {
    flex: 1 1 200px;
}

.sw-register-shell .bs-stepper-header .line {
    padding-top: 1rem;
}

.sw-register-shell .bs-stepper-header .step-trigger {
    width: 100%;
    min-height: 58px;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.14);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.28);
    white-space: normal;
}

.sw-register-shell .bs-stepper-header .active .step-trigger {
    border-color: rgba(var(--sw-warning-rgb), 0.38);
    background: rgba(var(--sw-warning-rgb), 0.1);
}

/* Admin dashboard command center */
.sw-admin-dashboard {
    display: grid;
    gap: 1.25rem;
}

.sw-admin-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 1.25rem;
    align-items: stretch;
    padding: clamp(1.2rem, 2.5vw, 2rem);
    overflow: hidden;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22);
    border-radius: 8px;
    background:
        linear-gradient(125deg, rgba(var(--sw-secondary-rgb), 0.16), transparent 36%),
        linear-gradient(315deg, rgba(var(--sw-warning-rgb), 0.14), transparent 38%),
        rgba(var(--sw-bg-rgb), 0.82);
    box-shadow: var(--sw-shadow);
}

.sw-admin-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.22;
}

.sw-admin-hero > * {
    position: relative;
    z-index: 1;
}

.sw-admin-hero h1 {
    margin-bottom: 0.65rem;
    font-size: clamp(2.25rem, 4vw, 4.5rem);
    line-height: 0.95;
}

.sw-admin-hero p {
    max-width: 720px;
    color: rgba(237, 246, 255, 0.74) !important;
    font-size: 1.02rem;
}

.sw-admin-hero-grid {
    display: grid;
    gap: 0.7rem;
}

.sw-admin-hero-grid span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.36);
    color: var(--sw-muted);
    font-weight: 800;
}

.sw-admin-hero-grid strong {
    color: var(--sw-yellow);
    font-size: 1.55rem;
}

.sw-command-alert {
    margin-bottom: 0 !important;
}

.sw-command-onboarding .timeline .timeline-event {
    border-radius: 8px;
}

.sw-admin-metric {
    min-height: 124px;
}

.sw-admin-metric .card-header {
    min-height: 124px;
}

.sw-admin-metric h2 {
    color: var(--sw-text) !important;
    font-size: clamp(1.55rem, 2.5vw, 2.2rem);
}

.sw-admin-metric .avatar {
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.2);
    background:
        radial-gradient(circle at 70% 20%, rgba(var(--sw-warning-rgb), 0.24), transparent 45%),
        rgba(var(--sw-secondary-rgb), 0.1) !important;
    color: var(--sw-cyan) !important;
    box-shadow: 0 0 28px rgba(var(--sw-secondary-rgb), 0.16);
}

/* Mobile navigation safety */
.sw-mobile-menu-scrim {
    position: fixed;
    inset: 0;
    z-index: 1030;
    border: 0;
    background: rgba(1, 8, 16, 0.58);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(8px);
    transition: opacity 180ms ease;
}

body.sw-mobile-menu-open .sw-mobile-menu-scrim {
    opacity: 1;
    pointer-events: auto;
}

@media (max-width: 1199.98px) {
    body.sw-mobile-menu-open .main-menu {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
    }
}

@media (max-width: 991.98px) {
    .sw-admin-hero {
        grid-template-columns: 1fr;
    }

    .sw-auth-panel {
        min-height: 100vh;
        border-left: 0;
    }

    .sw-auth-card {
        margin-top: 4.5rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 767.98px) {
    .sw-register-shell .bs-stepper-header .step {
        flex-basis: 100%;
    }

    .sw-register-shell .bs-stepper-header .line {
        display: none;
    }

    .sw-auth-legal {
        font-size: 0.76rem;
    }
}

/* Analytics console v2: this changes dashboards from long chart stacks into compact insight boards. */
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-console,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-console .sw-admin-metrics,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .metric-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-console .sw-admin-metrics > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-console .sw-admin-metric,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .sw-metric-card {
    min-height: 112px !important;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.22) !important;
    border-left: 3px solid var(--sw-primary) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.16), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 54%),
        rgba(7, 15, 32, 0.86) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-console .sw-admin-metric .card-header {
    min-height: 112px !important;
    border: 0 !important;
    background: transparent !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-console .sw-admin-metric h2,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .sw-metric-card strong {
    color: rgba(255, 213, 91, 0.98) !important;
    font-size: clamp(1.35rem, 2vw, 2.1rem) !important;
    letter-spacing: 0 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-console .sw-admin-metric p,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .sw-metric-card span,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .sw-metric-card small {
    color: rgba(237, 246, 255, 0.68) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-mosaic {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: 1rem;
    margin: 0;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-cell {
    min-width: 0;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-cell-wide {
    grid-column: 1 / -1;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-mosaic .sw-analytics-card {
    height: 100%;
    min-height: 360px;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-mosaic .sw-analytics-cell-wide .sw-analytics-card {
    min-height: 320px;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-mosaic .card-body,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-card > div {
    background:
        linear-gradient(rgba(var(--sw-primary-rgb), 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.055) 1px, transparent 1px);
    background-size: 44px 44px;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.2rem 0.65rem;
    border: 1px solid rgba(var(--sw-success-rgb), 0.34);
    border-radius: 999px;
    background: rgba(var(--sw-success-rgb), 0.1);
    color: rgba(77, 255, 203, 0.94);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-wall {
    padding: 1rem;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.13), transparent 34%),
        rgba(4, 12, 27, 0.74);
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.24);
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-wall .sw-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0 0 0.85rem;
    border-bottom: 1px solid rgba(var(--sw-primary-rgb), 0.16);
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-wall .sw-panel-heading h3 {
    margin: 0;
    color: rgba(237, 246, 255, 0.96);
    font-size: 1.25rem;
    letter-spacing: 0;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-card {
    min-width: 0;
    min-height: 310px;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.22);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(var(--sw-primary-rgb), 0.11), transparent 36%),
        rgba(9, 16, 35, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 16px 36px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-card header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 74px;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(var(--sw-primary-rgb), 0.14);
    background: linear-gradient(90deg, rgba(26, 20, 50, 0.82), rgba(4, 18, 36, 0.58));
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-card header span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(var(--sw-warning-rgb), 0.13);
    color: rgba(255, 213, 91, 0.96);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-card header strong {
    color: rgba(237, 246, 255, 0.9);
    font-size: 0.95rem;
    line-height: 1.3;
    text-align: right;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-card > div {
    min-height: 236px;
    padding: 0.4rem 0.8rem 0.2rem;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-card .apexcharts-canvas,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-mosaic .apexcharts-canvas {
    max-width: 100% !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .sw-channel-deck {
    padding: 1rem !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .sw-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .sw-channel-card {
    min-height: 292px !important;
    border-radius: 8px !important;
    background:
        linear-gradient(145deg, rgba(var(--sw-primary-rgb), 0.12), transparent 36%),
        rgba(9, 16, 35, 0.8) !important;
}

@media (min-width: 1600px) {
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-grid,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .sw-channel-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-console .sw-admin-metrics,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-mosaic {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-console .sw-admin-metrics,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .metric-grid,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-grid,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-dashboard-redesign .sw-channel-grid {
        grid-template-columns: 1fr !important;
    }

    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-mosaic .sw-analytics-card,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-channel-card {
        min-height: 280px;
    }
}

/* Smart analytics layer: shared visual system for dashboards, charts, and report overviews. */
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-insights-page {
    --sw-analytics-border: rgba(var(--sw-primary-rgb), 0.26);
    --sw-analytics-panel: rgba(8, 14, 32, 0.76);
    --sw-analytics-panel-strong: rgba(13, 22, 45, 0.9);
    --sw-analytics-text: rgba(237, 246, 255, 0.92);
    --sw-analytics-muted: rgba(237, 246, 255, 0.62);
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 116px;
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.35rem;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.22);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.14), transparent 32%),
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.12), transparent 58%),
        rgba(7, 13, 30, 0.72);
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    overflow: hidden;
    position: relative;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.42;
    background-image:
        linear-gradient(rgba(var(--sw-primary-rgb), 0.11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.08) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent);
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-hero > * {
    position: relative;
    z-index: 1;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-hero h2 {
    margin: 0.2rem 0 0.35rem;
    color: var(--sw-analytics-text);
    font-size: 1.75rem;
    font-weight: 850;
    letter-spacing: 0;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-hero p {
    max-width: 680px;
    margin: 0;
    color: var(--sw-analytics-muted);
    font-size: 0.98rem;
    line-height: 1.55;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-state {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 40px;
    padding: 0.55rem 0.85rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.34);
    border-radius: 999px;
    background: rgba(var(--sw-warning-rgb), 0.1);
    color: rgba(255, 222, 112, 0.96);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-state span {
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 50%;
    background: var(--sw-success);
    box-shadow: 0 0 0 5px rgba(17, 215, 169, 0.12), 0 0 18px rgba(17, 215, 169, 0.54);
    flex: 0 0 auto;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-card,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics .card {
    border: 1px solid var(--sw-analytics-border) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(145deg, rgba(var(--sw-primary-rgb), 0.1), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 46%),
        var(--sw-analytics-panel) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    overflow: hidden;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-card .card-header,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics .card .card-header {
    border-bottom: 1px solid rgba(var(--sw-primary-rgb), 0.16);
    background: linear-gradient(90deg, rgba(26, 20, 50, 0.86), rgba(8, 17, 38, 0.66));
    min-height: 70px;
    gap: 0.85rem;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-card .card-title,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics .card .card-title,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics .card h4,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics .card h5 {
    color: rgba(237, 246, 255, 0.94) !important;
    letter-spacing: 0;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics .card-subtitle,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics .text-muted,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics .card-text {
    color: var(--sw-analytics-muted) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-kpi {
    min-height: 132px;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-kpi .card-header {
    min-height: 132px;
    align-items: center !important;
    justify-content: space-between !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-kpi h2,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-kpi h3,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-kpi .fw-bolder,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-kpi .text-bold-700 {
    color: rgba(255, 213, 91, 0.96) !important;
    font-weight: 900 !important;
    line-height: 1.05;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-kpi p {
    margin-top: 0.45rem;
    color: rgba(237, 246, 255, 0.68) !important;
    font-weight: 700;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-kpi .avatar,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-report-breakdown .avatar {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.35);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.32), rgba(var(--sw-secondary-rgb), 0.22)),
        rgba(3, 17, 33, 0.74) !important;
    box-shadow: 0 12px 28px rgba(var(--sw-primary-rgb), 0.15);
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-chart-card .card-body {
    position: relative;
    min-height: 300px;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-chart-card .card-body::before {
    content: "";
    position: absolute;
    inset: 0.6rem 0.9rem;
    pointer-events: none;
    border-radius: 8px;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.08);
    background-image:
        linear-gradient(rgba(237, 246, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(237, 246, 255, 0.025) 1px, transparent 1px);
    background-size: 54px 54px;
    opacity: 0.52;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-chart-card .card-body > * {
    position: relative;
    z-index: 1;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-radial .card-body {
    min-height: 300px;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-report-breakdown .statistics-body .row {
    row-gap: 0.9rem;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-report-breakdown .statistics-body [class*="col-"] > .d-flex {
    min-height: 86px;
    padding: 0.85rem;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.14);
    border-radius: 8px;
    background: rgba(4, 14, 31, 0.42);
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.35rem;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(4, 11, 25, 0.58);
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-tabs .nav-link {
    min-height: 44px;
    border-radius: 8px !important;
    color: rgba(237, 246, 255, 0.68) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-tabs .nav-link.active {
    color: #06101f !important;
    background: linear-gradient(135deg, var(--sw-primary), var(--sw-secondary) 62%, var(--sw-warning)) !important;
    box-shadow: 0 12px 30px rgba(var(--sw-primary-rgb), 0.28);
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-filterbar .select2-container,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-filterbar .form-select,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-filterbar .form-control {
    min-width: 160px;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .apexcharts-tooltip,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .apexcharts-xaxistooltip,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .apexcharts-yaxistooltip {
    border: 1px solid rgba(var(--sw-primary-rgb), 0.32) !important;
    border-radius: 8px !important;
    background: rgba(6, 12, 27, 0.96) !important;
    color: rgba(237, 246, 255, 0.92) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .apexcharts-tooltip-title {
    border-bottom-color: rgba(var(--sw-primary-rgb), 0.2) !important;
    background: rgba(var(--sw-primary-rgb), 0.12) !important;
    color: rgba(237, 246, 255, 0.92) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .apexcharts-legend-text,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .apexcharts-text,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .apexcharts-xaxis-label,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .apexcharts-yaxis-label {
    fill: rgba(237, 246, 255, 0.64) !important;
    color: rgba(237, 246, 255, 0.64) !important;
}

@media (max-width: 991.98px) {
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-hero {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
    }

    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-filterbar .d-flex {
        align-items: stretch !important;
        flex-wrap: wrap;
        gap: 0.65rem;
    }

    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-filterbar .select2-container,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-filterbar .form-select,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-filterbar .form-control {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-hero {
        padding: 1rem;
    }

    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-hero h2 {
        font-size: 1.35rem;
    }

    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-card .card-header,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-smart-analytics .card .card-header {
        align-items: flex-start !important;
        flex-direction: column;
        min-height: 0;
    }

    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-analytics-kpi .card-header {
        flex-direction: row;
        align-items: center !important;
        min-height: 116px;
    }

    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-report-breakdown .statistics-body [class*="col-"] > .d-flex {
        min-height: 74px;
    }
}

/* Global AJAX shell, toast system, and animated SignalWave logo. */
.sw-logo-mark {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.28);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.16), rgba(var(--sw-warning-rgb), 0.06)),
        rgba(4, 16, 31, 0.82);
    box-shadow: 0 0 28px rgba(var(--sw-secondary-rgb), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.sw-logo-mark::after {
    content: "";
    position: absolute;
    inset: -30%;
    background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.28), transparent 58%);
    transform: translateX(-80%) rotate(12deg);
    animation: sw-logo-sheen 4.8s ease-in-out infinite;
}

.sw-logo-svg {
    position: relative;
    z-index: 1;
    width: 34px;
    height: 34px;
    filter: url("#swLogoGlow");
}

.sw-logo-core {
    fill: url("#swLogoGradient");
    animation: sw-logo-pulse 2.9s ease-in-out infinite;
}

.sw-logo-edge,
.sw-logo-wave,
.sw-logo-node {
    fill: none;
    stroke: url("#swLogoGradient");
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sw-logo-wave {
    stroke-dasharray: 42;
    animation: sw-logo-wave 3.4s linear infinite;
}

.sw-logo-wave-two {
    animation-delay: 0.45s;
    opacity: 0.72;
}

.sw-logo-node {
    fill: var(--sw-success);
    stroke: var(--sw-bg);
    stroke-width: 2;
    animation: sw-logo-node 2.1s ease-in-out infinite;
}

.brand-logo .sw-logo-mark + .signalwave-brand-wordmark,
.sw-logo-mark + .signalwave-brand-wordmark {
    margin-left: 0.7rem;
}

.sw-topbar-brand {
    display: inline-flex;
    align-items: center;
    margin-left: 0.55rem;
}

.main-menu .brand-logo img {
    display: none !important;
}

.sw-ajax-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
    width: 100%;
    height: 3px;
    pointer-events: none;
    opacity: 0;
}

.sw-ajax-progress span {
    display: block;
    width: 8%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--sw-cyan), var(--sw-success), var(--sw-yellow));
    box-shadow: 0 0 18px rgba(var(--sw-secondary-rgb), 0.72);
    transform: translateX(-20vw);
}

.sw-ajax-progress.is-active {
    opacity: 1;
}

.sw-ajax-progress.is-active span {
    animation: sw-progress-run 1.1s ease-in-out infinite;
}

.sw-ajax-progress.is-done span {
    width: 100%;
    transform: translateX(0);
    animation: none;
}

.sw-toast-stack {
    position: fixed;
    top: 82px;
    right: 18px;
    z-index: 21000;
    display: grid;
    gap: 0.75rem;
    width: min(390px, calc(100vw - 28px));
    pointer-events: none;
}

.sw-toast {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 78px;
    padding: 0.85rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.2);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.1), transparent 44%),
        rgba(4, 16, 31, 0.97);
    color: var(--sw-text);
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.44), 0 0 30px rgba(var(--sw-secondary-rgb), 0.1);
    opacity: 0;
    pointer-events: auto;
    transform: translateX(24px) scale(0.98);
    transition: opacity 180ms ease, transform 220ms ease;
}

.sw-toast.is-visible {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.sw-toast.is-leaving {
    opacity: 0;
    transform: translateX(24px) scale(0.96);
}

.sw-toast::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 8px 0 0 8px;
    background: var(--sw-cyan);
    box-shadow: 0 0 16px rgba(var(--sw-secondary-rgb), 0.55);
}

.sw-toast.is-success::before {
    background: var(--sw-success);
}

.sw-toast.is-warning::before {
    background: var(--sw-yellow);
}

.sw-toast.is-error::before {
    background: var(--sw-danger);
}

.sw-toast-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22);
    border-radius: 8px;
    color: var(--sw-bg);
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-success) 58%, var(--sw-yellow));
    font-weight: 900;
}

.sw-toast-copy {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.sw-toast-copy strong {
    color: var(--sw-text);
    font-size: 0.92rem;
    font-weight: 900;
}

.sw-toast-copy small {
    color: rgba(226, 239, 255, 0.74) !important;
    line-height: 1.35;
}

.sw-toast-close {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--sw-text);
}

.sw-field-error {
    margin-top: 0.3rem;
    color: #ff8fa1;
    font-size: 0.78rem;
    font-weight: 700;
}

.sw-module-skin .is-invalid {
    border-color: var(--sw-danger) !important;
    box-shadow: 0 0 0 3px rgba(var(--sw-danger-rgb), 0.12) !important;
}

@keyframes sw-logo-sheen {
    0%, 35% { transform: translateX(-85%) rotate(12deg); }
    58%, 100% { transform: translateX(85%) rotate(12deg); }
}

@keyframes sw-logo-pulse {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(var(--sw-secondary-rgb), 0.3)); }
    50% { filter: drop-shadow(0 0 14px rgba(var(--sw-warning-rgb), 0.42)); }
}

@keyframes sw-logo-wave {
    from { stroke-dashoffset: 42; }
    to { stroke-dashoffset: -42; }
}

@keyframes sw-logo-node {
    0%, 100% { transform: scale(0.86); transform-origin: 49px 49px; }
    50% { transform: scale(1.08); transform-origin: 49px 49px; }
}

@keyframes sw-progress-run {
    0% { width: 8%; transform: translateX(-20vw); }
    45% { width: 38%; }
    100% { width: 8%; transform: translateX(110vw); }
}

@media (prefers-reduced-motion: reduce) {
    .sw-logo-mark::after,
    .sw-logo-core,
    .sw-logo-wave,
    .sw-logo-node,
    .sw-ajax-progress.is-active span,
    .sw-toast {
        animation: none !important;
        transition: none !important;
    }
}

/* SignalWave module skin: upgrades legacy inner screens without rewriting each view. */
.sw-module-skin .content-body {
    position: relative;
}

.sw-module-skin .content-body::before {
    content: "";
    position: fixed;
    inset: 86px 0 0 260px;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 18%, rgba(var(--sw-secondary-rgb), 0.08) 18% 19%, transparent 19% 40%, rgba(var(--sw-warning-rgb), 0.07) 40% 41%, transparent 41%),
        radial-gradient(circle at 86% 14%, rgba(var(--sw-secondary-rgb), 0.13), transparent 24%),
        radial-gradient(circle at 10% 76%, rgba(var(--sw-warning-rgb), 0.1), transparent 28%);
    opacity: 0.88;
}

.sw-module-stage {
    position: relative;
    z-index: 1;
}

.sw-module-skin .content-header {
    position: relative;
    z-index: 2;
    margin-bottom: 1.25rem;
    padding: 0.2rem 0 0.75rem;
}

.sw-module-skin .content-header-title {
    position: relative;
    font-weight: 900 !important;
    text-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.sw-module-skin .content-header-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.62rem;
    width: 86px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--sw-blue), var(--sw-cyan), var(--sw-yellow));
    box-shadow: 0 0 22px rgba(var(--sw-secondary-rgb), 0.42);
}

.sw-module-skin .breadcrumb {
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.14);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.34);
}

.sw-module-skin .breadcrumb-item,
.sw-module-skin .breadcrumb-item.active {
    color: rgba(237, 246, 255, 0.7) !important;
}

.sw-module-panel,
.sw-module-skin .card:not(.sw-metric-card):not(.sw-channel-card),
.sw-data-module .card,
.sw-table-module,
.sw-form-module {
    border-color: rgba(var(--sw-secondary-rgb), 0.2) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), transparent 32%),
        linear-gradient(315deg, rgba(var(--sw-warning-rgb), 0.08), transparent 38%),
        rgba(var(--sw-bg-rgb), 0.78) !important;
}

.sw-module-skin .card-header {
    min-height: 64px;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.14) !important;
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.1), rgba(var(--sw-warning-rgb), 0.06)),
        rgba(255, 255, 255, 0.02) !important;
}

.sw-module-skin .card-header .card-title {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    color: var(--sw-text) !important;
    font-weight: 900;
}

.sw-module-skin .card-header .card-title::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--sw-yellow);
    box-shadow: 0 0 18px rgba(var(--sw-warning-rgb), 0.7);
}

.sw-module-skin .card-body,
.sw-module-skin .card-content {
    color: rgba(237, 246, 255, 0.8);
}

.sw-module-skin label,
.sw-module-skin .form-label,
.sw-module-skin .col-form-label {
    color: rgba(237, 246, 255, 0.82) !important;
    font-weight: 700;
}

.sw-module-skin .form-control,
.sw-module-skin .form-select,
.sw-module-skin .select2-container--default .select2-selection--single,
.sw-module-skin .select2-container--default .select2-selection--multiple,
.sw-module-skin .input-group-text {
    min-height: 44px;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    border-radius: 8px !important;
    background: rgba(var(--sw-bg-rgb), 0.74) !important;
    color: var(--sw-text) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.sw-module-skin textarea.form-control {
    min-height: 118px;
}

.sw-module-skin .form-control::placeholder,
.sw-module-skin textarea::placeholder,
.sw-module-skin input::placeholder {
    color: rgba(237, 246, 255, 0.42) !important;
}

.sw-module-skin .form-control:focus,
.sw-module-skin .form-select:focus,
.sw-module-skin .select2-container--default.select2-container--focus .select2-selection--multiple,
.sw-module-skin .select2-container--default.select2-container--open .select2-selection--single {
    border-color: rgba(var(--sw-warning-rgb), 0.74) !important;
    box-shadow: 0 0 0 3px rgba(var(--sw-warning-rgb), 0.12), 0 0 28px rgba(var(--sw-secondary-rgb), 0.12) !important;
}

.sw-module-skin .select2-dropdown {
    overflow: hidden;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    border-radius: 8px !important;
    background: rgba(var(--sw-bg-rgb), 0.98) !important;
    color: var(--sw-text) !important;
}

.sw-module-skin .select2-results__option {
    color: rgba(237, 246, 255, 0.78);
}

.sw-module-skin .select2-results__option--highlighted {
    background: linear-gradient(90deg, var(--sw-blue), var(--sw-cyan)) !important;
    color: var(--sw-bg) !important;
}

.sw-module-skin .select2-selection__rendered,
.sw-module-skin .select2-selection__choice,
.sw-module-skin .select2-search__field {
    color: var(--sw-text) !important;
}

.sw-module-skin .select2-selection__choice {
    border: 1px solid rgba(var(--sw-warning-rgb), 0.34) !important;
    border-radius: 999px !important;
    background: rgba(var(--sw-warning-rgb), 0.12) !important;
}

.sw-module-skin .table-responsive,
.sw-module-skin .dataTables_wrapper {
    border-radius: 8px;
}

.sw-module-skin table.table {
    overflow: hidden;
    margin-bottom: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 0.42rem !important;
    color: rgba(237, 246, 255, 0.82) !important;
}

.sw-module-skin table.table thead th {
    padding: 1rem 0.95rem !important;
    border: 0 !important;
    background: rgba(var(--sw-secondary-rgb), 0.1) !important;
    color: var(--sw-cyan) !important;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sw-module-skin table.table tbody tr {
    position: relative;
    background: rgba(255, 255, 255, 0.035) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
    transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.sw-module-skin table.table tbody tr:hover {
    transform: translateY(-1px);
    background: rgba(var(--sw-secondary-rgb), 0.075) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}

.sw-module-skin table.table tbody td {
    padding: 0.9rem 0.95rem !important;
    border-top: 1px solid rgba(var(--sw-secondary-rgb), 0.12) !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.12) !important;
    background: transparent !important;
    color: rgba(237, 246, 255, 0.82) !important;
    vertical-align: middle;
}

.sw-module-skin table.table tbody td:first-child {
    border-left: 1px solid rgba(var(--sw-secondary-rgb), 0.12) !important;
    border-radius: 8px 0 0 8px;
}

.sw-module-skin table.table tbody td:last-child {
    border-right: 1px solid rgba(var(--sw-secondary-rgb), 0.12) !important;
    border-radius: 0 8px 8px 0;
}

.sw-module-skin .dataTables_filter label,
.sw-module-skin .dataTables_length label,
.sw-module-skin .dataTables_info {
    color: rgba(237, 246, 255, 0.68) !important;
}

.sw-module-skin .dataTables_filter input,
.sw-module-skin .dataTables_length select {
    margin-left: 0.55rem;
    border-radius: 999px !important;
}

.sw-module-skin .dt-buttons,
.sw-module-skin .btn-group,
.sw-module-skin .dataTables_filter,
.sw-module-skin .dataTables_length {
    margin-bottom: 0.85rem;
}

.sw-module-skin .dropdown-menu {
    border-color: rgba(var(--sw-secondary-rgb), 0.18) !important;
    background: rgba(var(--sw-bg-rgb), 0.98) !important;
}

.sw-module-skin .dropdown-item {
    color: rgba(237, 246, 255, 0.78) !important;
    border-radius: 8px;
}

.sw-module-skin .dropdown-item:hover,
.sw-module-skin .dropdown-item:focus {
    background: rgba(var(--sw-secondary-rgb), 0.1) !important;
    color: var(--sw-yellow) !important;
}

.sw-tabs-console {
    display: inline-flex;
    gap: 0.4rem;
    padding: 0.35rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.58);
}

.sw-tabs-console .nav-link {
    border: 0 !important;
    border-radius: 8px !important;
    color: rgba(237, 246, 255, 0.72) !important;
    background: transparent !important;
    font-weight: 800;
}

.sw-tabs-console .nav-link.active {
    color: var(--sw-bg) !important;
    background: linear-gradient(90deg, var(--sw-blue), var(--sw-cyan), var(--sw-yellow)) !important;
    box-shadow: 0 12px 26px rgba(var(--sw-secondary-rgb), 0.22);
}

.sw-module-skin .modal-content {
    border-color: rgba(var(--sw-warning-rgb), 0.3) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-warning-rgb), 0.1), transparent 34%),
        rgba(var(--sw-bg-rgb), 0.98) !important;
}

.sw-module-skin .modal-header,
.sw-module-skin .modal-footer {
    border-color: rgba(var(--sw-secondary-rgb), 0.14) !important;
}

.sw-table-empty {
    min-height: 210px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.45rem;
    text-align: center;
}

.sw-table-empty span {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.25);
    background:
        radial-gradient(circle, rgba(var(--sw-warning-rgb), 0.9) 0 4px, transparent 5px),
        radial-gradient(circle, rgba(var(--sw-secondary-rgb), 0.18), transparent 60%);
    box-shadow: 0 0 36px rgba(var(--sw-secondary-rgb), 0.16);
}

.sw-table-empty strong {
    color: var(--sw-text);
    font-size: 1.1rem;
}

.sw-table-empty small {
    max-width: 300px;
    color: var(--sw-muted);
}

.sw-module-skin .form-check-input {
    border-color: rgba(var(--sw-secondary-rgb), 0.36) !important;
    background-color: rgba(var(--sw-bg-rgb), 0.8) !important;
}

.sw-module-skin .form-check-input:checked {
    border-color: var(--sw-yellow) !important;
    background-color: var(--sw-yellow) !important;
}

.sw-module-skin .flatpickr-calendar {
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    background: rgba(var(--sw-bg-rgb), 0.98) !important;
    color: var(--sw-text) !important;
}

.sw-module-skin .list-group-item {
    background: rgba(255, 255, 255, 0.035) !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.13) !important;
    color: rgba(237, 246, 255, 0.82) !important;
}

@media (max-width: 991.98px) {
    .sw-module-skin .content-body::before {
        left: 0;
    }
}

/* SignalWave sidebar redesign */
.main-menu,
.main-menu.menu-light,
.main-menu.menu-dark {
    width: 278px;
    background:
        linear-gradient(160deg, rgba(var(--sw-warning-rgb), 0.09), transparent 22%),
        linear-gradient(18deg, rgba(var(--sw-secondary-rgb), 0.11), transparent 38%),
        linear-gradient(180deg, rgba(var(--sw-bg-rgb), 0.98), rgba(5, 21, 41, 0.98) 54%, rgba(2, 10, 22, 0.98)) !important;
    border-right: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
    width: 278px;
}

.vertical-layout.vertical-menu-modern.menu-expanded .app-content,
.vertical-layout.vertical-menu-modern.menu-expanded .footer {
    margin-left: 278px;
}

.main-menu::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 28px 98px, rgba(var(--sw-secondary-rgb), 0.22), transparent 78px),
        linear-gradient(90deg, transparent 0 calc(100% - 1px), rgba(var(--sw-warning-rgb), 0.28) calc(100% - 1px));
    opacity: 0.9;
}

.main-menu .navbar-header {
    height: 96px;
    padding: 1rem 0.95rem 0.75rem;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.14);
}

.main-menu .navbar-header .navbar-brand {
    min-height: 58px;
}

.main-menu .navbar-header .brand-logo {
    position: relative;
    width: 100%;
    padding: 0.78rem 0.78rem;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.32), rgba(var(--sw-secondary-rgb), 0.09) 50%, rgba(var(--sw-warning-rgb), 0.18)),
        rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.main-menu .navbar-header .brand-logo::after {
    content: "Command OS";
    display: block;
    position: absolute;
    left: 56px;
    bottom: 0.58rem;
    color: rgba(237, 246, 255, 0.52);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.main-menu .brand-logo img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 0 24px rgba(var(--sw-secondary-rgb), 0.38);
}

.main-menu .signalwave-brand-wordmark {
    max-width: 155px;
    padding-bottom: 0.92rem;
    color: var(--sw-yellow) !important;
    font-family: var(--sw-font) !important;
    font-size: 1.03rem;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.01em;
    text-shadow: 0 0 24px rgba(var(--sw-warning-rgb), 0.34);
}

.main-menu .nav-toggle {
    position: absolute;
    right: 0.55rem;
    top: 1.18rem;
    z-index: 3;
}

.main-menu .modern-nav-toggle {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(var(--sw-secondary-rgb), 0.11);
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.24);
}

@media (min-width: 1200px) {
    .main-menu .nav-toggle {
        display: none !important;
    }
}

.main-menu .nav-toggle,
.main-menu .modern-nav-toggle {
    display: none !important;
}

.main-menu .main-menu-content {
    padding: 0.7rem 0.65rem 1.4rem;
}

.sw-nav-section-label,
.main-menu .navigation-header {
    margin: 0.65rem 0.65rem 0.45rem;
    padding: 0.25rem 0.45rem;
    color: rgba(var(--sw-warning-rgb), 0.72) !important;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.sw-nav-section-label {
    list-style: none;
}

.main-menu .navigation > li.nav-item {
    position: relative;
    margin: 0.14rem 0;
    opacity: 0;
    transform: translateX(-12px);
    animation: signalwave-nav-enter 420ms ease forwards;
    animation-delay: var(--sw-nav-delay, 0ms);
}

@keyframes signalwave-nav-enter {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.main-menu .navigation > li.nav-item::before {
    content: attr(data-signalwave-index);
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(237, 246, 255, 0.18);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    pointer-events: none;
    transition: color 180ms ease, transform 180ms ease;
}

.main-menu .navigation > li.nav-item:hover::before,
.main-menu .navigation > li.nav-item.active::before,
.main-menu .navigation > li.nav-item.sidebar-group-active::before {
    color: rgba(4, 17, 31, 0.62);
    transform: translateY(-50%) translateX(-3px);
}

.main-menu .navigation > li > a,
.main-menu .navigation li.nav-item a {
    min-height: 52px;
    margin: 0.18rem 0;
    padding: 0.82rem 2.15rem 0.82rem 0.78rem !important;
    border: 1px solid transparent;
    border-radius: 8px;
    color: rgba(237, 246, 255, 0.72) !important;
    font-family: var(--sw-font) !important;
    font-size: 0.94rem;
    font-weight: 700;
    letter-spacing: 0;
    background: transparent !important;
}

.main-menu .navigation > li > a::before {
    content: "";
    position: absolute;
    left: 0.42rem;
    width: 3px;
    height: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--sw-cyan), var(--sw-yellow));
    box-shadow: 0 0 18px rgba(var(--sw-secondary-rgb), 0.48);
    transition: height 180ms ease;
}

.main-menu .navigation > li > a:hover::before,
.main-menu .navigation > li.active > a::before,
.main-menu .navigation > li.sidebar-group-active > a::before {
    height: 30px;
}

.main-menu .navigation li a svg,
.main-menu .navigation li a i {
    width: 22px;
    height: 22px;
    margin-right: 0.82rem !important;
    color: currentColor !important;
    stroke-width: 1.85;
}

.main-menu .navigation li a .menu-title {
    max-width: 155px;
    font-size: inherit;
    font-weight: inherit;
}

.main-menu .sw-animated-icon {
    position: relative;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    margin-right: 0.72rem;
    border-radius: 8px;
    background:
        radial-gradient(circle at 34% 24%, rgba(var(--sw-warning-rgb), 0.2), transparent 34%),
        rgba(var(--sw-secondary-rgb), 0.085);
    box-shadow: inset 0 0 0 1px rgba(var(--sw-secondary-rgb), 0.14), 0 0 18px rgba(var(--sw-secondary-rgb), 0.08);
    overflow: hidden;
}

.main-menu .sw-animated-icon::after {
    content: "";
    position: absolute;
    inset: -40% auto -40% -80%;
    width: 70%;
    transform: rotate(24deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
    opacity: 0;
}

.main-menu .sw-animated-icon svg {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    overflow: visible;
}

.main-menu .sw-animated-icon .sw-i-core,
.main-menu .sw-animated-icon .sw-i-pulse {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.main-menu .sw-animated-icon .sw-i-pulse {
    color: var(--sw-yellow);
    stroke-dasharray: 34;
    stroke-dashoffset: 12;
}

.main-menu .navigation > li > a:hover .sw-animated-icon,
.main-menu .navigation > li.active > a .sw-animated-icon,
.main-menu .navigation > li.sidebar-group-active > a .sw-animated-icon {
    color: var(--sw-bg);
    background: rgba(255, 255, 255, 0.24);
    box-shadow: inset 0 0 0 1px rgba(4, 17, 31, 0.14), 0 0 24px rgba(var(--sw-warning-rgb), 0.22);
}

.main-menu .navigation > li > a:hover .sw-animated-icon::after,
.main-menu .navigation > li.active > a .sw-animated-icon::after,
.main-menu .navigation > li.sidebar-group-active > a .sw-animated-icon::after {
    animation: signalwave-icon-shine 820ms ease;
}

.main-menu .navigation > li > a:hover .sw-animated-icon svg,
.main-menu .navigation > li.active > a .sw-animated-icon svg,
.main-menu .navigation > li.sidebar-group-active > a .sw-animated-icon svg {
    animation: signalwave-icon-float 980ms ease-in-out;
}

.main-menu .navigation > li > a:hover .sw-i-pulse,
.main-menu .navigation > li.active > a .sw-i-pulse,
.main-menu .navigation > li.sidebar-group-active > a .sw-i-pulse {
    animation: signalwave-icon-draw 1.1s ease-in-out infinite alternate;
}

@keyframes signalwave-icon-shine {
    0% { opacity: 0; transform: translateX(0) rotate(24deg); }
    35% { opacity: 1; }
    100% { opacity: 0; transform: translateX(260%) rotate(24deg); }
}

@keyframes signalwave-icon-float {
    0%, 100% { transform: translateY(0) rotate(0); }
    45% { transform: translateY(-2px) rotate(-5deg); }
}

@keyframes signalwave-icon-draw {
    to { stroke-dashoffset: 0; }
}

.main-menu .navigation > li > a:hover,
.main-menu .navigation li.nav-item a:hover {
    color: var(--sw-text) !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.16);
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.12), rgba(var(--sw-warning-rgb), 0.055)) !important;
    transform: translateX(2px);
}

.main-menu .navigation > li.active > a,
.main-menu .navigation > li.open > a,
.main-menu .navigation > li.sidebar-group-active > a,
.main-menu .navigation li.active > a {
    color: var(--sw-bg) !important;
    background: linear-gradient(90deg, var(--sw-blue), var(--sw-cyan) 54%, var(--sw-yellow)) !important;
    border-color: rgba(var(--sw-warning-rgb), 0.5);
    box-shadow: 0 16px 34px rgba(var(--sw-primary-rgb), 0.28), 0 0 26px rgba(var(--sw-warning-rgb), 0.1);
    font-weight: 900;
}

.main-menu .navigation > li.active > a .menu-title,
.main-menu .navigation > li.sidebar-group-active > a .menu-title {
    color: var(--sw-bg) !important;
}

.main-menu .navigation .menu-content {
    margin: 0.15rem 0 0.45rem 1.15rem !important;
    padding: 0.28rem 0 0.28rem 0.72rem !important;
    border-left: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    background: transparent !important;
}

.main-menu .navigation .menu-content li a {
    min-height: 38px;
    margin: 0.1rem 0;
    padding: 0.55rem 1.1rem !important;
    color: rgba(237, 246, 255, 0.58) !important;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 8px;
}

.main-menu .navigation .menu-content li a:hover,
.main-menu .navigation .menu-content li.active > a {
    color: var(--sw-yellow) !important;
    background: rgba(var(--sw-warning-rgb), 0.08) !important;
}

.sw-sidebar-energy-rail {
    right: 0.34rem;
    width: 4px;
    height: 52px;
    z-index: 4;
}

.menu-collapsed .main-menu .signalwave-brand-wordmark,
.menu-collapsed .main-menu .navbar-header .brand-logo::after,
.menu-collapsed .main-menu .navigation > li.nav-item::before,
.menu-collapsed .sw-nav-section-label {
    display: none;
}

.menu-collapsed .main-menu .navbar-header .brand-logo {
    justify-content: center;
    padding: 0.55rem;
}

.menu-collapsed .main-menu .navigation > li > a,
.menu-collapsed .main-menu .navigation li.nav-item a {
    justify-content: center;
    padding: 0.82rem !important;
}

/* Final collapsed rail sizing. Keep this in one block so the base theme cannot split widths. */
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu,
.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .app-content,
.vertical-layout.vertical-menu-modern.menu-collapsed .content,
.vertical-layout.vertical-menu-modern.menu-collapsed .footer {
    margin-left: 96px !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.navbar-static-top {
    left: 96px !important;
    width: calc(100% - 96px) !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
    left: 96px !important;
    width: calc(100% - 126px) !important;
}

.menu-collapsed .main-menu .navbar-header {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 112px;
    padding: 0.85rem 0.7rem 0.65rem;
    opacity: 1 !important;
    overflow: visible;
}

.menu-collapsed .main-menu .navbar-header .navbar-brand,
.menu-collapsed .main-menu .navbar-header .nav-item.me-auto {
    width: 100%;
}

.menu-collapsed .main-menu .navbar-header .brand-logo {
    display: flex !important;
    width: 64px;
    height: 64px;
    min-width: 64px;
    margin: 0 auto;
    padding: 0 !important;
    border-radius: 8px;
    justify-content: center;
    background:
        radial-gradient(circle at 42% 30%, rgba(var(--sw-warning-rgb), 0.2), transparent 36%),
        linear-gradient(145deg, rgba(var(--sw-primary-rgb), 0.34), rgba(var(--sw-secondary-rgb), 0.1)) !important;
}

.menu-collapsed .main-menu .brand-logo img {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    border-radius: 8px;
}

.menu-collapsed .main-menu .main-menu-content {
    padding: 0.45rem 0.45rem 1rem;
}

.menu-collapsed .main-menu .navigation > li.nav-item {
    display: flex;
    justify-content: center;
    margin: 0.28rem 0;
}

.menu-collapsed .main-menu .navigation > li > a,
.menu-collapsed .main-menu .navigation li.nav-item a {
    width: 58px;
    height: 58px;
    min-height: 58px;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 8px;
}

.menu-collapsed .main-menu .navigation > li.active > a,
.menu-collapsed .main-menu .navigation > li.open > a,
.menu-collapsed .main-menu .navigation > li.sidebar-group-active > a,
.menu-collapsed .main-menu .navigation li.active > a {
    background: linear-gradient(135deg, var(--sw-blue), var(--sw-cyan) 58%, var(--sw-yellow)) !important;
    box-shadow: 0 12px 28px rgba(var(--sw-primary-rgb), 0.34), 0 0 22px rgba(var(--sw-warning-rgb), 0.14);
}

.menu-collapsed .main-menu .navigation > li > a::before {
    left: 5px;
}

.menu-collapsed .main-menu .navigation > li > a:hover::before,
.menu-collapsed .main-menu .navigation > li.active > a::before,
.menu-collapsed .main-menu .navigation > li.sidebar-group-active > a::before {
    height: 32px;
}

.menu-collapsed .main-menu .sw-animated-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    margin-right: 0;
}

.menu-collapsed .main-menu .sw-animated-icon svg {
    width: 24px !important;
    height: 24px !important;
}

.menu-collapsed .main-menu .menu-title,
.menu-collapsed .main-menu .navigation > li.nav-item::after,
.menu-collapsed .main-menu .navigation .menu-content,
.menu-collapsed .main-menu .navigation li.has-sub > a::after {
    display: none !important;
}

.menu-collapsed .sw-sidebar-energy-rail {
    right: 0;
    width: 3px;
    height: 46px;
}

body.menu-collapsed .main-menu,
body.menu-collapsed .main-menu.menu-light,
body.menu-collapsed .main-menu.menu-dark {
    width: 278px !important;
    min-width: 278px !important;
    max-width: 278px !important;
}

body.menu-collapsed .app-content,
body.menu-collapsed .content,
body.menu-collapsed .footer {
    margin-left: 278px !important;
}

body.menu-collapsed .main-menu .signalwave-brand-wordmark,
body.menu-collapsed .main-menu .navbar-header .brand-logo::after,
body.menu-collapsed .main-menu .navigation > li.nav-item::before,
body.menu-collapsed .sw-nav-section-label,
body.menu-collapsed .main-menu .menu-title {
    display: initial !important;
}

body.menu-collapsed .main-menu .navbar-header {
    height: 96px !important;
    padding: 1rem 0.95rem 0.75rem !important;
}

body.menu-collapsed .main-menu .navbar-header .brand-logo {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    padding: 0.78rem !important;
}

body.menu-collapsed .main-menu .brand-logo img {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
}

body.menu-collapsed .main-menu .navigation > li > a,
body.menu-collapsed .main-menu .navigation li.nav-item a {
    width: auto !important;
    height: auto !important;
    min-height: 52px !important;
    justify-content: flex-start !important;
    padding: 0.82rem 2.15rem 0.82rem 0.78rem !important;
}

body.menu-collapsed .main-menu .sw-animated-icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    margin-right: 0.72rem !important;
}

/* Live Inbox redesign */
.chat-application .content-area-wrapper,
.chat-application .content-wrapper,
.chat-application .content-body {
    background:
        linear-gradient(125deg, rgba(var(--sw-secondary-rgb), 0.11), transparent 30%),
        linear-gradient(305deg, rgba(var(--sw-warning-rgb), 0.08), transparent 36%),
        var(--sw-bg) !important;
}

.chat-application .sidebar-left {
    width: 370px !important;
    border-right: 1px solid rgba(var(--sw-secondary-rgb), 0.18) !important;
    background:
        linear-gradient(160deg, rgba(var(--sw-warning-rgb), 0.08), transparent 28%),
        linear-gradient(180deg, rgba(var(--sw-bg-rgb), 0.98), rgba(var(--sw-bg-rgb), 0.98)) !important;
    box-shadow: 18px 0 44px rgba(0, 0, 0, 0.22);
}

.chat-application .sidebar-content {
    background: transparent !important;
}

.sw-chat-rail-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    margin: 1rem;
    padding: 0.9rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.22), rgba(var(--sw-secondary-rgb), 0.08) 48%, rgba(var(--sw-warning-rgb), 0.14)),
        rgba(255, 255, 255, 0.035);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.sw-chat-rail-header strong {
    display: block;
    color: var(--sw-text);
    font-size: 1rem;
    font-weight: 900;
}

.sw-chat-rail-header small {
    display: block;
    margin-top: 0.2rem;
    color: rgba(237, 246, 255, 0.58) !important;
    line-height: 1.35;
}

.sw-chat-rail-icon,
.sw-chat-start-icon {
    position: relative;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background:
        radial-gradient(circle at 34% 24%, rgba(var(--sw-warning-rgb), 0.22), transparent 34%),
        rgba(var(--sw-secondary-rgb), 0.1);
    box-shadow: inset 0 0 0 1px rgba(var(--sw-secondary-rgb), 0.18), 0 0 30px rgba(var(--sw-secondary-rgb), 0.14);
}

.sw-chat-rail-icon {
    width: 54px;
    height: 54px;
}

.sw-chat-rail-icon svg {
    width: 42px;
    height: 42px;
}

.sw-chat-svg-core,
.sw-chat-svg-pulse,
.sw-chat-bubble,
.sw-chat-lines,
.sw-chat-orbit {
    fill: none;
    stroke: currentColor;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sw-chat-svg-core,
.sw-chat-bubble,
.sw-chat-orbit {
    color: var(--sw-cyan);
}

.sw-chat-svg-pulse,
.sw-chat-lines {
    color: var(--sw-yellow);
    stroke-dasharray: 70;
    animation: signalwave-chat-draw 2.2s ease-in-out infinite alternate;
}

.sw-chat-svg-dot,
.sw-chat-spark {
    fill: var(--sw-yellow);
    animation: signalwave-chat-pulse 1.4s ease-in-out infinite;
}

.sw-chat-orbit {
    stroke-dasharray: 18 12;
    animation: signalwave-chat-orbit 8s linear infinite;
    transform-origin: center;
}

@keyframes signalwave-chat-draw {
    from { stroke-dashoffset: 68; }
    to { stroke-dashoffset: 0; }
}

@keyframes signalwave-chat-pulse {
    0%, 100% { opacity: 0.55; transform: scale(1); transform-origin: center; }
    50% { opacity: 1; transform: scale(1.18); transform-origin: center; }
}

@keyframes signalwave-chat-orbit {
    to { transform: rotate(360deg); }
}

.chat-application .tab-group {
    width: calc(100% - 2rem);
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.35rem;
    margin-inline: 1rem;
    padding: 0.35rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.48);
}

.chat-application .tab-group .btn {
    min-height: 38px;
    border-radius: 8px !important;
    font-size: 0.78rem;
}

.chat-application .chat-fixed-search {
    padding: 0.85rem 1rem 1rem;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.12);
}

.chat-application .chat-fixed-search .input-group {
    margin-left: 0 !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.64);
    overflow: hidden;
}

.chat-application .chat-fixed-search .input-group-text,
.chat-application #chat-search {
    border: 0 !important;
    background: transparent !important;
    color: var(--sw-text) !important;
}

.chat-application #users-list {
    padding: 0.85rem 0.75rem 1rem;
}

.chat-application .chat-list-title {
    margin: 0.75rem 0.55rem 0.45rem;
    color: var(--sw-yellow) !important;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.chat-application .chat-users-list,
.chat-application .chat-users-list-pinned {
    display: grid;
    gap: 0.55rem;
}

.chat-application .chat-users-list li,
.chat-application .chat-users-list-pinned li {
    position: relative;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 76px;
    padding: 0.8rem !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
    transform: translateY(8px);
    animation: signalwave-chat-row 420ms ease forwards;
}

.chat-application .chat-users-list li:hover,
.chat-application .chat-users-list li.active,
.chat-application .chat-users-list-pinned li:hover,
.chat-application .chat-users-list-pinned li.active {
    border-color: rgba(var(--sw-warning-rgb), 0.42);
    background: linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.17), rgba(var(--sw-warning-rgb), 0.08));
}

@keyframes signalwave-chat-row {
    to { opacity: 1; transform: translateY(0); }
}

.chat-application .chat-users-list .avatar,
.chat-application .chat-users-list-pinned .avatar {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--sw-blue), var(--sw-cyan), var(--sw-yellow));
    box-shadow: 0 0 22px rgba(var(--sw-secondary-rgb), 0.22);
    overflow: hidden;
}

.chat-application .chat-users-list .avatar img,
.chat-application .chat-users-list-pinned .avatar img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50%;
    object-fit: cover;
}

.chat-application .chat-info h6 {
    color: var(--sw-text) !important;
    font-weight: 900;
}

.chat-application .chat-info p,
.chat-application .chat-meta small {
    color: rgba(237, 246, 255, 0.58) !important;
}

.chat-application .notification_count {
    background: linear-gradient(135deg, var(--sw-danger), var(--sw-yellow)) !important;
    color: var(--sw-bg) !important;
}

.sw-chatbox-window,
.chat-application .chat-app-window {
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.2);
    border-radius: 8px;
    background:
        linear-gradient(140deg, rgba(var(--sw-secondary-rgb), 0.08), transparent 34%),
        linear-gradient(320deg, rgba(var(--sw-warning-rgb), 0.08), transparent 34%),
        rgba(var(--sw-bg-rgb), 0.78) !important;
    box-shadow: var(--sw-shadow);
    overflow: hidden;
}

.chat-application .start-chat-area {
    background:
        radial-gradient(circle at center, rgba(var(--sw-secondary-rgb), 0.16), transparent 28%),
        linear-gradient(135deg, rgba(var(--sw-bg-rgb), 0.92), rgba(var(--sw-panel-rgb), 0.92)) !important;
}

.sw-chat-start-icon {
    width: 154px !important;
    height: 154px !important;
    margin-bottom: 1.1rem !important;
    border-radius: 50%;
}

.chat-application .start-chat-area .start-chat-icon,
.chat-application .start-chat-area .sw-chat-start-icon {
    background:
        radial-gradient(circle at 50% 50%, rgba(var(--sw-secondary-rgb), 0.14), transparent 58%),
        linear-gradient(145deg, rgba(var(--sw-bg-rgb), 0.98), rgba(var(--sw-sidebar-rgb), 0.98)) !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.28) !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34), 0 0 44px rgba(var(--sw-secondary-rgb), 0.16) !important;
    color: var(--sw-cyan) !important;
}

.sw-chat-start-icon svg {
    width: 116px;
    height: 116px;
}

.sw-chat-start-link,
.chat-application .start-chat-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.68rem 1.25rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.32);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--sw-text) !important;
    font-weight: 900;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.chat-application .start-chat-text,
.chat-application .start-chat-text a,
.chat-application .start-chat-area .sw-chat-start-link {
    background:
        linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.22), rgba(var(--sw-secondary-rgb), 0.12), rgba(var(--sw-warning-rgb), 0.16)) !important;
    border-color: rgba(var(--sw-warning-rgb), 0.36) !important;
    color: var(--sw-text) !important;
    text-shadow: none !important;
}

.chat-application .start-chat-text a:hover,
.chat-application .start-chat-area .sw-chat-start-link:hover {
    color: var(--sw-yellow) !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.55) !important;
}

.chat-application .chat-navbar,
.chat-application .chat-header {
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.16) !important;
    background: rgba(var(--sw-bg-rgb), 0.92) !important;
}

.chat-application .user-chats {
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.045) 1px, transparent 1px),
        linear-gradient(180deg, rgba(var(--sw-warning-rgb), 0.035) 1px, transparent 1px),
        rgba(var(--sw-input-rgb), 0.42) !important;
    background-size: 42px 42px;
}

.chat-application .chat-content {
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.25), rgba(var(--sw-secondary-rgb), 0.11)) !important;
    color: var(--sw-text) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.chat-application .chat-left .chat-content {
    background: linear-gradient(135deg, rgba(var(--sw-warning-rgb), 0.14), rgba(255, 255, 255, 0.05)) !important;
}

.chat-application .chat-content p {
    color: var(--sw-text) !important;
}

.sw-chat-composer,
.chat-application .chat-app-form {
    gap: 0.75rem;
    border-top: 1px solid rgba(var(--sw-secondary-rgb), 0.16) !important;
    background: rgba(var(--sw-bg-rgb), 0.94) !important;
}

.chat-application textarea.message {
    height: 48px !important;
    min-height: 48px !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.24) !important;
    border-radius: 8px !important;
    background: rgba(var(--sw-bg-rgb), 0.74) !important;
    color: var(--sw-text) !important;
    box-shadow: none !important;
}

/* Professional animated command header */
.sw-command-navbar.header-navbar,
.sw-command-navbar.header-navbar.navbar-shadow {
    min-height: 72px;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    background:
        linear-gradient(90deg, rgba(var(--sw-bg-rgb), 0.96), rgba(8, 35, 67, 0.94) 48%, rgba(var(--sw-warning-rgb), 0.18)),
        radial-gradient(circle at 78% 40%, rgba(var(--sw-secondary-rgb), 0.16), transparent 24%) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(18px);
}

.sw-command-navbar::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(var(--sw-secondary-rgb), 0.18), transparent),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 220px 100%, 42px 42px;
    opacity: 0.4;
    animation: signalwave-header-scan 9s linear infinite;
}

.sw-command-navbar .sw-command-bar {
    position: relative;
    z-index: 1;
    min-height: 72px;
    gap: 1rem;
    padding-inline: 1.35rem !important;
}

.sw-head-status {
    align-items: center;
    gap: 0.72rem;
    min-width: 230px;
    padding: 0.46rem 0.72rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.36);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.sw-head-status strong {
    display: block;
    color: var(--sw-text);
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.05;
}

.sw-head-status small {
    display: block;
    margin-top: 0.12rem;
    color: rgba(237, 246, 255, 0.58);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sw-head-radar {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    color: var(--sw-cyan);
}

.sw-head-radar-ring {
    fill: none;
    stroke: rgba(var(--sw-secondary-rgb), 0.42);
    stroke-width: 1.4;
}

.sw-head-radar-ring-two {
    stroke: rgba(var(--sw-warning-rgb), 0.36);
}

.sw-head-radar-sweep {
    fill: rgba(var(--sw-secondary-rgb), 0.16);
    transform-origin: center;
    animation: signalwave-radar-spin 3.8s linear infinite;
}

.sw-head-radar-dot {
    fill: var(--sw-yellow);
    filter: drop-shadow(0 0 8px rgba(var(--sw-warning-rgb), 0.74));
}

.sw-head-pill,
.sw-head-icon,
.sw-profile-pill {
    min-height: 48px;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.2) !important;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.12), rgba(var(--sw-warning-rgb), 0.07)),
        rgba(var(--sw-bg-rgb), 0.38) !important;
    color: var(--sw-text) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.sw-head-pill:hover,
.sw-head-icon:hover,
.sw-profile-pill:hover,
.dropdown.show .sw-profile-pill {
    transform: translateY(-1px);
    border-color: rgba(var(--sw-warning-rgb), 0.46) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24), 0 0 24px rgba(var(--sw-secondary-rgb), 0.12);
}

.sw-language-pill {
    gap: 0.55rem;
    padding: 0.5rem 0.82rem !important;
    font-weight: 900;
}

.sw-language-pill .selected-language {
    color: var(--sw-text);
}

.sw-head-icon {
    width: 52px;
    height: 52px;
    display: grid !important;
    place-items: center;
    padding: 0 !important;
    border-radius: 50%;
}

.sw-bell-svg {
    width: 34px;
    height: 34px;
    overflow: visible;
}

.sw-bell-orbit {
    fill: rgba(var(--sw-secondary-rgb), 0.08);
    stroke: rgba(var(--sw-secondary-rgb), 0.32);
    stroke-width: 1.25;
    stroke-dasharray: 10 7;
    transform-origin: center;
    animation: signalwave-radar-spin 8s linear infinite;
}

.sw-bell-body,
.sw-bell-clapper,
.sw-bell-wave {
    fill: none;
    stroke: var(--sw-text);
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sw-bell-body {
    fill: rgba(var(--sw-secondary-rgb), 0.12);
}

.sw-bell-clapper {
    stroke: var(--sw-yellow);
}

.sw-bell-wave {
    stroke: var(--sw-cyan);
    opacity: 0.65;
    animation: signalwave-bell-wave 1.8s ease-in-out infinite;
}

.sw-bell-wave-right {
    animation-delay: 180ms;
}

.sw-bell-trigger:hover .sw-bell-body {
    animation: signalwave-bell-wiggle 760ms ease;
    transform-origin: 24px 13px;
}

.sw-command-navbar .badge-up {
    top: 0.1rem !important;
    right: 0.08rem !important;
    min-width: 1.32rem;
    min-height: 1.32rem;
    display: inline-grid;
    place-items: center;
    border: 2px solid rgba(var(--sw-bg-rgb), 0.9);
    background: linear-gradient(135deg, #ff4d6d, var(--sw-yellow)) !important;
    color: var(--sw-bg) !important;
    font-weight: 900;
    box-shadow: 0 0 18px rgba(var(--sw-warning-rgb), 0.34);
}

.sw-profile-pill {
    display: flex !important;
    align-items: center;
    gap: 0.72rem;
    min-height: 56px;
    padding: 0.42rem 0.62rem 0.42rem 0.9rem !important;
}

.sw-profile-pill .user-nav {
    text-align: right;
}

.sw-profile-pill .user-name {
    color: var(--sw-text) !important;
    font-size: 0.94rem;
    font-weight: 900;
}

.sw-profile-pill .user-status {
    color: rgba(237, 246, 255, 0.68) !important;
    font-size: 0.76rem;
    font-weight: 700;
}

.sw-profile-avatar {
    position: relative;
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center;
    overflow: visible !important;
}

.sw-profile-avatar img {
    position: relative;
    z-index: 2;
    width: 40px !important;
    height: 40px !important;
    border: 2px solid rgba(var(--sw-warning-rgb), 0.55);
    box-shadow: 0 0 24px rgba(var(--sw-secondary-rgb), 0.18);
}

.sw-profile-ring {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: visible;
}

.sw-profile-ring circle,
.sw-profile-ring path {
    fill: none;
    stroke: rgba(var(--sw-secondary-rgb), 0.42);
    stroke-width: 2;
}

.sw-profile-ring path {
    stroke: var(--sw-yellow);
    stroke-linecap: round;
    transform-origin: center;
    animation: signalwave-radar-spin 3.6s linear infinite;
}

.sw-profile-avatar::after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 4px;
    z-index: 3;
    width: 11px;
    height: 11px;
    border: 2px solid var(--sw-bg);
    border-radius: 50%;
    background: var(--sw-success);
    box-shadow: 0 0 12px rgba(var(--sw-success-rgb), 0.78);
}

.sw-command-navbar .dropdown-menu {
    border-color: rgba(var(--sw-secondary-rgb), 0.22) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), rgba(var(--sw-warning-rgb), 0.06)),
        rgba(var(--sw-bg-rgb), 0.98) !important;
}

@keyframes signalwave-header-scan {
    from { background-position: -220px 0, 0 0; }
    to { background-position: calc(100% + 220px) 0, 42px 42px; }
}

@keyframes signalwave-radar-spin {
    to { transform: rotate(360deg); }
}

@keyframes signalwave-bell-wave {
    0%, 100% { opacity: 0.28; }
    50% { opacity: 1; }
}

@keyframes signalwave-bell-wiggle {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-8deg); }
    50% { transform: rotate(7deg); }
    75% { transform: rotate(-4deg); }
}

@media (max-width: 767.98px) {
    .sw-command-navbar .sw-command-bar {
        padding-inline: 0.85rem !important;
    }

    .sw-language-pill .selected-language,
    .sw-profile-pill .user-nav {
        display: none !important;
    }

    .sw-profile-pill {
        min-height: 50px;
        padding: 0.35rem !important;
    }
}

/* SignalWave insights pages */
.sw-insights-page {
    position: relative;
}

.sw-insights-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 172px;
    margin-bottom: 1.25rem;
    padding: 1.45rem 1.65rem;
    overflow: hidden;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22);
    border-radius: 8px;
    background:
        linear-gradient(124deg, rgba(var(--sw-primary-rgb), 0.22), transparent 34%),
        linear-gradient(312deg, rgba(var(--sw-warning-rgb), 0.16), transparent 35%),
        radial-gradient(circle at 82% 20%, rgba(var(--sw-secondary-rgb), 0.18), transparent 28%),
        rgba(var(--sw-bg-rgb), 0.82);
    box-shadow: var(--sw-shadow);
}

.sw-insights-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: 0.14;
    mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.sw-insights-hero > * {
    position: relative;
    z-index: 1;
}

.sw-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
    color: var(--sw-yellow);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sw-kicker::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--sw-cyan);
    box-shadow: 0 0 18px rgba(var(--sw-secondary-rgb), 0.68);
}

.sw-insights-hero h2 {
    margin: 0;
    color: var(--sw-text);
    font-size: clamp(2rem, 3.2vw, 4.1rem);
    font-weight: 900;
    line-height: 0.98;
}

.sw-insights-hero p {
    max-width: 760px;
    margin: 0.8rem 0 0;
    color: rgba(237, 246, 255, 0.72);
    font-size: 1rem;
}

.sw-insights-orbit {
    width: 118px;
    height: 118px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.3);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(var(--sw-warning-rgb), 0.9) 0 5px, transparent 6px),
        radial-gradient(circle, rgba(var(--sw-secondary-rgb), 0.22), transparent 58%);
    box-shadow: 0 0 44px rgba(var(--sw-secondary-rgb), 0.18);
}

.sw-insights-orbit span {
    width: 72px;
    height: 72px;
    border: 2px dashed rgba(var(--sw-secondary-rgb), 0.65);
    border-radius: 50%;
    animation: signalwave-spin 12s linear infinite;
}

.sw-insights-orbit i {
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--sw-blue), var(--sw-cyan), var(--sw-yellow));
    opacity: 0.85;
    animation: signalwave-pulse 2.6s ease-in-out infinite;
}

@keyframes signalwave-spin {
    to { transform: rotate(360deg); }
}

@keyframes signalwave-pulse {
    0%, 100% { transform: scale(0.92); opacity: 0.68; }
    50% { transform: scale(1.08); opacity: 1; }
}

.sw-insights-card,
.sw-insights-metric {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), transparent 33%),
        linear-gradient(315deg, rgba(var(--sw-warning-rgb), 0.07), transparent 38%),
        rgba(var(--sw-bg-rgb), 0.8) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.sw-insights-metric {
    min-height: 112px;
    transform: translateY(8px);
    animation: signalwave-card-rise 520ms ease forwards;
}

.sw-insights-metric .card-header {
    min-height: 112px;
    border: 0 !important;
    background: transparent !important;
}

.sw-insights-metric h2 {
    color: var(--sw-text) !important;
    font-size: 2rem;
    font-weight: 900;
}

.sw-insights-metric .card-text {
    color: rgba(237, 246, 255, 0.64) !important;
    font-weight: 700;
}

.sw-insights-metric .avatar,
.sw-report-breakdown .avatar {
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    background:
        radial-gradient(circle at 70% 20%, rgba(var(--sw-warning-rgb), 0.24), transparent 48%),
        rgba(var(--sw-secondary-rgb), 0.1) !important;
    color: var(--sw-cyan) !important;
    box-shadow: 0 0 28px rgba(var(--sw-secondary-rgb), 0.16);
}

.sw-insights-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
    border-radius: 8px;
    background: rgba(var(--sw-bg-rgb), 0.36);
}

.sw-filter-console .card-body {
    padding: 1.35rem !important;
}

.sw-filter-console .row {
    row-gap: 0.35rem;
}

.sw-table-console {
    margin-top: 1rem;
}

.sw-table-console .card-header:empty {
    display: none;
}

.sw-chart-console .card-header {
    gap: 1rem;
}

.sw-chart-console .card-subtitle {
    color: rgba(237, 246, 255, 0.58) !important;
}

.sw-chart-console #sms-unit-count {
    min-height: 390px;
    padding: 0.5rem;
}

.sw-report-breakdown .statistics-body {
    padding: 1.2rem 1.35rem !important;
}

.sw-report-breakdown h4,
.sw-report-breakdown .fw-bolder {
    color: var(--sw-text) !important;
}

.sw-report-breakdown .card-text {
    color: rgba(237, 246, 255, 0.62) !important;
}

.sw-insights-empty {
    min-height: 180px;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1.3rem;
    border: 1px solid rgba(var(--sw-warning-rgb), 0.28);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.14), rgba(var(--sw-warning-rgb), 0.08)),
        rgba(var(--sw-bg-rgb), 0.82);
    box-shadow: var(--sw-shadow);
}

.sw-insights-empty-icon {
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    border-radius: 50%;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.28);
    background:
        radial-gradient(circle, var(--sw-yellow) 0 5px, transparent 6px),
        radial-gradient(circle, rgba(var(--sw-secondary-rgb), 0.18), transparent 60%);
    box-shadow: 0 0 36px rgba(var(--sw-secondary-rgb), 0.18);
}

.sw-insights-empty strong {
    display: block;
    color: var(--sw-text);
    font-size: 1.25rem;
    font-weight: 900;
}

.sw-insights-empty span {
    color: rgba(237, 246, 255, 0.65);
}

@keyframes signalwave-card-rise {
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767.98px) {
    .sw-insights-hero {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.2rem;
    }

    .sw-insights-orbit {
        width: 86px;
        height: 86px;
    }

    .sw-chart-console .card-header {
        align-items: stretch !important;
    }

    .sw-chart-console form .d-flex {
        align-items: stretch !important;
        flex-direction: column;
        gap: 0.65rem;
    }
}

/* SignalWave module pages */
.sw-module-page {
    position: relative;
}

.sw-module-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    min-height: 168px;
    margin-bottom: 1.25rem;
    padding: clamp(1.15rem, 2vw, 1.75rem);
    overflow: hidden;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22);
    border-radius: 8px;
    background:
        linear-gradient(128deg, rgba(var(--sw-secondary-rgb), 0.16), transparent 32%),
        linear-gradient(305deg, rgba(var(--sw-warning-rgb), 0.12), transparent 38%),
        rgba(var(--sw-bg-rgb), 0.9);
    box-shadow: var(--sw-shadow);
}

.sw-module-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.55;
    mask-image: linear-gradient(90deg, #000, transparent 82%);
}

.sw-module-hero > * {
    position: relative;
    z-index: 1;
}

.sw-module-hero h2 {
    margin: 0;
    color: var(--sw-text);
    font-size: clamp(1.9rem, 3vw, 3.5rem);
    font-weight: 900;
    line-height: 1;
}

.sw-module-hero p {
    max-width: 720px;
    margin: 0.75rem 0 0;
    color: rgba(237, 246, 255, 0.72);
}

.sw-module-orb {
    display: grid;
    place-items: center;
    width: 108px;
    height: 108px;
    flex: 0 0 auto;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.32);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, rgba(var(--sw-warning-rgb), 0.18), transparent 48%),
        rgba(var(--sw-input-rgb), 0.46);
    box-shadow: 0 0 42px rgba(var(--sw-secondary-rgb), 0.18);
}

.sw-module-orb svg {
    width: 42px;
    height: 42px;
    color: var(--sw-cyan);
    filter: drop-shadow(0 0 14px rgba(var(--sw-secondary-rgb), 0.55));
}

.sw-audience-hero {
    background:
        linear-gradient(128deg, rgba(var(--sw-secondary-rgb), 0.17), transparent 32%),
        linear-gradient(305deg, rgba(102, 255, 181, 0.1), transparent 38%),
        rgba(var(--sw-bg-rgb), 0.92);
}

.sw-route-hero {
    background:
        linear-gradient(128deg, rgba(var(--sw-primary-rgb), 0.18), transparent 32%),
        linear-gradient(305deg, rgba(var(--sw-warning-rgb), 0.14), transparent 38%),
        rgba(var(--sw-bg-rgb), 0.92);
}

.sw-ledger-hero,
.sw-control-hero {
    background:
        linear-gradient(128deg, rgba(var(--sw-secondary-rgb), 0.14), transparent 32%),
        linear-gradient(305deg, rgba(var(--sw-warning-rgb), 0.16), transparent 38%),
        rgba(var(--sw-bg-rgb), 0.94);
}

.sw-module-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
}

.sw-module-tabs {
    gap: 0.55rem;
    padding: 0.45rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
    border-radius: 8px;
    background: rgba(var(--sw-input-rgb), 0.38);
}

.sw-module-tabs .nav-link {
    border: 1px solid transparent;
    border-radius: 8px;
    color: rgba(237, 246, 255, 0.74);
}

.sw-module-tabs .nav-link.active,
.sw-module-tabs .nav-link:hover {
    border-color: rgba(var(--sw-secondary-rgb), 0.28);
    background: linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.24), rgba(var(--sw-secondary-rgb), 0.12));
    color: var(--sw-text);
    box-shadow: 0 0 22px rgba(var(--sw-secondary-rgb), 0.12);
}

.sw-data-card,
.sw-upload-console,
.sw-table-console {
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18) !important;
    background:
        linear-gradient(180deg, rgba(var(--sw-sidebar-rgb), 0.68), rgba(4, 14, 27, 0.86)) !important;
    box-shadow: var(--sw-shadow);
}

.sw-data-card .table-responsive,
.sw-table-console .table-responsive {
    border-radius: 8px;
}

.sw-upload-console .dropzone {
    min-height: 210px;
    border: 1px dashed rgba(var(--sw-secondary-rgb), 0.45) !important;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), rgba(var(--sw-warning-rgb), 0.06)),
        rgba(var(--sw-input-rgb), 0.44) !important;
}

.sw-upload-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.sw-upload-heading p {
    margin-bottom: 0;
    color: var(--sw-yellow);
    font-weight: 900;
}

.sw-ledger-page .tab-content,
.sw-control-panel .tab-content,
.sw-audience-import .tab-content {
    padding-top: 0.75rem;
}

@media (max-width: 767.98px) {
    .sw-module-hero {
        align-items: flex-start;
        flex-direction: column;
        min-height: auto;
    }

    .sw-module-orb {
        width: 76px;
        height: 76px;
    }

    .sw-module-orb svg {
        width: 30px;
        height: 30px;
    }
}

/* SignalWave minimal refinement pass */
:root {
    --sw-panel: rgba(10, 24, 43, 0.74);
    --sw-panel-strong: rgba(9, 22, 39, 0.9);
    --sw-line: rgba(148, 181, 220, 0.14);
    --sw-muted: var(--sw-muted);
    --sw-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
    --sw-soft-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}

html,
body,
.app-content,
.content-wrapper,
.content-body,
.blank-page,
.misc-wrapper,
.auth-wrapper,
.main-menu-content,
.vertical-layout,
.horizontal-layout {
    background:
        radial-gradient(circle at 18% 0%, rgba(var(--sw-secondary-rgb), 0.08), transparent 30%),
        linear-gradient(180deg, var(--sw-bg) 0%, var(--sw-topbar) 48%, var(--sw-bg) 100%) !important;
}

body::before,
body::after,
.main-menu::before,
.sw-command-navbar::before,
.sw-send-hero::before,
.sw-admin-hero::before,
.sw-insights-hero::before,
.sw-module-hero::before,
.sw-hero::before,
.sw-hero::after {
    display: none !important;
    animation: none !important;
}

.main-menu,
.main-menu.menu-light,
.main-menu.menu-dark {
    top: 14px;
    bottom: 14px;
    left: 14px;
    height: calc(100% - 28px) !important;
    border: 1px solid rgba(148, 181, 220, 0.12);
    border-radius: 14px;
    background: rgba(8, 20, 37, 0.82) !important;
    box-shadow: var(--sw-soft-shadow);
    backdrop-filter: blur(18px);
}

.main-menu .navbar-header {
    height: 70px;
    padding: 0.9rem 1rem 0.65rem;
    border-bottom: 1px solid rgba(148, 181, 220, 0.1);
}

.main-menu .navbar-header .brand-logo {
    padding: 0;
    border: 0;
    background: transparent;
}

.brand-logo img {
    filter: none;
    box-shadow: 0 0 0 1px rgba(148, 181, 220, 0.12);
}

.signalwave-brand-wordmark {
    color: var(--sw-text) !important;
    font-size: 0.98rem;
    letter-spacing: 0;
}

.navigation-header {
    margin-top: 0.9rem !important;
    color: rgba(159, 178, 202, 0.56) !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.08em !important;
}

.main-menu .navigation > li > a,
.main-menu .navigation li a,
.main-menu .navigation li.nav-item a {
    min-height: 42px;
    margin: 0.12rem 0.65rem;
    border: 1px solid transparent;
    border-radius: 10px;
    color: rgba(237, 246, 255, 0.72) !important;
    font-weight: 650;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

.main-menu .navigation > li > a:hover,
.main-menu .navigation li.nav-item a:hover {
    border-color: rgba(148, 181, 220, 0.12);
    background: rgba(255, 255, 255, 0.045) !important;
    color: var(--sw-text) !important;
    transform: none;
}

.main-menu .navigation li a:hover svg,
.main-menu .navigation li a:hover i,
.main-menu .navigation li.active a svg,
.main-menu .navigation li.active a i {
    transform: none;
    filter: none;
}

.main-menu .navigation > li.active > a,
.main-menu .navigation > li.open > a,
.main-menu .navigation > li.sidebar-group-active > a,
.main-menu .navigation li.active > a {
    border-color: rgba(var(--sw-secondary-rgb), 0.24);
    background: rgba(var(--sw-secondary-rgb), 0.1) !important;
    color: var(--sw-text) !important;
    box-shadow: inset 3px 0 0 var(--sw-cyan);
}

.main-menu .navigation li a svg,
.main-menu .navigation li a i {
    width: 18px;
    height: 18px;
    opacity: 0.9;
}

.sw-sidebar-energy-rail {
    display: none !important;
}

.sw-command-navbar.header-navbar,
.sw-command-navbar.header-navbar.navbar-shadow,
.header-navbar,
.header-navbar.navbar-shadow,
.navbar-container,
.horizontal-menu-wrapper {
    border: 1px solid rgba(148, 181, 220, 0.12) !important;
    border-radius: 14px !important;
    background: rgba(8, 20, 37, 0.78) !important;
    box-shadow: var(--sw-soft-shadow) !important;
    backdrop-filter: blur(18px);
}

.sw-command-navbar .sw-command-bar {
    min-height: 68px;
    gap: 1rem;
    padding-inline: 1rem !important;
}

.sw-command-search {
    align-items: center;
    gap: 0.7rem;
    min-width: min(36vw, 430px);
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(148, 181, 220, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.045);
    color: rgba(237, 246, 255, 0.62);
    font-size: 0.88rem;
}

.sw-command-search svg {
    width: 17px;
    height: 17px;
    color: var(--sw-cyan);
}

.sw-command-search kbd {
    margin-left: auto;
    border: 1px solid rgba(148, 181, 220, 0.16);
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.18);
    color: rgba(237, 246, 255, 0.58);
    font-size: 0.7rem;
    box-shadow: none;
}

.sw-head-status,
.sw-head-radar,
.sw-profile-ring,
.sw-bell-svg .sw-bell-orbit,
.sw-bell-svg .sw-bell-wave {
    display: none !important;
}

.sw-head-pill,
.sw-head-icon,
.sw-profile-pill {
    min-height: 42px;
    border: 1px solid rgba(148, 181, 220, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04) !important;
    box-shadow: none;
}

.sw-head-pill:hover,
.sw-head-icon:hover,
.sw-profile-pill:hover,
.dropdown.show .sw-profile-pill {
    border-color: rgba(var(--sw-secondary-rgb), 0.22);
    background: rgba(var(--sw-secondary-rgb), 0.07) !important;
    box-shadow: none;
    transform: none;
}

.sw-head-icon {
    width: 42px;
    height: 42px;
}

.sw-bell-svg {
    width: 20px;
    height: 20px;
}

.sw-bell-body,
.sw-bell-clapper {
    stroke: var(--sw-cyan);
}

.sw-profile-pill {
    gap: 0.65rem;
    padding: 0.35rem 0.45rem 0.35rem 0.75rem !important;
}

.sw-profile-avatar img,
.avatar img.round {
    box-shadow: 0 0 0 2px rgba(var(--sw-secondary-rgb), 0.18);
}

.show-balance {
    min-height: 42px;
    padding: 0.42rem 0.75rem;
    border: 1px solid rgba(148, 181, 220, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
}

.show-balance-text {
    color: rgba(237, 246, 255, 0.52) !important;
    font-size: 0.65rem;
}

.show-balance-unit {
    color: var(--sw-text) !important;
    font-size: 0.9rem;
}

.card,
.modal-content,
.dropdown-menu,
.sw-data-card,
.sw-upload-console,
.sw-table-console,
.sw-insights-card,
.sw-admin-metric,
.sw-command-onboarding {
    border: 1px solid rgba(148, 181, 220, 0.12) !important;
    border-radius: 14px !important;
    background: rgba(10, 24, 43, 0.72) !important;
    box-shadow: var(--sw-soft-shadow) !important;
}

.sw-admin-hero,
.sw-send-hero,
.sw-insights-hero,
.sw-module-hero,
.sw-hero {
    min-height: auto;
    padding: clamp(1.25rem, 2vw, 2rem);
    border: 1px solid rgba(148, 181, 220, 0.12);
    border-radius: 16px;
    background: rgba(10, 24, 43, 0.68) !important;
    box-shadow: var(--sw-soft-shadow);
}

.sw-admin-hero h1,
.sw-send-hero h1,
.sw-insights-hero h2,
.sw-module-hero h2,
.sw-hero h1 {
    font-size: clamp(1.85rem, 3.1vw, 3.15rem);
    line-height: 1.05;
    letter-spacing: 0;
}

.sw-kicker,
.sw-surface-label,
.sw-live-chip {
    letter-spacing: 0.04em;
}

.sw-kicker::before,
.sw-module-orb,
.sw-insights-orbit {
    display: none !important;
}

.sw-admin-hero-grid {
    gap: 0.65rem;
}

.sw-admin-hero-grid span,
.sw-send-hero-status {
    border: 1px solid rgba(148, 181, 220, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: none;
}

.sw-admin-metrics {
    row-gap: 1rem;
}

.sw-admin-metric .card-header,
.sw-insights-metric .card-header {
    padding: 1.2rem;
}

.sw-admin-metric h2,
.sw-insights-metric h2 {
    font-size: clamp(1.55rem, 2vw, 2.25rem);
    line-height: 1.05;
}

.sw-admin-metric .avatar,
.sw-insights-metric .avatar {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(var(--sw-secondary-rgb), 0.09) !important;
    color: var(--sw-cyan) !important;
    box-shadow: none;
}

.sw-command-alert,
.alert {
    border-radius: 12px !important;
    box-shadow: none !important;
}

.btn {
    border-radius: 10px !important;
    font-weight: 700;
    box-shadow: none !important;
}

.btn-primary,
.btn-success,
.btn-info {
    border-color: rgba(var(--sw-secondary-rgb), 0.18) !important;
    background: linear-gradient(135deg, #1677ff, #18c7e8) !important;
    color: var(--sw-bg) !important;
}

.btn-warning {
    background: var(--sw-yellow) !important;
    color: var(--sw-bg) !important;
}

.btn-outline-success,
.btn-outline-primary,
.btn-outline-info {
    border-color: rgba(var(--sw-secondary-rgb), 0.28) !important;
    color: var(--sw-cyan) !important;
    background: transparent !important;
}

.form-control,
.form-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    min-height: 44px;
    border: 1px solid rgba(148, 181, 220, 0.16) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.045) !important;
    box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
.select2-container--focus .select2-selection {
    border-color: rgba(var(--sw-secondary-rgb), 0.42) !important;
    box-shadow: 0 0 0 3px rgba(var(--sw-secondary-rgb), 0.09) !important;
}

.form-label {
    margin-bottom: 0.45rem;
    color: rgba(237, 246, 255, 0.72) !important;
    font-size: 0.82rem;
    font-weight: 700;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.025);
    color: rgba(237, 246, 255, 0.8) !important;
}

.table thead th,
table.dataTable thead th {
    border-bottom: 1px solid rgba(148, 181, 220, 0.12) !important;
    color: rgba(237, 246, 255, 0.56) !important;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.table tbody td,
table.dataTable tbody td {
    border-color: rgba(148, 181, 220, 0.08) !important;
    padding-block: 0.9rem;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border-radius: 10px !important;
}

.sw-module-tabs {
    padding: 0.25rem;
    border-color: rgba(148, 181, 220, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.sw-module-tabs .nav-link,
.nav-pills .nav-link {
    border-radius: 10px;
}

.sw-module-tabs .nav-link.active,
.sw-module-tabs .nav-link:hover,
.nav-pills .nav-link.active {
    border-color: rgba(var(--sw-secondary-rgb), 0.18);
    background: rgba(var(--sw-secondary-rgb), 0.1) !important;
    color: var(--sw-text) !important;
    box-shadow: none;
}

@media (min-width: 1200px) {
    .vertical-layout.vertical-menu-modern.menu-expanded .app-content,
    .vertical-layout.vertical-menu-modern.menu-expanded .footer {
        margin-left: 300px;
    }
}

@media (max-width: 991.98px) {
    .main-menu,
    .main-menu.menu-light,
    .main-menu.menu-dark {
        top: 0;
        bottom: 0;
        left: 0;
        height: 100% !important;
        border-radius: 0 14px 14px 0;
    }

    .sw-command-navbar.header-navbar,
    .sw-command-navbar.header-navbar.navbar-shadow {
        border-radius: 0 !important;
        border-inline: 0 !important;
        border-top: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .sw-admin-hero,
    .sw-send-hero,
    .sw-insights-hero,
    .sw-module-hero,
    .sw-hero {
        padding: 1.1rem;
    }

    .sw-head-pill .selected-language,
    .balance-top-up {
        display: none !important;
    }
}

/* Exact mock layout pass: maps the original Laravel shell onto the approved local dashboard proportions. */
:root {
    --sw-exact-sidebar: 270px;
    --sw-exact-gap: 1rem;
}

body.signalwave-portal {
    min-height: 100vh;
    color: var(--sw-text);
    background:
        linear-gradient(135deg, rgba(var(--sw-warning-rgb), 0.13) 0 18%, transparent 18% 100%),
        linear-gradient(115deg, rgba(var(--sw-secondary-rgb), 0.14) 0 26%, transparent 26% 100%),
        linear-gradient(145deg, var(--sw-bg) 0%, var(--sw-sidebar) 48%, var(--sw-panel-strong) 100%) !important;
}

body.signalwave-portal::before {
    display: block !important;
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.07) 1px, transparent 1px),
        linear-gradient(180deg, rgba(var(--sw-warning-rgb), 0.055) 1px, transparent 1px),
        linear-gradient(115deg, transparent 0 22%, rgba(var(--sw-primary-rgb), 0.14) 22% 23%, transparent 23% 45%, rgba(var(--sw-warning-rgb), 0.11) 45% 46%, transparent 46% 100%);
    background-size: 56px 56px, 56px 56px, 180% 180%;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu,
.main-menu,
.main-menu.menu-light,
.main-menu.menu-dark {
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: var(--sw-exact-sidebar) !important;
    height: 100vh !important;
    padding: 1rem !important;
    overflow-y: auto !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--sw-line) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(var(--sw-sidebar-rgb), 0.98), rgba(var(--sw-bg-rgb), 0.98)) !important;
    box-shadow: 18px 0 42px rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: none !important;
}

.main-menu .navbar-header {
    height: auto !important;
    min-height: 58px;
    padding: 0 !important;
    margin-bottom: 1rem;
    border-bottom: 0 !important;
}

.main-menu .navbar-header .brand-logo {
    width: 100%;
    min-height: 58px;
    padding: 0.7rem 0.75rem !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18) !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.2), rgba(var(--sw-warning-rgb), 0.1)) !important;
}

.main-menu .navbar-header .nav-toggle {
    position: absolute;
    right: 0.45rem;
    top: 0.9rem;
}

.main-menu .main-menu-content {
    height: auto !important;
}

.navigation-header {
    margin: 1.2rem 0.8rem 0.55rem !important;
    color: var(--sw-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.main-menu .navigation > li > a,
.main-menu .navigation li.nav-item > a,
.main-menu .navigation .menu-content li a {
    min-height: 48px !important;
    margin: 0.25rem 0 !important;
    padding: 0.78rem 0.85rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: rgba(237, 246, 255, 0.82) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

.main-menu .navigation > li > a:hover,
.main-menu .navigation li.nav-item > a:hover,
.main-menu .navigation .menu-content li a:hover {
    color: var(--sw-text) !important;
    background: rgba(var(--sw-secondary-rgb), 0.11) !important;
    transform: translateX(3px) !important;
}

.main-menu .navigation > li.active > a,
.main-menu .navigation > li.open > a,
.main-menu .navigation > li.sidebar-group-active > a,
.main-menu .navigation li.active > a {
    color: var(--sw-bg) !important;
    background: linear-gradient(90deg, var(--sw-blue), var(--sw-cyan) 58%, var(--sw-yellow)) !important;
    box-shadow: 0 8px 24px rgba(var(--sw-secondary-rgb), 0.24) !important;
}

.main-menu .navigation > li.active > a .menu-title,
.main-menu .navigation > li.sidebar-group-active > a .menu-title,
.main-menu .navigation > li.active > a svg,
.main-menu .navigation > li.sidebar-group-active > a svg {
    color: var(--sw-bg) !important;
}

.vertical-layout.vertical-menu-modern.menu-expanded .app-content,
.vertical-layout.vertical-menu-modern.menu-expanded .footer {
    margin-left: var(--sw-exact-sidebar) !important;
}

.vertical-layout.vertical-menu-modern.menu-expanded .header-navbar,
.sw-command-navbar.header-navbar,
.header-navbar.navbar-floating {
    left: var(--sw-exact-sidebar) !important;
    width: calc(100% - var(--sw-exact-sidebar)) !important;
}

.sw-command-navbar.header-navbar,
.sw-command-navbar.header-navbar.navbar-shadow,
.header-navbar,
.header-navbar.navbar-shadow,
.navbar-container {
    min-height: 66px !important;
    margin: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--sw-line) !important;
    border-radius: 0 !important;
    background: rgba(var(--sw-sidebar-rgb), 0.82) !important;
    box-shadow: var(--sw-shadow) !important;
}

.sw-command-navbar .sw-command-bar {
    min-height: 66px !important;
    padding: 0.85rem 1rem !important;
}

.app-content.content {
    padding: 0 !important;
}

.content-wrapper {
    padding: 1.2rem 1.4rem 2rem !important;
}

.content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 66px;
    padding: 0.85rem 1rem !important;
    margin-bottom: 1.25rem !important;
    border: 1px solid var(--sw-line);
    border-radius: 8px;
    background: rgba(var(--sw-sidebar-rgb), 0.82);
    box-shadow: var(--sw-shadow);
}

.content-header-title {
    margin: 0 !important;
    border: 0 !important;
    font-size: clamp(1.45rem, 2.5vw, 2.25rem) !important;
    font-weight: 900 !important;
}

.sw-module-skin .content-header-title::after,
.signalwave-portal-customer .content-header-title::before,
.signalwave-portal-admin .content-header-title::before {
    display: none !important;
}

.breadcrumb-wrapper {
    flex: 1 1 auto;
    max-width: 55%;
}

.breadcrumb {
    justify-content: flex-end;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.quick-grid,
.metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.quick-card,
.metric,
.sw-panel,
.sw-metric-card,
.sw-channel-card,
.card {
    border: 1px solid var(--sw-line) !important;
    border-radius: 8px !important;
    background: rgba(var(--sw-panel-rgb), 0.78) !important;
    box-shadow: var(--sw-shadow) !important;
}

.quick-card {
    display: block;
    min-height: 96px;
    padding: 1rem;
    color: var(--sw-text) !important;
    font-weight: 800;
    transition: transform 180ms ease, background 180ms ease;
}

.quick-card:hover {
    color: var(--sw-bg) !important;
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-yellow)) !important;
    transform: translateY(-2px);
}

.quick-card svg {
    display: block;
    width: 22px;
    height: 22px;
    margin-bottom: 0.55rem;
    color: var(--sw-yellow);
}

.quick-card:hover svg {
    color: var(--sw-bg) !important;
}

.metric,
.sw-metric-card {
    min-height: 122px !important;
    padding: 1rem !important;
}

.metric span,
.metric small,
.sw-metric-card span,
.sw-metric-card small {
    color: var(--sw-muted) !important;
}

.metric strong,
.sw-metric-card strong {
    display: block;
    margin-top: 0.5rem;
    color: var(--sw-text);
    font-size: 2rem !important;
    font-weight: 900;
    line-height: 1;
}

.metric.is-green strong { color: var(--sw-success) !important; }
.metric.is-cyan strong { color: var(--sw-cyan) !important; }
.metric.is-yellow strong { color: var(--sw-yellow) !important; }
.metric.is-red strong { color: var(--sw-danger) !important; }

.sw-metric-card > svg {
    display: none !important;
}

.sw-customer-dashboard {
    display: block !important;
}

.sw-customer-dashboard > .row {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.sw-customer-dashboard > .row > [class*="col-"] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.sw-panel {
    padding: 1rem !important;
}

.sw-panel-heading h3 {
    margin: 0;
    font-weight: 900;
}

@media (max-width: 1199.98px) {
    .quick-grid,
    .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .vertical-layout.vertical-menu-modern.menu-expanded .app-content,
    .vertical-layout.vertical-menu-modern.menu-expanded .footer,
    .app-content.content {
        margin-left: 0 !important;
    }

    .vertical-layout.vertical-menu-modern.menu-expanded .header-navbar,
    .sw-command-navbar.header-navbar,
    .header-navbar.navbar-floating {
        left: 0 !important;
        width: 100% !important;
    }

    .content-wrapper {
        padding: 0.85rem !important;
    }
}

@media (max-width: 640px) {
    .quick-grid,
    .metric-grid {
        grid-template-columns: 1fr;
    }

    .content-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .breadcrumb-wrapper {
        max-width: 100%;
    }
}

/* Universal Sendroid layout skin for every original SignalWave Panel module page. */
.sw-module-skin .content-body > section:not(.sw-customer-dashboard):not(.sw-admin-dashboard),
.sw-module-skin .content-body > div:not(.content-header):not(.content-overlay):not(.header-navbar-shadow),
.sw-module-skin .content-body > form,
.sw-module-skin .content-body > .row {
    position: relative;
    z-index: 1;
}

.sw-module-skin section[id],
.sw-module-skin .card,
.sw-module-skin .bs-stepper,
.sw-module-skin .list-group,
.sw-module-skin .accordion,
.sw-module-skin .invoice-preview-card,
.sw-module-skin .pricing-card,
.sw-module-skin .profile-header,
.sw-module-skin .timeline,
.sw-module-skin .chat-application,
.sw-module-skin .email-application,
.sw-module-skin .kanban-wrapper {
    border: 1px solid var(--sw-line) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), transparent 34%),
        linear-gradient(315deg, rgba(var(--sw-warning-rgb), 0.08), transparent 42%),
        rgba(var(--sw-panel-rgb), 0.78) !important;
    box-shadow: var(--sw-shadow) !important;
    color: var(--sw-text) !important;
    overflow: hidden;
}

.sw-module-skin section[id] {
    padding: 1rem;
    margin-bottom: 1rem;
}

.sw-module-skin section[id] > .mb-3:first-child,
.sw-module-skin section[id] > .mt-2:first-child,
.sw-module-skin section[id] > .d-flex:first-child,
.sw-module-skin .card-header,
.sw-module-skin .modal-header,
.sw-module-skin .bs-stepper-header,
.sw-module-skin .dataTables_wrapper .row:first-child {
    min-height: 58px;
    padding: 1rem !important;
    margin: 0 0 1rem !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.14) !important;
    border-radius: 8px !important;
    background: rgba(var(--sw-input-rgb), 0.32) !important;
}

.sw-module-skin .card-header {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.sw-module-skin .card-body,
.sw-module-skin .card-content,
.sw-module-skin .modal-body,
.sw-module-skin .bs-stepper-content {
    padding: 1rem !important;
}

.sw-module-skin .row.match-height,
.sw-module-skin .sw-admin-metrics,
.sw-module-skin .row:not(.content-header):not(.breadcrumbs-top) {
    row-gap: 1rem;
}

.sw-module-skin .sw-admin-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.sw-module-skin .sw-admin-metrics > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.sw-module-skin .sw-admin-metric,
.sw-module-skin .sw-admin-metric .card-header {
    min-height: 122px !important;
}

.sw-module-skin .sw-admin-metric .card-header {
    align-items: center;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.sw-module-skin .sw-admin-metric h2 {
    font-size: 2rem !important;
    line-height: 1 !important;
}

.sw-module-skin .sw-admin-hero {
    display: none !important;
}

.sw-module-skin .btn-group,
.sw-module-skin .dt-buttons,
.sw-module-skin .dataTables_filter,
.sw-module-skin .dataTables_length,
.sw-module-skin .float-end,
.sw-module-skin .float-start {
    float: none !important;
}

.sw-module-skin .btn-group,
.sw-module-skin .dt-buttons,
.sw-module-skin section[id] > .mb-3:first-child,
.sw-module-skin section[id] > .mt-2:first-child {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.7rem;
}

.sw-module-skin .btn,
.sw-module-skin button,
.sw-module-skin .page-link,
.sw-module-skin .dropdown-item {
    min-height: 40px;
    border-radius: 8px !important;
    font-weight: 800 !important;
}

.sw-module-skin .btn-primary,
.sw-module-skin .btn-success,
.sw-module-skin .btn-info,
.sw-module-skin .buttons-copy,
.sw-module-skin .buttons-excel,
.sw-module-skin .buttons-csv,
.sw-module-skin .buttons-pdf {
    border: 0 !important;
    color: var(--sw-bg) !important;
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-yellow)) !important;
}

.sw-module-skin .btn-outline-primary,
.sw-module-skin .btn-outline-success,
.sw-module-skin .btn-outline-info,
.sw-module-skin .btn-secondary,
.sw-module-skin .btn-light {
    border: 1px solid var(--sw-line) !important;
    color: var(--sw-cyan) !important;
    background: rgba(var(--sw-panel-rgb), 0.76) !important;
}

.sw-module-skin .btn-danger,
.sw-module-skin .btn-outline-danger {
    border-color: rgba(var(--sw-danger-rgb), 0.42) !important;
    color: #ff8fa1 !important;
    background: rgba(var(--sw-danger-rgb), 0.12) !important;
}

.sw-module-skin .form-control,
.sw-module-skin .form-select,
.sw-module-skin .input-group-text,
.sw-module-skin .select2-container--default .select2-selection--single,
.sw-module-skin .select2-container--default .select2-selection--multiple,
.sw-module-skin .flatpickr-input,
.sw-module-skin .ql-toolbar,
.sw-module-skin .ql-container,
.sw-module-skin textarea,
.sw-module-skin input[type="text"],
.sw-module-skin input[type="email"],
.sw-module-skin input[type="password"],
.sw-module-skin input[type="number"],
.sw-module-skin input[type="url"],
.sw-module-skin input[type="search"] {
    min-height: 42px !important;
    padding: 0.7rem 0.75rem;
    border: 1px solid var(--sw-line) !important;
    border-radius: 8px !important;
    color: var(--sw-text) !important;
    background: rgba(var(--sw-bg-rgb), 0.72) !important;
    box-shadow: none !important;
}

.sw-module-skin .form-control:focus,
.sw-module-skin .form-select:focus,
.sw-module-skin textarea:focus,
.sw-module-skin input:focus,
.sw-module-skin .select2-container--default.select2-container--focus .select2-selection--multiple,
.sw-module-skin .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--sw-cyan) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--sw-secondary-rgb), 0.14) !important;
}

.sw-module-skin label,
.sw-module-skin .form-label,
.sw-module-skin .col-form-label,
.sw-module-skin .control-label {
    color: var(--sw-muted) !important;
    font-weight: 800 !important;
}

.sw-module-skin .table-responsive,
.sw-module-skin .dataTables_wrapper {
    padding: 1rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.14);
    border-radius: 8px;
    background: rgba(var(--sw-input-rgb), 0.22);
}

.sw-module-skin .card > .table-responsive,
.sw-module-skin .card > table.table,
.sw-module-skin .card .dataTables_wrapper {
    border: 0;
    background: transparent;
}

.sw-module-skin table.table,
.sw-module-skin table.dataTable {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    color: var(--sw-muted) !important;
}

.sw-module-skin .table th,
.sw-module-skin .table td,
.sw-module-skin table.dataTable thead th,
.sw-module-skin table.dataTable tbody td {
    padding: 0.88rem 0.7rem !important;
    border-top: 1px solid var(--sw-line) !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    text-align: left;
    background: transparent !important;
}

.sw-module-skin .table th,
.sw-module-skin table.dataTable thead th {
    color: var(--sw-text) !important;
    font-size: 0.76rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.sw-module-skin .table tbody tr:hover,
.sw-module-skin table.dataTable tbody tr:hover {
    background: rgba(var(--sw-secondary-rgb), 0.08) !important;
}

.sw-module-skin .badge,
.sw-module-skin .status,
.sw-module-skin .badge-light-primary,
.sw-module-skin .badge-light-success,
.sw-module-skin .badge-light-warning,
.sw-module-skin .badge-light-danger,
.sw-module-skin .badge-light-info {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0.25rem 0.55rem;
    border-radius: 999px !important;
    color: var(--sw-bg) !important;
    background: var(--sw-yellow) !important;
    font-size: 0.75rem;
    font-weight: 900;
}

.sw-module-skin .dropdown-menu,
.sw-module-skin .select2-dropdown,
.sw-module-skin .flatpickr-calendar,
.sw-module-skin .swal2-popup {
    border: 1px solid var(--sw-line) !important;
    border-radius: 8px !important;
    color: var(--sw-text) !important;
    background: rgba(var(--sw-bg-rgb), 0.98) !important;
    box-shadow: var(--sw-shadow) !important;
}

.sw-module-skin .dropdown-item:hover,
.sw-module-skin .dropdown-item:focus,
.sw-module-skin .select2-results__option--highlighted {
    color: var(--sw-bg) !important;
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-yellow)) !important;
}

.sw-module-skin .nav-tabs,
.sw-module-skin .nav-pills,
.sw-module-skin .sw-tabs-console {
    gap: 0.45rem;
    padding: 0.25rem;
    border: 1px solid var(--sw-line) !important;
    border-radius: 8px;
    background: rgba(var(--sw-input-rgb), 0.28);
}

.sw-module-skin .nav-tabs .nav-link,
.sw-module-skin .nav-pills .nav-link,
.sw-module-skin .bs-stepper .step-trigger {
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: var(--sw-muted) !important;
    background: transparent !important;
    font-weight: 800;
}

.sw-module-skin .nav-tabs .nav-link.active,
.sw-module-skin .nav-pills .nav-link.active,
.sw-module-skin .bs-stepper .active .step-trigger {
    color: var(--sw-bg) !important;
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-yellow)) !important;
}

.sw-module-skin .alert,
.sw-module-skin .callout,
.sw-module-skin .demo-spacing-0 > * {
    border: 1px solid var(--sw-line) !important;
    border-radius: 8px !important;
    color: var(--sw-text) !important;
    background: linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.2), rgba(var(--sw-warning-rgb), 0.12)) !important;
    box-shadow: var(--sw-shadow) !important;
}

.sw-module-skin .modal-content {
    border-radius: 8px !important;
}

.sw-module-skin .footer,
.footer {
    margin-top: 1rem;
    border-top: 1px solid var(--sw-line);
    background: rgba(var(--sw-sidebar-rgb), 0.82) !important;
    color: var(--sw-muted) !important;
}

.sw-module-skin .scroll-top {
    border: 0 !important;
    border-radius: 50% !important;
    color: var(--sw-bg) !important;
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-yellow)) !important;
}

.sw-module-skin .auth-wrapper,
.sw-module-skin .auth-inner,
.sw-module-skin .misc-wrapper,
.blank-page .auth-wrapper,
.blank-page .misc-wrapper {
    min-height: 100vh;
}

.sw-module-skin .auth-inner,
.blank-page .auth-inner,
.blank-page .card {
    border-radius: 8px !important;
}

@media (max-width: 1199.98px) {
    .sw-module-skin .sw-admin-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .sw-module-skin .sw-admin-metrics {
        grid-template-columns: 1fr;
    }

    .sw-module-skin section[id] {
        padding: 0.85rem;
    }
}

/* Sendroid reference alignment pass: compact module chrome, action rows, stats, and data tables. */
.sw-module-skin {
    --sw-sendroid-topbar: 60px;
    --sw-sendroid-sidebar: 270px;
    --sw-sendroid-gap: 15px;
}

.sw-module-skin .app-content.content {
    min-height: calc(100vh - var(--sw-sendroid-topbar));
}

.sw-module-skin .content-wrapper {
    max-width: none !important;
}

.sw-module-skin .content-body {
    display: block;
}

.sw-module-skin .content-header {
    min-height: 60px;
    padding: 0.85rem 1rem !important;
    margin-bottom: var(--sw-sendroid-gap) !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.1), rgba(var(--sw-warning-rgb), 0.06)),
        rgba(var(--sw-bg-rgb), 0.84) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

.sw-module-skin .content-header-title {
    font-size: clamp(1.35rem, 2vw, 2rem) !important;
    line-height: 1.1;
}

.sw-module-skin .content-header-title::after {
    display: none !important;
}

.sw-module-skin .breadcrumb {
    min-height: 34px;
    align-items: center;
    margin: 0 !important;
}

.sw-module-skin .row.match-height > [class*="col-"] > .card {
    height: 100%;
}

.sw-module-skin .row.match-height > [class*="col-"] > .card > .card-header:has(h2),
.sw-module-skin .sw-admin-metric > .card-header {
    min-height: 112px !important;
    padding: 1rem !important;
    border: 0 !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.14), transparent 44%),
        rgba(var(--sw-bg-rgb), 0.42) !important;
}

.sw-module-skin .row.match-height > [class*="col-"] > .card > .card-header:has(h2)::before,
.sw-module-skin .sw-admin-metric > .card-header::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--sw-cyan), var(--sw-yellow));
    box-shadow: 0 0 18px rgba(var(--sw-secondary-rgb), 0.4);
}

.sw-module-skin .row.match-height h2,
.sw-module-skin .sw-admin-metric h2 {
    color: var(--sw-text) !important;
    font-size: clamp(1.55rem, 2.2vw, 2.35rem) !important;
    font-weight: 900 !important;
}

.sw-module-skin .row.match-height .card-text,
.sw-module-skin .sw-admin-metric .card-text {
    margin-top: 0.35rem;
    color: rgba(237, 246, 255, 0.66) !important;
    font-size: 0.83rem;
    font-weight: 800;
    text-transform: uppercase;
}

.sw-module-skin .row.match-height .font-large-3,
.sw-module-skin .sw-admin-metric .avatar {
    width: 42px;
    height: 42px;
    padding: 0.65rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(var(--sw-secondary-rgb), 0.09) !important;
    color: var(--sw-cyan) !important;
}

.sw-module-page,
.sw-module-skin section[id] {
    padding: var(--sw-sendroid-gap) !important;
}

.sw-module-page .sw-module-hero,
.sw-module-page .sw-insights-hero,
.sw-admin-dashboard .quick-grid,
.sw-customer-dashboard .quick-grid {
    margin-bottom: var(--sw-sendroid-gap);
}

.sw-module-hero,
.sw-insights-hero,
.sw-admin-hero {
    min-height: 118px !important;
    padding: 1.05rem 1.15rem !important;
    border-radius: 8px !important;
    background:
        linear-gradient(125deg, rgba(var(--sw-secondary-rgb), 0.14), transparent 34%),
        linear-gradient(305deg, rgba(var(--sw-warning-rgb), 0.12), transparent 42%),
        rgba(var(--sw-bg-rgb), 0.88) !important;
}

.sw-module-hero h2,
.sw-insights-hero h2,
.sw-admin-hero h1 {
    font-size: clamp(1.65rem, 2.5vw, 2.75rem) !important;
}

.sw-module-hero p,
.sw-insights-hero p,
.sw-admin-hero p {
    max-width: 760px;
    color: rgba(237, 246, 255, 0.68) !important;
    font-size: 0.94rem;
}

.sw-offer-hero {
    background:
        linear-gradient(125deg, rgba(var(--sw-warning-rgb), 0.15), transparent 34%),
        linear-gradient(305deg, rgba(var(--sw-secondary-rgb), 0.12), transparent 42%),
        rgba(var(--sw-bg-rgb), 0.9) !important;
}

.sw-module-actions,
.sw-insights-actions,
.sw-module-skin section[id] > .mb-3:first-child,
.sw-module-skin section[id] > .mt-2:first-child {
    min-height: 58px;
    padding: 0.75rem !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.15);
    border-radius: 8px;
    background: rgba(var(--sw-input-rgb), 0.34);
}

.sw-module-actions .btn-group,
.sw-insights-actions .btn-group,
.sw-module-skin section[id] > .mb-3:first-child .btn-group,
.sw-module-skin section[id] > .mt-2:first-child .btn-group {
    margin: 0 !important;
}

.sw-module-skin .btn:not(.btn-link),
.sw-module-skin .dt-button,
.sw-module-skin button.dt-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 40px;
    padding: 0.62rem 0.9rem;
    border-radius: 8px !important;
    font-size: 0.86rem;
    line-height: 1.1;
}

.sw-module-skin .btn svg,
.sw-module-skin .dropdown-item svg {
    width: 15px;
    height: 15px;
}

.sw-module-skin .sw-data-card,
.sw-module-skin .sw-table-console,
.sw-module-skin .sw-insights-card {
    overflow: hidden;
}

.sw-module-skin .sw-data-card > .table-responsive,
.sw-module-skin .sw-table-console > .table-responsive,
.sw-module-skin .card > .table-responsive {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.sw-module-skin .dataTables_wrapper {
    padding: 0.9rem !important;
    border: 0 !important;
    background: transparent !important;
}

.sw-module-skin .dataTables_wrapper > .row:first-child,
.sw-module-skin .dataTables_wrapper > .row:last-child {
    min-height: 48px;
    margin: 0 !important;
    padding: 0.35rem 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.sw-module-skin .dataTables_wrapper .dataTables_length,
.sw-module-skin .dataTables_wrapper .dataTables_filter {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin: 0 !important;
}

.sw-module-skin .dataTables_wrapper .dataTables_filter {
    justify-content: flex-end;
}

.sw-module-skin .dataTables_wrapper .dataTables_filter label,
.sw-module-skin .dataTables_wrapper .dataTables_length label {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: auto;
    margin: 0 !important;
    color: rgba(237, 246, 255, 0.66) !important;
    font-size: 0.82rem;
    font-weight: 800;
}

.sw-module-skin .dataTables_wrapper .dataTables_filter input {
    min-width: min(320px, 42vw);
    margin: 0 !important;
}

.sw-module-skin table.dataTable,
.sw-module-skin table.table {
    border-spacing: 0 !important;
}

.sw-module-skin table.dataTable thead th,
.sw-module-skin table.table thead th {
    border-top: 1px solid rgba(var(--sw-secondary-rgb), 0.12) !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.12) !important;
    background: rgba(var(--sw-modal-rgb), 0.78) !important;
}

.sw-module-skin table.dataTable tbody tr,
.sw-module-skin table.table tbody tr {
    box-shadow: none !important;
}

.sw-module-skin table.dataTable tbody td,
.sw-module-skin table.table tbody td {
    border-top: 1px solid rgba(var(--sw-secondary-rgb), 0.08) !important;
    border-bottom: 0 !important;
}

.sw-module-skin table.dataTable tbody tr:first-child td,
.sw-module-skin table.table tbody tr:first-child td {
    border-top: 0 !important;
}

.sw-module-skin .page-link,
.sw-module-skin .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 36px;
    min-height: 36px;
    margin: 0 0.12rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(237, 246, 255, 0.78) !important;
}

.sw-module-skin .page-item.active .page-link,
.sw-module-skin .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-color: rgba(var(--sw-warning-rgb), 0.36) !important;
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-yellow)) !important;
    color: var(--sw-bg) !important;
}

.sw-module-skin .dataTables_processing {
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18) !important;
    border-radius: 8px !important;
    background: rgba(var(--sw-bg-rgb), 0.92) !important;
    color: var(--sw-yellow) !important;
    box-shadow: var(--sw-shadow);
}

.sw-module-skin .avatar,
.sw-module-skin .avatar .avatar-content {
    border-radius: 8px !important;
}

.sw-module-skin .badge-light-success,
.sw-module-skin .badge.bg-success,
.sw-module-skin .badge-success {
    background: var(--sw-success) !important;
    color: var(--sw-bg) !important;
}

.sw-module-skin .badge-light-danger,
.sw-module-skin .badge.bg-danger,
.sw-module-skin .badge-danger {
    background: var(--sw-danger) !important;
    color: #fff !important;
}

.sw-module-skin .badge-light-warning,
.sw-module-skin .badge.bg-warning,
.sw-module-skin .badge-warning {
    background: var(--sw-yellow) !important;
    color: var(--sw-bg) !important;
}

.sw-module-skin .modal .table-responsive,
.sw-module-skin .modal table.table {
    border-radius: 8px;
}

.sw-module-skin .swal2-popup {
    border: 1px solid rgba(var(--sw-warning-rgb), 0.28) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-warning-rgb), 0.11), transparent 40%),
        rgba(var(--sw-bg-rgb), 0.98) !important;
    color: var(--sw-text) !important;
}

.sw-module-skin .swal2-title,
.sw-module-skin .swal2-html-container {
    color: var(--sw-text) !important;
}

@media (max-width: 991.98px) {
    .sw-module-skin .content-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_filter,
    .sw-module-skin .dataTables_wrapper .dataTables_length {
        justify-content: flex-start;
        margin-bottom: 0.55rem !important;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_filter label,
    .sw-module-skin .dataTables_wrapper .dataTables_length label {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_filter input,
    .sw-module-skin .dataTables_wrapper .dataTables_length select {
        width: 100% !important;
        min-width: 0;
        margin: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .sw-module-page,
    .sw-module-skin section[id] {
        padding: 0.75rem !important;
    }

    .sw-module-hero,
    .sw-insights-hero,
    .sw-admin-hero {
        padding: 0.9rem !important;
    }

    .sw-module-hero p,
    .sw-insights-hero p,
    .sw-admin-hero p {
        font-size: 0.86rem;
    }

    .sw-module-actions,
    .sw-insights-actions,
    .sw-module-skin section[id] > .mb-3:first-child,
    .sw-module-skin section[id] > .mt-2:first-child {
        align-items: stretch !important;
        flex-direction: column;
    }

    .sw-module-actions .btn-group,
    .sw-insights-actions .btn-group,
    .sw-module-actions .btn,
    .sw-insights-actions .btn {
        width: 100%;
    }
}

/* Screenshot alignment pass: keep dashboards close to the Sendroid mock density. */
.sw-module-skin .sw-admin-dashboard {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sw-module-skin .sw-admin-dashboard > .sw-admin-hero {
    order: 1;
}

.sw-module-skin .sw-admin-dashboard > .sw-exact-dashboard-actions {
    order: 2;
}

.sw-module-skin .sw-admin-dashboard > .sw-admin-metrics {
    order: 3;
}

.sw-module-skin .sw-admin-dashboard > .sw-command-alert {
    order: 4;
}

.sw-module-skin .sw-admin-dashboard > .sw-onboarding-row {
    order: 5;
}

.sw-module-skin .sw-admin-dashboard > .row:not(.sw-admin-metrics):not(.sw-onboarding-row) {
    order: 6;
}

.sw-module-skin .sw-command-alert {
    margin-bottom: var(--sw-sendroid-gap) !important;
    padding: 0.85rem 1rem !important;
}

.sw-module-skin .sw-command-alert .alert-heading {
    margin-bottom: 0.35rem;
    font-size: 0.86rem;
}

.sw-module-skin .sw-command-alert p,
.sw-module-skin .timeline .timeline-event p,
.sw-module-skin .timeline .timeline-event h6,
.sw-module-skin table.table td,
.sw-module-skin table.dataTable td {
    overflow-wrap: anywhere;
    white-space: normal !important;
}

.sw-module-skin .sw-command-onboarding {
    margin-bottom: var(--sw-sendroid-gap) !important;
}

.sw-module-skin .sw-command-onboarding .card-header {
    min-height: 54px;
    padding: 0.75rem 1rem !important;
}

.sw-module-skin .sw-command-onboarding .card-title {
    margin: 0;
    font-size: 0.98rem;
}

.sw-module-skin .sw-command-onboarding .card-body {
    max-height: 330px;
    overflow: auto;
    padding: 0.95rem 1rem !important;
}

.sw-module-skin .timeline,
.sw-module-skin .timeline .timeline-item,
.sw-module-skin .timeline .timeline-event {
    min-width: 0;
}

.sw-module-skin .timeline .timeline-item {
    padding-bottom: 1rem !important;
}

.sw-module-skin .timeline .timeline-event {
    width: 100%;
    padding: 0.15rem 0 0.15rem 0.75rem;
}

.sw-module-skin .timeline .timeline-event p {
    max-width: 1080px;
    margin-bottom: 0;
    font-size: 0.88rem;
    line-height: 1.5;
}

.sw-module-skin .sw-admin-dashboard .quick-grid,
.sw-module-skin .sw-customer-dashboard .quick-grid {
    grid-auto-rows: minmax(96px, auto);
}

.sw-module-skin .quick-card {
    align-items: flex-start;
    justify-content: center;
    min-height: 96px;
    padding: 1rem !important;
}

.sw-module-skin .quick-card svg {
    flex: 0 0 auto;
}

.sw-module-skin .sw-admin-metrics {
    margin-bottom: calc(var(--sw-sendroid-gap) * 0.35) !important;
}

.sw-module-skin .sw-admin-metric,
.sw-module-skin .metric,
.sw-module-skin .sw-panel,
.sw-module-skin .sw-data-card,
.sw-module-skin .sw-table-console {
    contain: layout paint;
}

.sw-module-skin .sw-admin-metric h2,
.sw-module-skin .metric strong {
    line-height: 1;
}

.sw-module-skin .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 991.98px) {
    .sw-module-skin .sw-command-onboarding .card-body {
        max-height: 380px;
    }

    .sw-module-skin .sw-admin-dashboard .quick-grid,
    .sw-module-skin .sw-customer-dashboard .quick-grid,
    .sw-module-skin .metric-grid {
        gap: 0.85rem;
    }

    .sw-module-skin .sw-admin-dashboard > .sw-command-alert {
        order: 5;
    }

    .sw-module-skin .sw-admin-dashboard > .sw-onboarding-row {
        order: 6;
    }
}

@media (max-width: 575.98px) {
    .sw-module-skin .sw-admin-dashboard,
    .sw-module-skin .sw-customer-dashboard {
        padding: 0.85rem !important;
    }

    .sw-module-skin .sw-admin-hero,
    .sw-module-skin .sw-module-hero,
    .sw-module-skin .sw-insights-hero {
        min-height: 68px !important;
    }

    .sw-module-skin .sw-admin-hero h1,
    .sw-module-skin .sw-module-hero h2,
    .sw-module-skin .sw-insights-hero h2 {
        font-size: 1.28rem !important;
    }

    .sw-module-skin .sw-admin-hero p,
    .sw-module-skin .sw-admin-hero-grid,
    .sw-module-skin .breadcrumb {
        display: none !important;
    }

    .sw-module-skin .sw-admin-dashboard .quick-grid,
    .sw-module-skin .sw-customer-dashboard .quick-grid,
    .sw-module-skin .metric-grid {
        grid-template-columns: 1fr !important;
    }

    .sw-module-skin .quick-card {
        min-height: 86px;
    }

    .sw-module-skin .sw-command-alert {
        font-size: 0.78rem;
    }

    .sw-module-skin .sw-command-onboarding .card-body {
        max-height: 330px;
        padding: 0.85rem !important;
    }

    .sw-module-skin .timeline .timeline-event {
        padding-left: 0.55rem;
    }

    .sw-module-skin .timeline .timeline-event p {
        font-size: 0.78rem;
    }
}

/* Global page-header removal: keep topbar/sidebar, remove title/breadcrumb hero banners. */
.sw-module-skin .content-wrapper {
    padding-top: 1rem !important;
}

.sw-module-skin .content-header,
.sw-module-skin .breadcrumbs-top,
.sw-module-skin .breadcrumb-wrapper,
.sw-module-skin .sw-admin-hero,
.sw-module-skin .sw-module-hero,
.sw-module-skin .sw-insights-hero,
.sw-module-skin .sw-send-hero,
.sw-module-skin .sw-hero {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.sw-module-skin .content-body > section:first-child,
.sw-module-skin .content-body > div:first-child,
.sw-module-skin .content-body > form:first-child {
    margin-top: 0 !important;
}

.sw-module-skin .sw-admin-dashboard > .sw-exact-dashboard-actions,
.sw-module-skin .sw-customer-dashboard > .sw-exact-dashboard-actions,
.sw-module-skin .sw-module-page > .sw-module-actions:first-child,
.sw-module-skin .sw-insights-page > .sw-insights-actions:first-child {
    margin-top: 0 !important;
}

.sw-module-skin .sw-module-actions:not(:has(.btn, button, a[href], form, .btn-group)),
.sw-module-skin .sw-insights-actions:not(:has(.btn, button, a[href], form, .btn-group)) {
    display: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

/* Sendroid polish pass: darker command shell, crisper chrome, less Bootstrap surface. */
:root {
    --sw-radius: 8px;
    --sw-radius-sm: 6px;
    --sw-bg-0: #020916;
    --sw-bg-1: #061528;
    --sw-bg-2: #081f3c;
    --sw-card: rgba(8, 27, 50, 0.84);
    --sw-card-strong: rgba(5, 18, 35, 0.94);
    --sw-border: rgba(90, 196, 255, 0.2);
    --sw-border-strong: rgba(var(--sw-secondary-rgb), 0.38);
    --sw-glow: 0 18px 44px rgba(0, 0, 0, 0.42), 0 0 28px rgba(var(--sw-secondary-rgb), 0.08);
    --sw-glow-hot: 0 18px 46px rgba(0, 0, 0, 0.46), 0 0 0 1px rgba(var(--sw-secondary-rgb), 0.18), 0 0 34px rgba(var(--sw-secondary-rgb), 0.16);
}

html,
body,
.sw-module-skin,
.sw-module-skin .app-content,
.sw-module-skin .content-wrapper,
.sw-module-skin .content-body {
    background:
        linear-gradient(120deg, rgba(var(--sw-secondary-rgb), 0.1) 0 1px, transparent 1px 31%),
        linear-gradient(115deg, transparent 0 37%, rgba(var(--sw-secondary-rgb), 0.1) 37.2%, transparent 38.4%),
        linear-gradient(297deg, transparent 0 64%, rgba(var(--sw-warning-rgb), 0.07) 64.2%, transparent 65.2%),
        radial-gradient(circle at 18% 18%, rgba(var(--sw-secondary-rgb), 0.08), transparent 28%),
        linear-gradient(145deg, var(--sw-bg-0) 0%, var(--sw-bg-1) 46%, #03101f 100%) !important;
    color: var(--sw-text) !important;
}

body::before {
    opacity: 0.62;
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(var(--sw-warning-rgb), 0.04) 1px, transparent 1px) !important;
    background-size: 64px 64px !important;
}

body::after {
    opacity: 0.32;
}

.sw-module-skin .content-wrapper {
    padding: 0.95rem 1.25rem 2rem !important;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu,
.main-menu,
.main-menu.menu-light,
.main-menu.menu-dark {
    width: 270px !important;
    border-right: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    background:
        linear-gradient(180deg, rgba(6, 22, 43, 0.98), rgba(1, 9, 20, 0.99)),
        var(--sw-bg-0) !important;
    box-shadow: 18px 0 54px rgba(0, 0, 0, 0.42), inset -1px 0 0 rgba(var(--sw-warning-rgb), 0.08) !important;
}

.main-menu::before {
    opacity: 0.55 !important;
    background:
        linear-gradient(90deg, transparent, rgba(var(--sw-secondary-rgb), 0.12), transparent),
        repeating-linear-gradient(180deg, transparent 0 46px, rgba(var(--sw-secondary-rgb), 0.04) 47px 48px) !important;
}

.main-menu .navbar-header {
    height: 104px !important;
    padding: 1.05rem 0.9rem 0.75rem !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.12) !important;
}

.main-menu .navbar-header .brand-logo {
    width: 100%;
    min-height: 58px;
    padding: 0.65rem 0.75rem !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.24) !important;
    border-radius: var(--sw-radius) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.28), rgba(var(--sw-warning-rgb), 0.08)),
        rgba(8, 27, 50, 0.88) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}

.main-menu .brand-logo img {
    width: 38px !important;
    height: 38px !important;
    border-radius: var(--sw-radius-sm) !important;
    box-shadow: 0 0 22px rgba(var(--sw-secondary-rgb), 0.32) !important;
}

.main-menu .signalwave-brand-wordmark {
    max-width: 146px;
    color: var(--sw-yellow) !important;
    font-size: 0.93rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.08;
    text-shadow: 0 0 18px rgba(var(--sw-warning-rgb), 0.18);
}

.main-menu .main-menu-content {
    padding: 0.65rem 0.75rem 1rem !important;
}

.main-menu .navigation-header {
    margin: 1rem 0.25rem 0.45rem !important;
    padding: 0 !important;
    color: rgba(var(--sw-warning-rgb), 0.82) !important;
    font-size: 0.67rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.16em !important;
}

.main-menu .navigation > li.nav-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    margin: 0.16rem 0 !important;
}

.main-menu .navigation > li > a,
.main-menu .navigation li.nav-item > a,
.main-menu .navigation .menu-content li a {
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0.68rem 0.72rem !important;
    border: 1px solid transparent !important;
    border-radius: var(--sw-radius) !important;
    background: transparent !important;
    color: rgba(226, 239, 255, 0.76) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

.main-menu .navigation li a svg,
.main-menu .navigation li a i,
.main-menu .sw-animated-icon {
    width: 20px !important;
    height: 20px !important;
    color: currentColor !important;
}

.main-menu .navigation > li > a:hover,
.main-menu .navigation li.nav-item > a:hover,
.main-menu .navigation .menu-content li a:hover {
    border-color: rgba(var(--sw-secondary-rgb), 0.18) !important;
    background: rgba(var(--sw-secondary-rgb), 0.08) !important;
    color: #fff !important;
    transform: translateX(2px);
}

.main-menu .navigation > li.active > a,
.main-menu .navigation > li.open > a,
.main-menu .navigation > li.sidebar-group-active > a,
.main-menu .navigation li.active > a {
    border-color: rgba(var(--sw-warning-rgb), 0.35) !important;
    background: linear-gradient(100deg, var(--sw-blue), var(--sw-cyan) 58%, var(--sw-yellow)) !important;
    color: #03101f !important;
    box-shadow: 0 14px 30px rgba(var(--sw-secondary-rgb), 0.24), 0 0 22px rgba(var(--sw-warning-rgb), 0.12) !important;
}

.main-menu .navigation .menu-content {
    margin: 0.35rem 0 0.55rem 1rem !important;
    padding-left: 0.75rem !important;
    border-left: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
}

.main-menu .navigation .menu-content li a {
    min-height: 38px !important;
    padding: 0.55rem 0.65rem !important;
    color: rgba(226, 239, 255, 0.62) !important;
    font-size: 0.83rem !important;
}

.main-menu .navigation .menu-content li.active > a {
    background: rgba(var(--sw-secondary-rgb), 0.12) !important;
    color: var(--sw-yellow) !important;
}

.vertical-layout.vertical-menu-modern.menu-expanded .header-navbar,
.sw-command-navbar.header-navbar,
.sw-command-navbar.header-navbar.navbar-shadow,
.header-navbar,
.header-navbar.navbar-shadow,
.header-navbar.navbar-floating {
    left: 270px !important;
    width: calc(100% - 270px) !important;
    min-height: 66px !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.18) !important;
    background:
        linear-gradient(90deg, rgba(4, 16, 31, 0.96), rgba(7, 25, 48, 0.92)),
        rgba(4, 16, 31, 0.96) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34) !important;
    backdrop-filter: blur(18px);
}

.sw-command-navbar .sw-command-bar,
.navbar-container {
    min-height: 66px !important;
    padding: 0.7rem 1rem !important;
}

.sw-command-search,
.header-navbar .form-control,
.navbar-container .form-control {
    border-radius: var(--sw-radius) !important;
    background: rgba(var(--sw-bg-rgb), 0.74) !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sw-command-lang,
.sw-command-bell,
.sw-command-user,
.header-navbar .dropdown-user > a,
.header-navbar .nav-link {
    border-radius: var(--sw-radius) !important;
}

.card,
.sw-panel,
.sw-data-card,
.sw-table-console,
.sw-insights-card,
.sw-admin-metric,
.metric,
.quick-card,
.modal-content,
.dropdown-menu,
.bs-stepper,
.pricing-card {
    border: 1px solid var(--sw-border) !important;
    border-radius: var(--sw-radius) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), transparent 38%),
        linear-gradient(315deg, rgba(var(--sw-warning-rgb), 0.055), transparent 42%),
        var(--sw-card) !important;
    box-shadow: var(--sw-glow) !important;
    backdrop-filter: blur(16px);
}

.card::before,
.sw-panel::before,
.modal-content::before {
    opacity: 0.35 !important;
}

.card:hover,
.sw-panel:hover,
.sw-data-card:hover,
.sw-table-console:hover,
.quick-card:hover,
.metric:hover,
.sw-admin-metric:hover {
    border-color: var(--sw-border-strong) !important;
    box-shadow: var(--sw-glow-hot) !important;
    transform: translateY(-1px);
}

.card-header,
.card-footer,
.sw-panel-heading,
.modal-header,
.modal-footer {
    min-height: 54px;
    padding: 0.85rem 1rem !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.14) !important;
    background: rgba(3, 15, 30, 0.48) !important;
}

.card-body,
.sw-panel {
    padding: 1rem !important;
}

.quick-grid,
.metric-grid {
    gap: 0.9rem !important;
    margin-bottom: 0.9rem !important;
}

.quick-card {
    display: flex !important;
    flex-direction: column;
    gap: 0.65rem;
    min-height: 95px !important;
    color: var(--sw-text) !important;
}

.quick-card svg,
.metric svg,
.sw-admin-metric .avatar,
.avatar .avatar-content {
    color: var(--sw-yellow) !important;
    filter: drop-shadow(0 0 12px rgba(var(--sw-warning-rgb), 0.18));
}

.metric strong,
.sw-admin-metric h2,
.sw-module-skin .row.match-height h2 {
    color: var(--sw-text) !important;
    font-weight: 900 !important;
}

.metric small,
.metric span,
.sw-admin-metric .card-text,
.card-text,
p,
small,
.text-muted {
    color: rgba(215, 230, 250, 0.68) !important;
}

.sw-module-skin .table-responsive,
.sw-module-skin .dataTables_wrapper,
.sw-module-skin .card .dataTables_wrapper {
    border-radius: var(--sw-radius) !important;
    background:
        linear-gradient(180deg, rgba(9, 34, 60, 0.72), rgba(3, 14, 27, 0.52)) !important;
}

.sw-module-skin .dataTables_wrapper {
    padding: 1rem !important;
}

.sw-module-skin table.table,
.sw-module-skin table.dataTable {
    overflow: hidden;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: var(--sw-radius) !important;
    background: rgba(3, 13, 25, 0.7) !important;
}

.sw-module-skin table.table thead th,
.sw-module-skin table.dataTable thead th {
    height: 46px;
    padding: 0.82rem 0.9rem !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.72) !important;
    background: rgba(3, 12, 24, 0.94) !important;
    color: rgba(244, 249, 255, 0.94) !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.sw-module-skin table.table tbody tr,
.sw-module-skin table.dataTable tbody tr {
    background: rgba(9, 26, 45, 0.52) !important;
}

.sw-module-skin table.table tbody td,
.sw-module-skin table.dataTable tbody td {
    padding: 0.85rem 0.9rem !important;
    border-top: 1px solid rgba(var(--sw-secondary-rgb), 0.08) !important;
    color: rgba(226, 239, 255, 0.76) !important;
}

.sw-module-skin table.table tbody tr:hover,
.sw-module-skin table.dataTable tbody tr:hover {
    background: rgba(var(--sw-secondary-rgb), 0.09) !important;
}

.sw-module-skin .dataTables_wrapper .dataTables_filter label,
.sw-module-skin .dataTables_wrapper .dataTables_length label {
    color: rgba(226, 239, 255, 0.72) !important;
    font-size: 0.78rem !important;
}

.form-control,
.form-select,
.custom-select,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="search"],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.sw-module-skin .dataTables_wrapper .dataTables_filter input,
.sw-module-skin .dataTables_wrapper .dataTables_length select {
    min-height: 42px;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    border-radius: var(--sw-radius) !important;
    background: rgba(2, 10, 22, 0.78) !important;
    color: var(--sw-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: rgba(var(--sw-secondary-rgb), 0.62) !important;
    box-shadow: 0 0 0 3px rgba(var(--sw-secondary-rgb), 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.btn:not(.btn-link),
.sw-module-skin .btn:not(.btn-link),
.dt-button,
button.dt-button {
    min-height: 40px;
    border-radius: var(--sw-radius) !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.2) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

.btn-primary,
.btn-success,
.btn-info,
.sw-module-skin .btn-primary,
.sw-module-skin .btn-success,
.sw-module-skin .btn-info,
.dt-button,
button.dt-button {
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--sw-cyan), #7ce6ad 56%, var(--sw-yellow)) !important;
    color: #02101e !important;
}

.btn-outline-primary,
.btn-default,
.btn-secondary,
.sw-module-skin .btn-outline-primary,
.sw-module-skin .btn-default,
.sw-module-skin .btn-secondary {
    background: rgba(var(--sw-modal-rgb), 0.72) !important;
    color: var(--sw-text) !important;
}

.btn:hover,
.dt-button:hover,
button.dt-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(var(--sw-secondary-rgb), 0.16) !important;
}

.badge,
.badge[class*="badge-light"],
.label,
.page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: var(--sw-radius-sm) !important;
}

.page-link,
.sw-module-skin .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(var(--sw-secondary-rgb), 0.2) !important;
    background: rgba(4, 16, 31, 0.78) !important;
    color: rgba(226, 239, 255, 0.78) !important;
}

.page-item.active .page-link,
.sw-module-skin .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-yellow)) !important;
    color: #02101e !important;
}

.dropdown-menu {
    padding: 0.45rem !important;
    background: rgba(4, 16, 31, 0.98) !important;
}

.dropdown-item {
    min-height: 36px;
    border-radius: var(--sw-radius-sm) !important;
    color: rgba(226, 239, 255, 0.78) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: rgba(var(--sw-secondary-rgb), 0.12) !important;
    color: #fff !important;
}

.alert,
.sw-command-alert {
    border-color: rgba(var(--sw-warning-rgb), 0.24) !important;
    border-radius: var(--sw-radius) !important;
    background:
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.1), rgba(var(--sw-warning-rgb), 0.09)),
        rgba(8, 27, 50, 0.86) !important;
    box-shadow: var(--sw-glow) !important;
}

@media (min-width: 1200px) {
    .vertical-layout.vertical-menu-modern.menu-expanded .app-content,
    .vertical-layout.vertical-menu-modern.menu-expanded .footer {
        margin-left: 270px !important;
    }
}

@media (max-width: 1199.98px) {
    .vertical-layout.vertical-menu-modern.menu-expanded .header-navbar,
    .sw-command-navbar.header-navbar,
    .sw-command-navbar.header-navbar.navbar-shadow,
    .header-navbar,
    .header-navbar.navbar-shadow,
    .header-navbar.navbar-floating {
        left: 0 !important;
        width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    .sw-module-skin .content-wrapper {
        padding: 0.8rem 0.9rem 1.5rem !important;
    }

    .quick-grid,
    .metric-grid {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }

    .card-body,
    .sw-panel,
    .sw-module-skin .dataTables_wrapper {
        padding: 0.85rem !important;
    }
}

/* First-login shell guard: make the desktop sidebar/header state deterministic
   before the legacy menu JavaScript has finished restoring its saved state. */
@media (min-width: 1200px) {
    body.sw-module-skin.vertical-layout.vertical-menu-modern:not(.blank-page) {
        overflow-x: hidden !important;
    }

    body.sw-module-skin.vertical-layout.vertical-menu-modern:not(.blank-page) .main-menu,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-hide:not(.blank-page) .main-menu,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-collapsed:not(.blank-page) .main-menu,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-expanded:not(.blank-page) .main-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        left: 0 !important;
        right: auto !important;
        width: 270px !important;
        transform: translate3d(0, 0, 0) !important;
        transition: none !important;
        z-index: 1040 !important;
    }

    body.sw-module-skin.vertical-layout.vertical-menu-modern:not(.blank-page) .app-content,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-hide:not(.blank-page) .app-content,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-collapsed:not(.blank-page) .app-content,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-expanded:not(.blank-page) .app-content,
    body.sw-module-skin.vertical-layout.vertical-menu-modern:not(.blank-page) .footer,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-hide:not(.blank-page) .footer,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-collapsed:not(.blank-page) .footer,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-expanded:not(.blank-page) .footer {
        margin-left: 270px !important;
        width: calc(100% - 270px) !important;
    }

    body.sw-module-skin.vertical-layout.vertical-menu-modern:not(.blank-page) .header-navbar,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-hide:not(.blank-page) .header-navbar,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-collapsed:not(.blank-page) .header-navbar,
    body.sw-module-skin.vertical-layout.vertical-menu-modern.menu-expanded:not(.blank-page) .header-navbar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        left: 270px !important;
        width: calc(100% - 270px) !important;
        transform: translate3d(0, 0, 0) !important;
        z-index: 1030 !important;
    }
}

/* Topbar and sidebar account dock refresh */
body.sw-module-skin:not(.blank-page) .sw-command-navbar.header-navbar,
body.sw-module-skin:not(.blank-page) .sw-command-navbar.header-navbar.navbar-shadow,
body.sw-module-skin:not(.blank-page) .header-navbar.navbar-shadow {
    min-height: 64px !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.2) !important;
    background:
        linear-gradient(135deg, rgba(2, 13, 29, 0.98), rgba(5, 22, 45, 0.94) 58%, rgba(2, 13, 29, 0.98)),
        rgba(2, 13, 29, 0.96) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.26), inset 0 -1px 0 rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(18px) saturate(1.25);
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-command-bar,
body.sw-module-skin:not(.blank-page) .navbar-container {
    min-height: 64px !important;
    gap: 0.85rem !important;
    padding: 0.62rem 1.15rem !important;
}

.sw-command-search {
    display: none !important;
}

.sw-topbar-status {
    align-items: center;
    gap: 0.7rem;
    min-width: 210px;
    min-height: 42px;
    padding: 0.55rem 0.85rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.2);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), rgba(var(--sw-warning-rgb), 0.03)),
        rgba(4, 16, 31, 0.72);
    color: rgba(230, 244, 255, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.sw-status-orb {
    position: relative;
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-green));
    box-shadow: 0 0 18px rgba(var(--sw-success-rgb), 0.55);
}

.sw-status-orb::after {
    content: "";
    position: absolute;
    inset: -6px;
    border: 1px solid rgba(var(--sw-success-rgb), 0.25);
    border-radius: inherit;
    animation: swStatusPulse 1.9s ease-out infinite;
}

.sw-status-copy {
    display: grid;
    line-height: 1.05;
}

.sw-status-copy strong {
    color: #f3fbff;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0;
}

.sw-status-copy small {
    margin-top: 0.16rem;
    color: rgba(169, 189, 214, 0.78);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown-user,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-menu {
    display: none !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-pill,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-icon,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .nav-link {
    min-height: 42px !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.16) !important;
    border-radius: 14px !important;
    background: rgba(5, 20, 39, 0.72) !important;
    color: rgba(230, 244, 255, 0.9) !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-pill:hover,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-icon:hover,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .nav-link:hover {
    border-color: rgba(var(--sw-secondary-rgb), 0.38) !important;
    background: rgba(9, 36, 65, 0.9) !important;
    color: #fff !important;
}

body.sw-module-skin:not(.blank-page) .main-menu {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header {
    flex: 0 0 auto !important;
    order: 0;
}

body.sw-module-skin:not(.blank-page) .main-menu .shadow-bottom {
    order: 1;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content {
    flex: 1 1 auto !important;
    order: 2;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 1rem !important;
    overflow-x: hidden !important;
    scrollbar-color: rgba(var(--sw-secondary-rgb), 0.26) transparent;
    scrollbar-width: thin;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content::-webkit-scrollbar {
    width: 5px;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content::-webkit-scrollbar-track {
    background: transparent;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(var(--sw-secondary-rgb), 0.28);
}

.sw-sidebar-profile {
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    order: 3;
    flex: 0 0 auto !important;
    z-index: 1060;
    width: auto;
    margin: 0 16px 16px;
    transform: translate3d(0, 0, 0) !important;
    pointer-events: auto !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu > .sw-account-dock,
.sw-account-dock {
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    z-index: 3000 !important;
    transform: none !important;
}

.main-menu.menu-fixed {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

.main-menu.menu-fixed .navbar-header {
    flex: 0 0 auto !important;
    order: 0 !important;
}

.main-menu.menu-fixed .shadow-bottom {
    order: 1 !important;
}

.main-menu.menu-fixed .main-menu-content {
    position: relative !important;
    flex: 1 1 auto !important;
    order: 2 !important;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 124px !important;
    overflow-y: auto !important;
}

.main-menu.menu-fixed .shadow-bottom {
    position: relative !important;
    flex: 0 0 auto !important;
}

.main-menu.menu-fixed .sw-account-dock {
    position: absolute !important;
    order: 3 !important;
    flex: 0 0 auto !important;
    width: 238px !important;
    margin: 0 !important;
    left: 16px !important;
    right: auto !important;
    top: auto !important;
    bottom: 16px !important;
}

@media (max-height: 820px) {
    .main-menu.menu-fixed .sw-account-dock {
        bottom: 12px !important;
    }
}

.sw-sidebar-profile-toggle {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 0.72rem;
    width: 100%;
    min-height: 68px;
    padding: 0.62rem 0.72rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.28);
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.11), rgba(var(--sw-warning-rgb), 0.08)),
        rgba(4, 16, 31, 0.88);
    color: #f2fbff !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.sw-sidebar-profile-toggle:hover,
.sw-sidebar-profile.show .sw-sidebar-profile-toggle {
    transform: translateY(-1px);
    border-color: rgba(var(--sw-secondary-rgb), 0.55);
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.34), 0 0 22px rgba(var(--sw-secondary-rgb), 0.1);
}

.sw-sidebar-avatar {
    position: relative;
    display: inline-grid;
    width: 48px;
    height: 48px;
    place-items: center;
}

.sw-sidebar-avatar img {
    width: 42px;
    height: 42px;
    border: 2px solid rgba(255, 255, 255, 0.72);
    border-radius: 14px;
    object-fit: cover;
    background: rgba(222, 239, 255, 0.92);
}

.sw-sidebar-avatar-ring {
    position: absolute;
    inset: 0;
    width: 48px;
    height: 48px;
    fill: none;
    stroke-linecap: round;
    pointer-events: none;
}

.sw-sidebar-avatar-ring circle {
    stroke: rgba(var(--sw-secondary-rgb), 0.18);
    stroke-width: 2;
}

.sw-sidebar-avatar-ring path {
    stroke: var(--sw-green);
    stroke-width: 3;
    filter: drop-shadow(0 0 6px rgba(var(--sw-success-rgb), 0.72));
}

.sw-sidebar-profile-copy {
    min-width: 0;
    display: grid;
    gap: 0.15rem;
}

.sw-sidebar-profile-copy strong {
    overflow: hidden;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sw-sidebar-profile-copy small {
    overflow: hidden;
    color: rgba(176, 196, 220, 0.78);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.sw-sidebar-profile-chevron {
    width: 17px;
    height: 17px;
    color: var(--sw-cyan);
}

.sw-sidebar-profile-menu {
    width: 100%;
    min-width: 238px;
    margin-top: 0.45rem !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.28) !important;
    border-radius: 14px !important;
    background: rgba(3, 13, 28, 0.98) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 255, 255, 0.03) inset !important;
}

.sw-sidebar-profile-menu-header {
    display: grid;
    gap: 0.18rem;
    padding: 0.82rem 0.95rem 0.65rem;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.16);
}

.sw-sidebar-profile-menu-header strong,
.sw-sidebar-profile-menu-header small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sw-sidebar-profile-menu-header strong {
    color: #fff;
    font-size: 0.92rem;
    font-weight: 850;
}

.sw-sidebar-profile-menu-header small {
    color: rgba(177, 198, 222, 0.72);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sw-sidebar-profile-menu .dropdown-item {
    min-height: 40px;
    color: rgba(230, 244, 255, 0.84) !important;
    font-weight: 700;
}

.sw-sidebar-profile-menu .dropdown-item svg {
    color: var(--sw-yellow);
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a {
    align-items: center !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a > i,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a > svg {
    display: inline-grid !important;
    width: 36px !important;
    height: 24px !important;
    min-width: 36px !important;
    margin: 0 0.72rem 0 0 !important;
    padding: 0 !important;
    place-items: center !important;
    vertical-align: middle !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a > svg {
    overflow: visible;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a > svg,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a > i svg {
    stroke-width: 2.1;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .navbar-brand {
    width: 100% !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .brand-logo {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center !important;
    gap: 0.72rem;
    min-height: 76px !important;
    padding: 0.7rem 0.75rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .sw-logo-mark {
    width: 54px;
    height: 54px;
    border-radius: 13px;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .sw-logo-svg {
    width: 42px;
    height: 42px;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .signalwave-brand-wordmark {
    margin-left: 0 !important;
    overflow: hidden;
    align-self: center;
    display: block;
    color: var(--sw-yellow) !important;
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: normal;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a > svg.feather {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 26px !important;
    min-width: 38px !important;
    margin-right: 0.72rem !important;
    padding: 5px 9px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.13), rgba(var(--sw-warning-rgb), 0.055)),
        rgba(8, 33, 55, 0.86);
    color: currentColor !important;
    transform: none !important;
    filter: drop-shadow(0 0 8px rgba(var(--sw-secondary-rgb), 0.1));
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.active > a > svg.feather,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.sidebar-group-active > a > svg.feather {
    border-color: rgba(3, 16, 31, 0.1);
    background: rgba(255, 255, 255, 0.16);
    color: #04203a !important;
    filter: none;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a:hover > svg.feather {
    border-color: rgba(var(--sw-secondary-rgb), 0.42);
    background: rgba(var(--sw-secondary-rgb), 0.14);
}

@keyframes swStatusPulse {
    0% {
        opacity: 0.9;
        transform: scale(0.72);
    }
    100% {
        opacity: 0;
        transform: scale(1.65);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sw-status-orb::after {
        animation: none;
    }
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-command-bar,
    body.sw-module-skin:not(.blank-page) .navbar-container {
        padding: 0.55rem 0.85rem !important;
    }

    .sw-sidebar-profile {
        left: 14px !important;
        right: auto !important;
        top: calc(100vh - 92px) !important;
        bottom: auto !important;
        width: 238px;
    }
}

@media (max-width: 340px) {
    .sw-sidebar-profile {
        width: calc(100vw - 28px);
    }
}

@media (max-width: 767.98px) {
    body.sw-module-skin:not(.blank-page) .sw-command-navbar.header-navbar,
    body.sw-module-skin:not(.blank-page) .header-navbar.navbar-shadow {
        min-height: 58px !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-pill {
        padding-inline: 0.65rem !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-command-navbar .selected-language {
        display: none !important;
    }
}

/* Final shared shell pass: compact header, centered nav icons, bottom account dock. */
body:not(.blank-page) .sw-command-navbar .sw-command-search {
    display: none !important;
}

body:not(.blank-page) .sw-command-navbar .sw-profile-menu,
body:not(.blank-page) .sw-command-navbar .dropdown-user {
    display: none !important;
}

body:not(.blank-page) .sw-command-navbar.header-navbar {
    min-height: 62px !important;
    background:
        linear-gradient(135deg, rgba(2, 12, 27, 0.98), rgba(5, 24, 47, 0.94)),
        #061426 !important;
}

body:not(.blank-page) .sw-command-navbar .sw-command-bar {
    min-height: 62px !important;
    padding: 0.6rem 1.05rem !important;
}

.sw-topbar-status {
    min-width: 190px;
    max-width: 260px;
}

.main-menu.menu-fixed {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

.main-menu.menu-fixed .navbar-header {
    flex: 0 0 auto !important;
}

.main-menu.menu-fixed .navbar-header .navbar-brand {
    width: 100% !important;
}

.main-menu.menu-fixed .navbar-header .brand-logo {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.72rem !important;
    min-height: 74px !important;
    padding: 0.68rem 0.72rem !important;
}

.main-menu.menu-fixed .navbar-header .sw-logo-mark {
    width: 52px !important;
    height: 52px !important;
    border-radius: 14px !important;
}

.main-menu.menu-fixed .navbar-header .sw-logo-svg {
    width: 40px !important;
    height: 40px !important;
}

.main-menu.menu-fixed .navbar-header .signalwave-brand-wordmark {
    margin-left: 0 !important;
    overflow: hidden;
    line-height: 1.08 !important;
    text-overflow: ellipsis;
}

.main-menu.menu-fixed .main-menu-content {
    position: relative !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0.65rem 0.75rem 1rem !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.main-menu.menu-fixed .sw-account-dock {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0.75rem 1rem 1rem !important;
    inset: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 5 !important;
}

.main-menu.menu-fixed .navigation > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.main-menu.menu-fixed .navigation > li > a > svg.feather {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 26px !important;
    min-width: 38px !important;
    margin: 0 0.72rem 0 0 !important;
    padding: 5px 9px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.14), rgba(var(--sw-warning-rgb), 0.055)),
        rgba(8, 33, 55, 0.86) !important;
    transform: none !important;
}

.main-menu.menu-fixed .navigation > li.active > a > svg.feather,
.main-menu.menu-fixed .navigation > li.sidebar-group-active > a > svg.feather {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #04203a !important;
}

/* Mobile sidebar drawer: keep the command rail off-canvas until the menu button opens it. */
@media (max-width: 1199.98px) {
    body:not(.blank-page) .header-navbar .menu-toggle,
    body:not(.blank-page) .header-navbar .modern-nav-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        border: 1px solid rgba(var(--sw-secondary-rgb), 0.24) !important;
        border-radius: 14px !important;
        background: rgba(5, 22, 41, 0.86) !important;
        color: var(--sw-cyan) !important;
    }

    body:not(.blank-page) .main-menu,
    body:not(.blank-page) .main-menu.menu-fixed,
    body:not(.blank-page) .main-menu.menu-light,
    body:not(.blank-page) .main-menu.menu-dark {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 1045 !important;
        width: min(318px, calc(100vw - 34px)) !important;
        max-width: calc(100vw - 34px) !important;
        height: 100vh !important;
        height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 18px 18px 0 !important;
        transform: translate3d(-112%, 0, 0) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        transition: transform 240ms ease, opacity 180ms ease, visibility 180ms ease !important;
        box-shadow: 24px 0 70px rgba(0, 0, 0, 0.42) !important;
    }

    body.sw-mobile-menu-open .main-menu,
    body.menu-open .main-menu,
    body.vertical-overlay-menu.menu-open .main-menu,
    body:not(.blank-page).sw-mobile-menu-open .main-menu.menu-fixed,
    body:not(.blank-page).menu-open .main-menu.menu-fixed {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .sw-mobile-menu-scrim,
    body:not(.blank-page) .sidenav-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1038 !important;
        border: 0 !important;
        background: rgba(1, 8, 16, 0.64) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        backdrop-filter: blur(7px) !important;
        transition: opacity 200ms ease, visibility 200ms ease !important;
    }

    body.sw-mobile-menu-open .sw-mobile-menu-scrim,
    body.menu-open .sw-mobile-menu-scrim,
    body.sw-mobile-menu-open .sidenav-overlay,
    body.menu-open .sidenav-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.sw-mobile-menu-open,
    body.menu-open {
        overflow: hidden !important;
    }

    .main-menu.menu-fixed .main-menu-content {
        padding-bottom: 0.75rem !important;
    }

    .main-menu.menu-fixed .sw-account-dock {
        margin-top: auto !important;
    }
}

@media (max-width: 420px) {
    body:not(.blank-page) .main-menu,
    body:not(.blank-page) .main-menu.menu-fixed {
        width: min(300px, calc(100vw - 22px)) !important;
        max-width: calc(100vw - 22px) !important;
    }
}

/* Strong dashboard de-card override. */
.sw-admin-dashboard .quick-card,
.sw-admin-dashboard .card,
.sw-admin-dashboard .card-header,
.sw-admin-dashboard .card-content,
.sw-admin-dashboard .card-body,
.sw-admin-dashboard .sw-admin-metric,
.sw-admin-dashboard .sw-command-alert,
.sw-admin-dashboard .sw-command-onboarding,
.sw-customer-dashboard .quick-card,
.sw-customer-dashboard .metric,
.sw-customer-dashboard .sw-panel,
.sw-customer-dashboard .sw-panel-heading,
.sw-customer-dashboard .sw-announcement {
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.sw-admin-dashboard .quick-card::before,
.sw-admin-dashboard .quick-card::after,
.sw-admin-dashboard .card::before,
.sw-admin-dashboard .card::after,
.sw-admin-dashboard .card-header::before,
.sw-admin-dashboard .card-header::after,
.sw-admin-dashboard .sw-admin-metric::before,
.sw-admin-dashboard .sw-admin-metric::after,
.sw-customer-dashboard .quick-card::before,
.sw-customer-dashboard .quick-card::after,
.sw-customer-dashboard .metric::before,
.sw-customer-dashboard .metric::after,
.sw-customer-dashboard .sw-panel::before,
.sw-customer-dashboard .sw-panel::after,
.sw-customer-dashboard .sw-panel-heading::before,
.sw-customer-dashboard .sw-panel-heading::after {
    display: none !important;
    content: none !important;
}

.sw-admin-dashboard .sw-admin-metric,
.sw-customer-dashboard .metric {
    padding: 0.35rem 0 !important;
    min-height: 76px !important;
}

.sw-admin-dashboard .sw-admin-metric .card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 76px !important;
    padding: 0 !important;
}

.sw-admin-dashboard .sw-admin-metric .avatar,
.sw-admin-dashboard .sw-admin-metric .avatar-content {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sw-admin-dashboard .sw-command-alert,
.sw-admin-dashboard .sw-command-onboarding,
.sw-customer-dashboard .sw-panel {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.sw-admin-dashboard .quick-card,
.sw-customer-dashboard .quick-card {
    font-size: 1rem !important;
    font-weight: 900 !important;
}

/* Dashboard flat mode: no boxed card chrome, inline action icons. */
.sw-admin-dashboard .quick-grid,
.sw-customer-dashboard .quick-grid,
.sw-admin-dashboard .metric-grid,
.sw-customer-dashboard .metric-grid,
.sw-admin-dashboard .sw-admin-metrics {
    gap: 1rem !important;
    margin-bottom: 1rem !important;
}

.sw-admin-dashboard .quick-card,
.sw-customer-dashboard .quick-card {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.72rem !important;
    min-height: 48px !important;
    padding: 0.35rem 0.25rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--sw-text) !important;
    line-height: 1 !important;
}

.sw-admin-dashboard .quick-card svg,
.sw-customer-dashboard .quick-card svg {
    width: 23px !important;
    height: 23px !important;
    flex: 0 0 23px !important;
    margin: 0 !important;
    color: var(--sw-yellow) !important;
    filter: drop-shadow(0 0 10px rgba(var(--sw-warning-rgb), 0.18));
}

.sw-admin-dashboard .quick-card:hover,
.sw-customer-dashboard .quick-card:hover {
    transform: translateX(3px) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sw-admin-dashboard .quick-card:hover svg,
.sw-customer-dashboard .quick-card:hover svg {
    color: var(--sw-cyan) !important;
}

.sw-admin-dashboard .card,
.sw-admin-dashboard .sw-admin-metric,
.sw-admin-dashboard .sw-command-onboarding,
.sw-admin-dashboard .sw-command-alert,
.sw-customer-dashboard .sw-panel,
.sw-customer-dashboard .metric,
.sw-customer-dashboard .sw-announcement,
.sw-customer-dashboard .sw-channel-deck {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.sw-admin-dashboard .card::before,
.sw-admin-dashboard .sw-admin-metric::before,
.sw-admin-dashboard .sw-command-onboarding::before,
.sw-admin-dashboard .sw-command-alert::before,
.sw-customer-dashboard .sw-panel::before,
.sw-customer-dashboard .metric::before,
.sw-customer-dashboard .sw-announcement::before {
    display: none !important;
}

.sw-admin-dashboard .card-header,
.sw-admin-dashboard .card-footer,
.sw-admin-dashboard .sw-panel-heading,
.sw-customer-dashboard .sw-panel-heading {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sw-admin-dashboard .sw-admin-metric,
.sw-customer-dashboard .metric {
    min-height: 88px !important;
    padding: 0.55rem 0 !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.12) !important;
}

.sw-admin-dashboard .sw-admin-metric .card-header {
    min-height: 88px !important;
    padding: 0.35rem 0 !important;
}

.sw-admin-dashboard .sw-admin-metric .card-header > div:first-child,
.sw-customer-dashboard .metric {
    display: grid !important;
    align-content: center !important;
}

.sw-admin-dashboard .sw-admin-metric .avatar {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sw-customer-dashboard .sw-panel,
.sw-admin-dashboard .card:not(.sw-admin-metric) {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.1) !important;
}

.sw-customer-dashboard .sw-panel-heading,
.sw-admin-dashboard .card-header {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 767.98px) {
    .sw-admin-dashboard .quick-card,
    .sw-customer-dashboard .quick-card {
        min-height: 42px !important;
    }

    .sw-admin-dashboard .sw-admin-metric,
    .sw-customer-dashboard .metric {
        min-height: 74px !important;
    }
}

/* Absolute final dashboard flattening pass. Keep content, remove dashboard boxes. */
.sw-module-skin .sw-admin-dashboard .quick-card,
.sw-module-skin .sw-admin-dashboard .sw-admin-metrics > [class*="col-"],
.sw-module-skin .sw-admin-dashboard .sw-admin-metric,
.sw-module-skin .sw-admin-dashboard .sw-admin-metric > .card-header,
.sw-module-skin .sw-admin-dashboard .row.match-height > [class*="col-"] > .card,
.sw-module-skin .sw-admin-dashboard .row.match-height > [class*="col-"] > .card > .card-header:has(h2),
.sw-module-skin .sw-admin-dashboard .sw-admin-metric .avatar,
.sw-module-skin .sw-admin-dashboard .sw-admin-metric .avatar-content,
.sw-module-skin .sw-admin-dashboard .card:not(.sw-admin-metric),
.sw-module-skin .sw-admin-dashboard .card:not(.sw-admin-metric) > .card-header,
.sw-module-skin .sw-admin-dashboard .card-content,
.sw-module-skin .sw-admin-dashboard .card-body,
.sw-module-skin .sw-admin-dashboard .sw-command-alert,
.sw-module-skin .sw-admin-dashboard .sw-command-onboarding,
.sw-module-skin .sw-customer-dashboard .quick-card,
.sw-module-skin .sw-customer-dashboard .metric,
.sw-module-skin .sw-customer-dashboard .sw-panel,
.sw-module-skin .sw-customer-dashboard .sw-panel-heading,
.sw-module-skin .sw-customer-dashboard .sw-announcement {
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.sw-module-skin .sw-admin-dashboard .quick-card::before,
.sw-module-skin .sw-admin-dashboard .quick-card::after,
.sw-module-skin .sw-admin-dashboard .sw-admin-metric::before,
.sw-module-skin .sw-admin-dashboard .sw-admin-metric::after,
.sw-module-skin .sw-admin-dashboard .sw-admin-metric > .card-header::before,
.sw-module-skin .sw-admin-dashboard .sw-admin-metric > .card-header::after,
.sw-module-skin .sw-admin-dashboard .row.match-height > [class*="col-"] > .card > .card-header:has(h2)::before,
.sw-module-skin .sw-admin-dashboard .row.match-height > [class*="col-"] > .card > .card-header:has(h2)::after,
.sw-module-skin .sw-admin-dashboard .card::before,
.sw-module-skin .sw-admin-dashboard .card::after,
.sw-module-skin .sw-customer-dashboard .quick-card::before,
.sw-module-skin .sw-customer-dashboard .quick-card::after,
.sw-module-skin .sw-customer-dashboard .metric::before,
.sw-module-skin .sw-customer-dashboard .metric::after,
.sw-module-skin .sw-customer-dashboard .sw-panel::before,
.sw-module-skin .sw-customer-dashboard .sw-panel::after {
    display: none !important;
    content: none !important;
}

.sw-module-skin .sw-admin-dashboard .quick-card,
.sw-module-skin .sw-customer-dashboard .quick-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
}

.sw-module-skin .sw-admin-dashboard .quick-card svg,
.sw-module-skin .sw-customer-dashboard .quick-card svg {
    display: block !important;
    flex: 0 0 23px !important;
    width: 23px !important;
    height: 23px !important;
    margin: 0 !important;
}

/* Final alignment pass: bottom dock, centered header controls, animated top-up icon. */
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-command-bar,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav {
    align-items: center !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav.ms-auto {
    gap: 0.7rem !important;
}

body.sw-module-skin:not(.blank-page) .balance-top-up {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    min-height: 54px !important;
    padding-inline: 0.55rem !important;
}

body.sw-module-skin:not(.blank-page) .balance-top-up::before,
body.sw-module-skin:not(.blank-page) .balance-top-up::after {
    content: "";
    display: block;
    width: 1px;
    height: 38px;
    background: linear-gradient(180deg, transparent, rgba(var(--sw-secondary-rgb), 0.42), transparent);
}

body.sw-module-skin:not(.blank-page) .show-balance {
    display: grid !important;
    grid-template-rows: auto auto !important;
    place-items: center !important;
    justify-content: center !important;
    align-content: center !important;
    min-width: 82px !important;
    min-height: 52px !important;
    padding: 0.42rem 0.72rem !important;
    text-align: center !important;
    line-height: 1 !important;
}

body.sw-module-skin:not(.blank-page) .show-balance-text,
body.sw-module-skin:not(.blank-page) .show-balance-unit {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}

body.sw-module-skin:not(.blank-page) .show-balance-text {
    font-size: 0.61rem !important;
    line-height: 1 !important;
    letter-spacing: 0.07em !important;
}

body.sw-module-skin:not(.blank-page) .show-balance-unit {
    margin-top: 0.22rem !important;
    color: #f8fbff !important;
    font-size: 1.02rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.sw-module-skin:not(.blank-page) .top-up-url.sw-topup-action {
    position: relative !important;
    display: inline-grid !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.28) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(var(--sw-warning-rgb), 0.22), transparent 42%),
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.15), rgba(var(--sw-success-rgb), 0.09)),
        rgba(5, 20, 39, 0.9) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 0 rgba(var(--sw-secondary-rgb), 0);
    transform: translateZ(0);
}

body.sw-module-skin:not(.blank-page) .top-up-url.sw-topup-action::before {
    content: "";
    position: absolute;
    inset: -38%;
    background: conic-gradient(from 90deg, transparent, rgba(var(--sw-secondary-rgb), 0.55), transparent, rgba(var(--sw-warning-rgb), 0.42), transparent);
    opacity: 0.72;
    animation: swTopupOrbit 4s linear infinite;
}

body.sw-module-skin:not(.blank-page) .top-up-url.sw-topup-action::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 13px;
    background: rgba(4, 16, 31, 0.96);
}

.sw-topup-svg {
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    overflow: visible;
}

.sw-topup-halo {
    fill: none;
    stroke: url(#swTopupGradient);
    stroke-width: 2;
    stroke-dasharray: 14 8;
    opacity: 0.75;
    transform-origin: center;
    animation: swTopupRing 3.4s linear infinite;
}

.sw-topup-core {
    fill: rgba(var(--sw-secondary-rgb), 0.1);
    stroke: rgba(var(--sw-secondary-rgb), 0.22);
    stroke-width: 1.2;
}

.sw-topup-plus-v,
.sw-topup-plus-h {
    fill: none;
    stroke: var(--sw-warning);
    stroke-width: 3.8;
    stroke-linecap: round;
    filter: drop-shadow(0 0 8px rgba(var(--sw-warning-rgb), 0.54));
}

.sw-topup-spark {
    fill: var(--sw-secondary);
    opacity: 0.9;
    transform-origin: center;
    animation: swTopupSpark 2.4s ease-in-out infinite;
}

.sw-topup-spark-b {
    fill: var(--sw-success);
    animation-delay: 0.75s;
}

body.sw-module-skin:not(.blank-page) .top-up-url.sw-topup-action:hover {
    border-color: rgba(var(--sw-warning-rgb), 0.58) !important;
    box-shadow: 0 0 24px rgba(var(--sw-secondary-rgb), 0.18), 0 0 18px rgba(var(--sw-warning-rgb), 0.12) !important;
    transform: translateY(-1px);
}

body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed {
    position: fixed !important;
}

body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed .main-menu-content {
    padding-bottom: 116px !important;
}

body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed .sw-account-dock {
    position: absolute !important;
    left: 32px !important;
    right: 32px !important;
    top: auto !important;
    bottom: 18px !important;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
}

body.sw-module-skin:not(.blank-page) .sw-sidebar-profile-toggle {
    grid-template-columns: 48px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    min-height: 70px !important;
}

body.sw-module-skin:not(.blank-page) .sw-sidebar-profile-copy {
    align-self: center !important;
    justify-content: center !important;
}

@keyframes swTopupOrbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes swTopupRing {
    to {
        transform: rotate(360deg);
    }
}

@keyframes swTopupSpark {
    0%, 100% {
        opacity: 0.45;
        transform: scale(0.82);
    }
    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sw-module-skin:not(.blank-page) .top-up-url.sw-topup-action::before,
    .sw-topup-halo,
    .sw-topup-spark {
        animation: none !important;
    }
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed .sw-account-dock {
        left: 18px !important;
        right: 18px !important;
        bottom: 16px !important;
    }
}

@media (max-width: 767.98px) {
    body.sw-module-skin:not(.blank-page) .balance-top-up {
        display: none !important;
    }
}

/* Global visible-page cleanup: no light escapes, no sidebar overlay on long menus. */
body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    height: 100vh !important;
    max-height: 100vh !important;
}

body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed .navbar-header,
body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed .shadow-bottom {
    flex: 0 0 auto !important;
}

body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed .main-menu-content {
    position: relative !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding-bottom: 1rem !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed .sw-account-dock {
    position: relative !important;
    order: 3 !important;
    flex: 0 0 auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    margin: 0 32px 18px !important;
    transform: none !important;
}

body.sw-module-skin:not(.blank-page) .modern-horizontal-wizard,
body.sw-module-skin:not(.blank-page) .bs-stepper,
body.sw-module-skin:not(.blank-page) .wizard-modern,
body.sw-module-skin:not(.blank-page) .checkout-tab-steps {
    color: var(--sw-text) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), rgba(var(--sw-warning-rgb), 0.045)),
        rgba(var(--sw-bg-rgb), 0.78) !important;
}

body.sw-module-skin:not(.blank-page) .bs-stepper-content,
body.sw-module-skin:not(.blank-page) .bs-stepper .content,
body.sw-module-skin:not(.blank-page) .wizard-modern .content,
body.sw-module-skin:not(.blank-page) .checkout-tab-steps .content,
body.sw-module-skin:not(.blank-page) .checkout-tab-steps fieldset {
    border-color: rgba(var(--sw-secondary-rgb), 0.16) !important;
    color: var(--sw-text) !important;
    background:
        radial-gradient(circle at 22% 0, rgba(var(--sw-secondary-rgb), 0.08), transparent 32%),
        rgba(var(--sw-bg-rgb), 0.82) !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .bs-stepper-content .content-header,
body.sw-module-skin:not(.blank-page) .wizard-modern .content-header,
body.sw-module-skin:not(.blank-page) .checkout-tab-steps .content-header {
    border: 0 !important;
    color: var(--sw-text) !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .bs-stepper-content h1,
body.sw-module-skin:not(.blank-page) .bs-stepper-content h2,
body.sw-module-skin:not(.blank-page) .bs-stepper-content h3,
body.sw-module-skin:not(.blank-page) .bs-stepper-content h4,
body.sw-module-skin:not(.blank-page) .bs-stepper-content h5,
body.sw-module-skin:not(.blank-page) .bs-stepper-content h6,
body.sw-module-skin:not(.blank-page) .bs-stepper-content p,
body.sw-module-skin:not(.blank-page) .bs-stepper-content small,
body.sw-module-skin:not(.blank-page) .bs-stepper-content label,
body.sw-module-skin:not(.blank-page) .wizard-modern h1,
body.sw-module-skin:not(.blank-page) .wizard-modern h2,
body.sw-module-skin:not(.blank-page) .wizard-modern h3,
body.sw-module-skin:not(.blank-page) .wizard-modern h4,
body.sw-module-skin:not(.blank-page) .wizard-modern h5,
body.sw-module-skin:not(.blank-page) .wizard-modern h6,
body.sw-module-skin:not(.blank-page) .wizard-modern p,
body.sw-module-skin:not(.blank-page) .wizard-modern small,
body.sw-module-skin:not(.blank-page) .wizard-modern label {
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .bs-stepper-content .text-primary,
body.sw-module-skin:not(.blank-page) .wizard-modern .text-primary {
    color: var(--sw-cyan) !important;
}

body.sw-module-skin:not(.blank-page) .bs-stepper-header .line,
body.sw-module-skin:not(.blank-page) .bs-stepper-header .line svg {
    color: rgba(var(--sw-secondary-rgb), 0.58) !important;
}

body.sw-module-skin:not(.blank-page) .bs-stepper .bs-stepper-box,
body.sw-module-skin:not(.blank-page) .wizard-modern .bs-stepper-box {
    display: inline-grid !important;
    place-items: center !important;
    color: var(--sw-cyan) !important;
    background: rgba(var(--sw-secondary-rgb), 0.1) !important;
}

body.sw-module-skin:not(.blank-page) .bs-stepper .active .bs-stepper-box,
body.sw-module-skin:not(.blank-page) .wizard-modern .active .bs-stepper-box {
    color: var(--sw-bg) !important;
    background: linear-gradient(135deg, var(--sw-cyan), var(--sw-yellow)) !important;
}

body.sw-module-skin:not(.blank-page) .customizer,
body.sw-module-skin:not(.blank-page) .customizer .customizer-content,
body.sw-module-skin:not(.blank-page) .customizer .customizer-header,
body.sw-module-skin:not(.blank-page) .customizer .customizer-footer {
    border-color: rgba(var(--sw-secondary-rgb), 0.2) !important;
    color: var(--sw-text) !important;
    background: rgba(var(--sw-bg-rgb), 0.98) !important;
    box-shadow: -24px 0 64px rgba(0, 0, 0, 0.38) !important;
}

body.sw-module-skin:not(.blank-page) .customizer h1,
body.sw-module-skin:not(.blank-page) .customizer h2,
body.sw-module-skin:not(.blank-page) .customizer h3,
body.sw-module-skin:not(.blank-page) .customizer h4,
body.sw-module-skin:not(.blank-page) .customizer h5,
body.sw-module-skin:not(.blank-page) .customizer h6,
body.sw-module-skin:not(.blank-page) .customizer p,
body.sw-module-skin:not(.blank-page) .customizer label,
body.sw-module-skin:not(.blank-page) .customizer span {
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .apexcharts-canvas .expand-trigger,
body.sw-module-skin:not(.blank-page) .apexcharts-canvas .contract-trigger,
body.sw-module-skin:not(.blank-page) .apexcharts-canvas .apexcharts-zoom-rect,
body.sw-module-skin:not(.blank-page) .apexcharts-canvas .apexcharts-selection-rect {
    background: transparent !important;
    fill: rgba(var(--sw-secondary-rgb), 0.08) !important;
    stroke: rgba(var(--sw-secondary-rgb), 0.28) !important;
}

body.sw-module-skin:not(.blank-page) .resize-triggers,
body.sw-module-skin:not(.blank-page) .resize-triggers > div,
body.sw-module-skin:not(.blank-page) .expand-trigger,
body.sw-module-skin:not(.blank-page) .contract-trigger {
    background: transparent !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.sw-module-skin:not(.blank-page) .text-dark,
body.sw-module-skin:not(.blank-page) .text-body,
body.sw-module-skin:not(.blank-page) .text-secondary,
body.sw-module-skin:not(.blank-page) .text-muted {
    color: rgba(237, 246, 255, 0.72) !important;
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed .sw-account-dock {
        margin: 0 18px 16px !important;
    }
}

/* Sidebar final polish: visible logo mark and one centered icon rail. */
body.sw-module-skin:not(.blank-page) .main-menu .navbar-header {
    display: flex !important;
    align-items: center !important;
    min-height: 104px !important;
    height: 104px !important;
    padding: 0.9rem 0.85rem 0.75rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .navbar-nav,
body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .nav-item.me-auto,
body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .navbar-brand {
    width: 100% !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .brand-logo {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.82rem !important;
    min-height: 74px !important;
    padding: 0.72rem 0.78rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .brand-logo::after {
    left: 86px !important;
    bottom: 0.78rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .sw-logo-mark {
    display: inline-grid !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    place-items: center !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.46) !important;
    background:
        radial-gradient(circle at 70% 68%, rgba(var(--sw-success-rgb), 0.26), transparent 18%),
        radial-gradient(circle at 28% 24%, rgba(var(--sw-secondary-rgb), 0.28), transparent 38%),
        rgba(4, 23, 38, 0.98) !important;
    box-shadow: 0 0 30px rgba(var(--sw-secondary-rgb), 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .sw-logo-svg {
    width: 45px !important;
    height: 45px !important;
    filter: drop-shadow(0 0 10px rgba(var(--sw-secondary-rgb), 0.46)) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .sw-logo-core {
    fill: rgba(var(--sw-secondary-rgb), 0.18) !important;
    stroke: var(--sw-secondary) !important;
    stroke-width: 2 !important;
    opacity: 1 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .sw-logo-edge,
body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .sw-logo-wave {
    stroke: var(--sw-warning) !important;
    stroke-width: 3.4 !important;
    opacity: 1 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .sw-logo-wave-one {
    stroke: var(--sw-secondary) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .sw-logo-node {
    fill: var(--sw-success) !important;
    stroke: var(--sw-bg) !important;
    opacity: 1 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .signalwave-brand-wordmark {
    display: block !important;
    padding: 0 0 0.9rem !important;
    margin: 0 !important;
    font-size: 1.02rem !important;
    line-height: 1.08 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    column-gap: 0.7rem !important;
    min-height: 58px !important;
    padding: 0.46rem 1rem 0.46rem 0.72rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > svg.feather,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > i {
    grid-column: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    display: inline-grid !important;
    width: 42px !important;
    height: 28px !important;
    min-width: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > .sw-animated-icon {
    width: 42px !important;
    height: 28px !important;
    flex: 0 0 42px !important;
    border-radius: 11px !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > .sw-animated-icon svg {
    width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > .menu-title {
    grid-column: 2 !important;
    align-self: center !important;
    margin: 0 !important;
    line-height: 1.1 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li.has-sub > a::after {
    position: static !important;
    display: inline-grid !important;
    width: 18px !important;
    height: 18px !important;
    grid-column: 3 !important;
    justify-self: center !important;
    align-self: center !important;
    right: auto !important;
    top: auto !important;
    margin: 0 !important;
    transform: none !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li.has-sub.open > a::after,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li.sidebar-group-active > a::after {
    transform: rotate(90deg) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item::before {
    right: 0.9rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item.has-sub::before,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item.open::before,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item.sidebar-group-active::before {
    display: none !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content {
    margin: 0.2rem 0 0.55rem 1.25rem !important;
    padding: 0.3rem 0 0.3rem 1.05rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 0.58rem !important;
    min-height: 42px !important;
    padding: 0.4rem 0.72rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > svg.feather,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > i {
    grid-column: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    display: inline-grid !important;
    width: 38px !important;
    height: 24px !important;
    min-width: 38px !important;
    margin: 0 !important;
    place-items: center !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > .sw-animated-icon svg {
    width: 18px !important;
    height: 18px !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a .menu-item {
    grid-column: 2 !important;
    margin: 0 !important;
    line-height: 1.1 !important;
}

@media (max-width: 420px) {
    body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .brand-logo {
        grid-template-columns: 58px minmax(0, 1fr) !important;
    }

    body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .brand-logo::after {
        left: 80px !important;
    }
}

/* Customer dashboard refresh: removes the quick composer and turns the first view into a status workspace. */
body.sw-module-skin .sw-dashboard-redesign {
    --sw-dash-line: rgba(var(--sw-secondary-rgb), 0.2);
    --sw-dash-line-soft: rgba(var(--sw-secondary-rgb), 0.12);
    --sw-dash-glass: rgba(7, 19, 34, 0.66);
    --sw-dash-glass-strong: rgba(var(--sw-panel-rgb), 0.88);
    display: grid !important;
    gap: 1.25rem !important;
}

body.sw-module-skin .sw-dashboard-redesign .quick-grid,
body.sw-module-skin .sw-dashboard-redesign .metric-grid {
    gap: clamp(0.85rem, 1.4vw, 1.15rem) !important;
}

body.sw-module-skin .sw-dashboard-redesign .quick-grid {
    grid-auto-rows: minmax(58px, auto) !important;
}

body.sw-module-skin .sw-dashboard-redesign .quick-card {
    min-height: 58px !important;
    padding: 0.85rem 0.35rem !important;
    color: var(--sw-text) !important;
    letter-spacing: 0 !important;
}

body.sw-module-skin .sw-dashboard-redesign .quick-card svg {
    color: var(--sw-yellow) !important;
}

body.sw-module-skin .sw-dashboard-redesign .metric {
    min-height: 92px !important;
    padding: 0.7rem 0 !important;
    border-bottom: 1px solid var(--sw-dash-line-soft) !important;
}

body.sw-module-skin .sw-dashboard-redesign .metric strong {
    font-size: clamp(1.85rem, 3vw, 2.5rem) !important;
    line-height: 1 !important;
}

body.sw-module-skin .sw-dashboard-command {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1.15rem;
    padding: clamp(1.05rem, 2.3vw, 1.55rem) !important;
    border: 1px solid var(--sw-dash-line) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.12), transparent 34%),
        radial-gradient(circle at 92% 15%, rgba(var(--sw-warning-rgb), 0.14), transparent 28%),
        linear-gradient(145deg, var(--sw-dash-glass-strong), rgba(var(--sw-input-rgb), 0.88)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.sw-module-skin .sw-dashboard-command::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 36%, rgba(var(--sw-secondary-rgb), 0.09) 37% 39%, transparent 40% 61%, rgba(var(--sw-warning-rgb), 0.09) 62% 64%, transparent 65%),
        linear-gradient(rgba(var(--sw-secondary-rgb), 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.03) 1px, transparent 1px);
    background-size: auto, 100% 36px, 36px 100%;
    opacity: 0.75;
}

body.sw-module-skin .sw-dashboard-command > * {
    position: relative;
    z-index: 1;
}

body.sw-module-skin .sw-dashboard-command-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

body.sw-module-skin .sw-dashboard-command-main h3 {
    margin: 0.25rem 0 0;
    color: var(--sw-text);
    font-size: clamp(1.45rem, 2.6vw, 2.05rem);
    font-weight: 900;
    letter-spacing: 0;
}

body.sw-module-skin .sw-dashboard-command-main p {
    max-width: 640px;
    margin: 0.45rem 0 0;
    color: var(--sw-muted);
    font-size: 0.98rem;
}

body.sw-module-skin .sw-dashboard-command-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.65rem;
}

body.sw-module-skin .sw-command-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
    min-height: 44px;
    padding: 0.68rem 0.95rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.26);
    border-radius: 12px;
    color: var(--sw-text) !important;
    font-weight: 800;
    background: rgba(var(--sw-input-rgb), 0.66);
}

body.sw-module-skin .sw-command-action.is-primary {
    color: var(--sw-bg) !important;
    border-color: rgba(var(--sw-warning-rgb), 0.5);
    background: linear-gradient(135deg, var(--sw-cyan), #51e0ad 58%, var(--sw-yellow));
    box-shadow: 0 16px 34px rgba(var(--sw-secondary-rgb), 0.16);
}

body.sw-module-skin .sw-command-action svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

body.sw-module-skin .sw-command-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--sw-dash-line-soft);
    border-radius: 14px;
    background: var(--sw-dash-line-soft);
}

body.sw-module-skin .sw-command-status {
    display: grid;
    align-content: center;
    min-height: 112px;
    padding: 1rem;
    background: linear-gradient(145deg, rgba(5, 17, 31, 0.88), rgba(var(--sw-panel-rgb), 0.78));
}

body.sw-module-skin .sw-command-status span,
body.sw-module-skin .sw-command-status small {
    color: var(--sw-muted);
}

body.sw-module-skin .sw-command-status span {
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

body.sw-module-skin .sw-command-status strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin: 0.25rem 0 0.15rem;
    color: var(--sw-text);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 900;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.sw-module-skin .sw-command-status.is-cyan strong {
    color: var(--sw-cyan);
}

body.sw-module-skin .sw-command-status.is-green strong {
    color: var(--sw-green);
}

body.sw-module-skin .sw-command-status.is-yellow strong {
    color: var(--sw-yellow);
}

body.sw-module-skin .sw-command-status.is-blue strong {
    color: #74c5ff;
}

body.sw-module-skin .sw-command-route-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

body.sw-module-skin .sw-command-route-grid a {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 0.75rem;
    min-height: 72px;
    padding: 0.82rem;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.18);
    border-radius: 14px;
    color: var(--sw-text) !important;
    background: rgba(var(--sw-input-rgb), 0.48);
}

body.sw-module-skin .sw-command-route-grid a:hover {
    border-color: rgba(var(--sw-secondary-rgb), 0.42);
    background: rgba(var(--sw-secondary-rgb), 0.09);
    transform: translateY(-1px);
}

body.sw-module-skin .sw-command-route-grid svg {
    grid-row: 1 / 3;
    width: 22px;
    height: 22px;
    justify-self: center;
    color: var(--sw-yellow);
}

body.sw-module-skin .sw-command-route-grid span {
    min-width: 0;
    overflow: hidden;
    font-size: 0.96rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.sw-module-skin .sw-command-route-grid small {
    min-width: 0;
    overflow: hidden;
    color: var(--sw-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1199.98px) {
    body.sw-module-skin .sw-command-status-grid,
    body.sw-module-skin .sw-command-route-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    body.sw-module-skin .sw-dashboard-redesign .quick-grid {
        gap: 0.35rem !important;
        grid-auto-rows: minmax(48px, auto) !important;
        margin-bottom: 0.65rem !important;
    }

    body.sw-module-skin .sw-dashboard-redesign .quick-card {
        min-height: 48px !important;
        padding: 0.45rem 0 !important;
    }

    body.sw-module-skin .sw-dashboard-redesign .metric-grid {
        gap: 0.45rem !important;
    }

    body.sw-module-skin .sw-dashboard-redesign .metric {
        min-height: 78px !important;
        padding: 0.45rem 0 !important;
    }

    body.sw-module-skin .sw-dashboard-command-main {
        display: grid;
    }

    body.sw-module-skin .sw-dashboard-command-actions {
        justify-content: stretch;
    }

    body.sw-module-skin .sw-command-action {
        flex: 1 1 180px;
    }

    body.sw-module-skin .sw-command-status-grid,
    body.sw-module-skin .sw-command-route-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    body.sw-module-skin .sw-dashboard-command {
        padding: 0.95rem !important;
        border-radius: 14px !important;
    }

    body.sw-module-skin .sw-command-status {
        min-height: 92px;
    }
}

/* Admin theme bridge: all global command-center surfaces resolve through saved theme variables. */
body.sw-module-skin,
body.signalwave-portal,
body.sw-module-skin .app-content,
body.sw-module-skin .content-wrapper,
body.sw-module-skin .content-body,
body.sw-module-skin.blank-page,
body.signalwave-portal .blank-page {
    background:
        linear-gradient(135deg, rgba(var(--sw-warning-rgb), 0.1) 0 18%, transparent 18% 100%),
        linear-gradient(115deg, rgba(var(--sw-secondary-rgb), 0.12) 0 26%, transparent 26% 100%),
        linear-gradient(145deg, var(--sw-bg) 0%, var(--sw-sidebar) 52%, var(--sw-panel-strong) 100%) !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin .main-menu,
body.sw-module-skin .main-menu.menu-light,
body.sw-module-skin .main-menu.menu-dark {
    background: linear-gradient(180deg, var(--sw-sidebar), var(--sw-bg)) !important;
    border-right-color: var(--sw-border) !important;
    box-shadow: 18px 0 42px rgba(0, 0, 0, 0.24), 0 0 34px rgba(var(--sw-glow-rgb), calc(var(--sw-glow-strength) * 0.55)) !important;
}

body.sw-module-skin .header-navbar,
body.sw-module-skin .header-navbar.navbar-shadow,
body.sw-module-skin .navbar-container,
body.sw-module-skin .horizontal-menu-wrapper {
    background: linear-gradient(90deg, var(--sw-topbar), var(--sw-sidebar), rgba(var(--sw-warning-rgb), 0.14)) !important;
    border-bottom-color: var(--sw-border) !important;
}

body.sw-module-skin .card,
body.sw-module-skin .modal-content,
body.sw-module-skin .dropdown-menu,
body.sw-module-skin .popover,
body.sw-module-skin .bs-stepper,
body.sw-module-skin .list-group-item,
body.sw-module-skin .invoice-preview-card,
body.sw-module-skin .auth-inner,
body.sw-module-skin .auth-wrapper .auth-inner,
body.sw-module-skin .pricing-card {
    background: var(--sw-panel) !important;
    border-color: var(--sw-border) !important;
    border-radius: var(--sw-radius) !important;
    box-shadow: var(--sw-shadow) !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin .card::before,
body.sw-module-skin .modal-content::before {
    background: linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.12), transparent 32%, rgba(var(--sw-warning-rgb), 0.08)) !important;
}

body.sw-module-skin .card-header,
body.sw-module-skin .card-footer,
body.sw-module-skin .modal-header,
body.sw-module-skin .modal-footer,
body.sw-module-skin .table thead th,
body.sw-module-skin .page-item.disabled .page-link {
    background: var(--sw-modal-bg) !important;
    border-color: var(--sw-border) !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin .form-control,
body.sw-module-skin .form-select,
body.sw-module-skin .custom-select,
body.sw-module-skin select,
body.sw-module-skin textarea,
body.sw-module-skin input[type="text"],
body.sw-module-skin input[type="email"],
body.sw-module-skin input[type="password"],
body.sw-module-skin input[type="number"],
body.sw-module-skin input[type="url"],
body.sw-module-skin input[type="search"],
body.sw-module-skin .select2-container--default .select2-selection--single,
body.sw-module-skin .select2-container--default .select2-selection--multiple,
body.sw-module-skin .select2-dropdown,
body.sw-module-skin .ql-toolbar,
body.sw-module-skin .ql-container {
    background: var(--sw-input-bg) !important;
    border-color: var(--sw-border) !important;
    border-radius: var(--sw-radius) !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin .form-control:focus,
body.sw-module-skin .form-select:focus,
body.sw-module-skin textarea:focus,
body.sw-module-skin input:focus,
body.sw-module-skin .select2-container--default.select2-container--focus .select2-selection--multiple,
body.sw-module-skin .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--sw-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--sw-glow-rgb), calc(var(--sw-glow-strength) * 0.72)) !important;
}

body.sw-module-skin .table,
body.sw-module-skin .table td,
body.sw-module-skin .table th {
    color: var(--sw-text) !important;
    border-color: var(--sw-border) !important;
}

body.sw-module-skin .table tbody tr {
    background: var(--sw-table-bg) !important;
}

body.sw-module-skin .table-striped tbody tr:nth-of-type(odd),
body.sw-module-skin .table-hover tbody tr:hover,
body.sw-module-skin .table tbody tr:hover {
    background: rgba(var(--sw-secondary-rgb), 0.11) !important;
}

body.sw-module-skin .btn-primary,
body.sw-module-skin .btn-success,
body.sw-module-skin .nav-tabs .nav-link.active,
body.sw-module-skin .nav-pills .nav-link.active,
body.sw-module-skin .main-menu .navigation > li.active > a,
body.sw-module-skin .main-menu .navigation > li.open > a,
body.sw-module-skin .main-menu .navigation > li.sidebar-group-active > a,
body.sw-module-skin .main-menu .navigation li.active > a {
    background: var(--sw-button-gradient) !important;
    border-color: rgba(var(--sw-glow-rgb), 0.48) !important;
    color: var(--sw-bg) !important;
    box-shadow: 0 12px 32px rgba(var(--sw-glow-rgb), var(--sw-glow-strength)) !important;
}

body.sw-module-skin .btn-outline-primary {
    border-color: var(--sw-primary) !important;
    color: var(--sw-primary) !important;
}

body.sw-module-skin .btn-danger,
body.sw-module-skin .badge.bg-danger,
body.sw-module-skin .alert-danger {
    background: var(--sw-danger) !important;
    border-color: var(--sw-danger) !important;
}

body.sw-module-skin .badge.bg-success,
body.sw-module-skin .alert-success {
    background: var(--sw-success) !important;
    border-color: var(--sw-success) !important;
}

body.sw-module-skin .badge.bg-warning,
body.sw-module-skin .alert-warning {
    background: var(--sw-warning) !important;
    border-color: var(--sw-warning) !important;
    color: var(--sw-bg) !important;
}

body.sw-module-skin a,
body.sw-module-skin .breadcrumb-item a,
body.sw-module-skin .text-primary {
    color: var(--sw-secondary) !important;
}

body.sw-module-skin label,
body.sw-module-skin .form-label,
body.sw-module-skin .text-muted,
body.sw-module-skin .breadcrumb-item,
body.sw-module-skin .help-block,
body.sw-module-skin .invalid-feedback,
body.sw-module-skin .select2-results__option,
body.sw-module-skin .dropdown-item,
body.sw-module-skin .small,
body.sw-module-skin small,
body.sw-module-skin p {
    color: var(--sw-muted) !important;
}

body.sw-module-skin .dropdown-menu,
body.sw-module-skin .select2-dropdown,
body.sw-module-skin .flatpickr-calendar,
body.sw-module-skin .sw-drawer-notice,
body.sw-module-skin .sw-notification-popup,
body.sw-module-skin .dropdown-notification.sw-command-inbox .dropdown-menu-media {
    background: var(--sw-modal-bg) !important;
    border-color: var(--sw-border) !important;
    color: var(--sw-text) !important;
}

/* Sidebar alignment repair: keep icons, labels, and submenu text readable. */
body.sw-module-skin:not(.blank-page) .main-menu {
    width: 292px !important;
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
    width: 292px !important;
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .app-content,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .footer {
    margin-left: 292px !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item::before {
    display: none !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    column-gap: 0.72rem !important;
    min-height: 58px !important;
    margin: 0.22rem 0 !important;
    padding: 0.52rem 0.84rem 0.52rem 0.72rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > svg.feather,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > i {
    grid-column: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 30px !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a > .menu-title {
    grid-column: 2 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li.has-sub > a::after {
    position: static !important;
    grid-column: 3 !important;
    justify-self: center !important;
    align-self: center !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    transform: none !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li.has-sub.open > a::after,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li.sidebar-group-active > a::after {
    transform: rotate(90deg) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content {
    margin: 0.16rem 0.5rem 0.55rem 0.95rem !important;
    padding: 0.28rem 0 0.28rem 0.52rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 0.5rem !important;
    min-height: 40px !important;
    padding: 0.42rem 0.68rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > svg.feather,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > i {
    grid-column: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 24px !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > .menu-item {
    grid-column: 2 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li a .menu-title,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li a .menu-item {
    color: currentColor !important;
    line-height: 1.15 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .brand-logo {
    grid-template-columns: 58px minmax(0, 1fr) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .signalwave-brand-wordmark {
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header .brand-logo::after {
    left: 80px !important;
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page) .main-menu,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
        width: 292px !important;
    }
}

/* Shared admin form/dropdown integration repair. */
body.sw-module-skin:not(.blank-page),
body.sw-module-skin:not(.blank-page) .vertical-layout,
body.sw-module-skin:not(.blank-page) .app-content,
body.sw-module-skin:not(.blank-page) .content-wrapper,
body.sw-module-skin:not(.blank-page) .content-body {
    min-width: 0 !important;
}

body.sw-module-skin:not(.blank-page) .app-content {
    overflow-x: clip !important;
}

body.sw-module-skin:not(.blank-page) .content-body > section,
body.sw-module-skin:not(.blank-page) .content-body > .row,
body.sw-module-skin:not(.blank-page) .card,
body.sw-module-skin:not(.blank-page) .card-content,
body.sw-module-skin:not(.blank-page) .card-body,
body.sw-module-skin:not(.blank-page) .input-group,
body.sw-module-skin:not(.blank-page) .position-relative {
    min-width: 0 !important;
}

body.sw-module-skin:not(.blank-page) .card {
    overflow: visible !important;
}

body.sw-module-skin:not(.blank-page) .main-menu {
    overflow: hidden !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content {
    height: calc(100vh - 74px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-color: rgba(var(--sw-secondary-rgb), 0.55) rgba(var(--sw-bg-rgb), 0.55);
    scrollbar-width: thin;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content::-webkit-scrollbar {
    width: 8px;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content::-webkit-scrollbar-track {
    background: rgba(var(--sw-bg-rgb), 0.55);
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--sw-cyan), var(--sw-primary));
    border-radius: 999px;
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .app-content,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .footer {
    width: calc(100% - 292px) !important;
    max-width: calc(100% - 292px) !important;
}

body.sw-module-skin:not(.blank-page) .content-wrapper {
    max-width: 100% !important;
}

body.sw-module-skin:not(.blank-page) .content-body > section > .row {
    max-width: 100% !important;
}

body.sw-module-skin:not(.blank-page) form.form-vertical {
    max-width: 100%;
}

body.sw-module-skin .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: block !important;
}

body.sw-module-skin > .select2-container.select2-container--open {
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 32px) !important;
}

body.sw-module-skin .select2-container--open {
    z-index: 2055 !important;
}

body.sw-module-skin .select2-container--default .select2-selection--single,
body.sw-module-skin .select2-container--default .select2-selection--multiple {
    min-height: 52px !important;
    padding: 0.4rem 0.95rem !important;
    display: flex !important;
    align-items: center !important;
    background: rgba(var(--sw-input-rgb), 0.9) !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.32) !important;
    border-radius: 8px !important;
}

body.sw-module-skin .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 2rem !important;
    color: var(--sw-text) !important;
    line-height: 1.45 !important;
}

body.sw-module-skin .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    right: 0.75rem !important;
}

body.sw-module-skin .select2-container--default .select2-selection--multiple {
    flex-wrap: wrap !important;
    gap: 0.35rem !important;
}

body.sw-module-skin .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.35rem !important;
    width: 100% !important;
    padding: 0 !important;
}

body.sw-module-skin .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 0 !important;
    padding: 0.32rem 0.65rem !important;
    border: 1px solid rgba(var(--sw-glow-rgb), 0.45) !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.95), rgba(var(--sw-secondary-rgb), 0.72)) !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--sw-text) !important;
    margin-right: 0.35rem !important;
}

body.sw-module-skin .select2-container--default .select2-search--inline .select2-search__field {
    width: auto !important;
    min-width: 8rem !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin .select2-dropdown {
    z-index: 2056 !important;
    overflow: hidden !important;
    margin-top: 0.35rem !important;
    background: rgba(var(--sw-panel-rgb), 0.98) !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.38) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42), 0 0 28px rgba(var(--sw-primary-rgb), 0.18) !important;
}

body.sw-module-skin .select2-search--dropdown {
    padding: 0.55rem !important;
    background: rgba(var(--sw-bg-rgb), 0.72) !important;
}

body.sw-module-skin .select2-search--dropdown .select2-search__field {
    height: 42px !important;
    padding: 0.5rem 0.75rem !important;
    background: rgba(var(--sw-input-rgb), 0.92) !important;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.55) !important;
    border-radius: 8px !important;
    color: var(--sw-text) !important;
    outline: none !important;
}

body.sw-module-skin .select2-results__options {
    max-height: 260px !important;
    overflow-y: auto !important;
    scrollbar-color: rgba(var(--sw-secondary-rgb), 0.6) rgba(var(--sw-bg-rgb), 0.5);
    scrollbar-width: thin;
}

body.sw-module-skin .select2-results__option {
    padding: 0.65rem 0.85rem !important;
    color: var(--sw-muted) !important;
    background: transparent !important;
}

body.sw-module-skin .select2-results__option--selected,
body.sw-module-skin .select2-results__option[aria-selected="true"] {
    color: var(--sw-text) !important;
    background: rgba(var(--sw-primary-rgb), 0.26) !important;
}

body.sw-module-skin .select2-results__option--highlighted,
body.sw-module-skin .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--sw-bg) !important;
    background: var(--sw-button-gradient) !important;
}

body.sw-module-skin .select2-results__message {
    color: rgba(237, 246, 255, 0.68) !important;
}

body.sw-module-skin .input-group > .select2-container {
    flex: 1 1 auto !important;
    width: 1% !important;
}

body.sw-module-skin .input-group > .position-relative {
    flex: 1 1 auto !important;
    width: 1% !important;
}

body.sw-module-skin .input-group > .position-relative > .select2-container {
    width: 100% !important;
}

/* Global admin sidebar scroll and alignment repair. */
body.sw-module-skin:not(.blank-page) .main-menu,
body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed,
body.sw-module-skin:not(.blank-page) .main-menu.menu-light,
body.sw-module-skin:not(.blank-page) .main-menu.menu-dark {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 292px !important;
    min-width: 292px !important;
    max-width: 292px !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    contain: layout paint;
}

body.sw-module-skin:not(.blank-page) .main-menu .navbar-header,
body.sw-module-skin:not(.blank-page) .main-menu .shadow-bottom,
body.sw-module-skin:not(.blank-page) .main-menu .sw-account-dock {
    flex: 0 0 auto !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content {
    position: relative !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 0.7rem 0.78rem 1.25rem !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-color: rgba(var(--sw-secondary-rgb), 0.7) rgba(var(--sw-bg-rgb), 0.5) !important;
    scrollbar-gutter: stable;
    scrollbar-width: thin !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content::-webkit-scrollbar {
    width: 8px !important;
    height: 0 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content::-webkit-scrollbar-track {
    background: rgba(var(--sw-bg-rgb), 0.62) !important;
    border-radius: 999px !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(var(--sw-secondary-rgb), 0.8), rgba(var(--sw-primary-rgb), 0.78)) !important;
    border: 2px solid rgba(var(--sw-bg-rgb), 0.62) !important;
    border-radius: 999px !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content > li {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation {
    padding: 0 0 1rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item {
    margin: 0 0 0.34rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > a {
    gap: 0.78rem !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0.55rem 2.1rem 0.55rem 0.76rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content {
    margin: 0.18rem 0 0.56rem 0 !important;
    padding: 0.28rem 0 0.28rem 2.72rem !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a {
    gap: 0.58rem !important;
    min-height: 40px !important;
    margin: 0.14rem 0 !important;
    padding: 0.42rem 0.74rem !important;
    border-radius: 8px !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li a > svg.feather,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li a > i {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 30px !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > svg.feather,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li a > i {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 24px !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li a .menu-title,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li a .menu-item {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li.has-sub > a::after {
    position: absolute !important;
    top: 50% !important;
    right: 0.82rem !important;
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li.has-sub.open > a::after,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li.sidebar-group-active > a::after {
    transform: translateY(-50%) rotate(90deg) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.active > a,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.open > a,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.sidebar-group-active > a,
body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content li.active > a {
    width: 100% !important;
    max-width: 100% !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-account-dock {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0.55rem 1rem 1rem !important;
    overflow: visible !important;
    transform: none !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-toggle {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 18px !important;
    gap: 0.7rem !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-copy,
body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-copy strong,
body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-copy small {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .app-content,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .footer {
    margin-left: 292px !important;
    width: calc(100% - 292px) !important;
    max-width: calc(100% - 292px) !important;
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page) .main-menu,
    body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed,
    body.sw-module-skin:not(.blank-page) .main-menu.menu-light,
    body.sw-module-skin:not(.blank-page) .main-menu.menu-dark {
        width: min(318px, calc(100vw - 34px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 34px) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .app-content,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Smart sidebar auto-collapse: icon rail on idle desktop, drawer on mobile. */
body.sw-module-skin:not(.blank-page) .main-menu {
    transition: width 180ms ease, min-width 180ms ease, max-width 180ms ease, box-shadow 180ms ease !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation li a .menu-title,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li a .menu-item,
body.sw-module-skin:not(.blank-page) .main-menu .signalwave-brand-wordmark,
body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-copy,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li.has-sub > a::after {
    transition: opacity 140ms ease, max-width 160ms ease, visibility 140ms ease !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content {
    height: calc(100dvh - 104px - 106px) !important;
    max-height: calc(100dvh - 104px - 106px) !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-expanded .main-menu,
body.sw-module-skin:not(.blank-page).sw-sidebar-auto-expanded .main-menu.menu-fixed,
body.sw-module-skin:not(.blank-page).menu-expanded .main-menu,
body.sw-module-skin:not(.blank-page).menu-expanded .main-menu.menu-fixed {
    width: 292px !important;
    min-width: 292px !important;
    max-width: 292px !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu,
body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu.menu-fixed,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu.menu-fixed {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navbar-header,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navbar-header {
    min-height: 88px !important;
    height: 88px !important;
    padding: 0.85rem 0.55rem !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .main-menu-content,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .main-menu-content {
    height: calc(100dvh - 88px - 86px) !important;
    max-height: calc(100dvh - 88px - 86px) !important;
    padding: 0.55rem 0.52rem 0.9rem !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navbar-header .brand-logo,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navbar-header .brand-logo {
    display: flex !important;
    justify-content: center !important;
    grid-template-columns: none !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 0 !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .signalwave-brand-wordmark,
body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navigation li a .menu-title,
body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navigation li a .menu-item,
body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .sw-sidebar-profile-copy,
body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .sw-sidebar-profile-chevron,
body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navigation li.has-sub > a::after,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .signalwave-brand-wordmark,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navigation li a .menu-title,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navigation li a .menu-item,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .sw-sidebar-profile-copy,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .sw-sidebar-profile-chevron,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navigation li.has-sub > a::after {
    opacity: 0 !important;
    visibility: hidden !important;
    max-width: 0 !important;
    pointer-events: none !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navigation .menu-content,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navigation .menu-content {
    display: none !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navigation > li.nav-item,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navigation > li.nav-item {
    margin-bottom: 0.42rem !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navigation > li.nav-item > a,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navigation > li.nav-item > a {
    justify-content: center !important;
    gap: 0 !important;
    min-height: 52px !important;
    padding: 0.48rem 0.45rem !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navigation li a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navigation li a > svg.feather,
body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .navigation li a > i,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navigation li a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navigation li a > svg.feather,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .navigation li a > i {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .sw-account-dock,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .sw-account-dock {
    margin: 0.35rem 0.62rem 0.8rem !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .sw-sidebar-profile-toggle,
body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .sw-sidebar-profile-toggle {
    display: flex !important;
    justify-content: center !important;
    grid-template-columns: none !important;
    min-height: 58px !important;
    padding: 0.42rem !important;
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sw-sidebar-auto-collapsed .app-content,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sw-sidebar-auto-collapsed .footer,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-collapsed .app-content,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-collapsed .footer {
    margin-left: 92px !important;
    width: calc(100% - 92px) !important;
    max-width: calc(100% - 92px) !important;
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sw-sidebar-auto-expanded .app-content,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sw-sidebar-auto-expanded .footer,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .app-content,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded .footer {
    margin-left: 292px !important;
    width: calc(100% - 292px) !important;
    max-width: calc(100% - 292px) !important;
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page) .main-menu,
    body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu,
    body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu {
        width: min(318px, calc(100vw - 34px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 34px) !important;
    }

    body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content,
    body.sw-module-skin:not(.blank-page).sw-sidebar-auto-collapsed .main-menu .main-menu-content,
    body.sw-module-skin:not(.blank-page).menu-collapsed .main-menu .main-menu-content {
        height: calc(100dvh - 104px - 96px) !important;
        max-height: calc(100dvh - 104px - 96px) !important;
    }

    body.sw-module-skin:not(.blank-page) .main-menu .navigation .menu-content {
        display: block !important;
    }

    body.sw-module-skin:not(.blank-page) .main-menu .signalwave-brand-wordmark,
    body.sw-module-skin:not(.blank-page) .main-menu .navigation li a .menu-title,
    body.sw-module-skin:not(.blank-page) .main-menu .navigation li a .menu-item,
    body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-copy,
    body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-chevron,
    body.sw-module-skin:not(.blank-page) .main-menu .navigation li.has-sub > a::after {
        opacity: 1 !important;
        visibility: visible !important;
        max-width: 100% !important;
        pointer-events: auto !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .app-content,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* True collapsed sidebar: clean icon-only rail, not a squeezed full menu. */
body.sw-module-skin:not(.blank-page).sidebar-collapsed {
    --sw-sidebar-collapsed-width: 92px;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu.menu-fixed,
body.sw-module-skin:not(.blank-page) .main-menu.sidebar-collapsed {
    width: var(--sw-sidebar-collapsed-width) !important;
    min-width: var(--sw-sidebar-collapsed-width) !important;
    max-width: var(--sw-sidebar-collapsed-width) !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(var(--sw-sidebar-rgb), 0.98), rgba(var(--sw-bg-rgb), 0.99)) !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu::before,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu::after,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navbar-header .brand-logo::after,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation > li.nav-item::before,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation > li.nav-item > a::before,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation .menu-content::before,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation .menu-content::after,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.has-sub > a::after,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .shadow-bottom,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-energy-rail {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navbar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 86px !important;
    height: 86px !important;
    padding: 0.9rem 0 !important;
    overflow: hidden !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navbar-header .navbar-nav,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navbar-header .nav-item.me-auto,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navbar-header .navbar-brand,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navbar-header .brand-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navbar-header .sw-logo-mark {
    display: inline-grid !important;
    place-items: center !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    margin: 0 auto !important;
    border-radius: 15px !important;
    box-shadow: 0 0 24px rgba(var(--sw-secondary-rgb), 0.22) !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navbar-header .sw-logo-svg {
    width: 38px !important;
    height: 38px !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .signalwave-brand-wordmark,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .menu-title,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .menu-item,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation-header,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .badge,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .tag,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-copy,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-chevron,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-menu {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation .menu-content,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation .menu-content li,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation .menu-content li a {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .main-menu-content {
    width: 100% !important;
    height: calc(100dvh - 86px - 78px) !important;
    max-height: calc(100dvh - 86px - 78px) !important;
    min-height: 0 !important;
    padding: 0.45rem 0.5rem 0.7rem !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .main-menu-content::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .main-menu-content .ps__rail-x,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .main-menu-content .ps__rail-y,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .main-menu-content .ps__thumb-x,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .main-menu-content .ps__thumb-y {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.34rem !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation > li.nav-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation > li.nav-item > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation > li.active > a,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation > li.open > a,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation > li.sidebar-group-active > a,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.active > a {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li a > svg.feather,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li a > i {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 9px !important;
    margin: 0 !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.24) !important;
    border-radius: 14px !important;
    color: rgba(237, 246, 255, 0.78) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.13), rgba(var(--sw-warning-rgb), 0.055)),
        rgba(var(--sw-bg-rgb), 0.76) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.active > a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.active > a > svg.feather,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.active > a > i,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.sidebar-group-active > a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.sidebar-group-active > a > svg.feather,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.sidebar-group-active > a > i,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.open > a > .sw-animated-icon,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.open > a > svg.feather,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation li.open > a > i {
    border-color: rgba(var(--sw-warning-rgb), 0.5) !important;
    color: var(--sw-bg) !important;
    background: var(--sw-button-gradient) !important;
    box-shadow: 0 0 20px rgba(var(--sw-primary-rgb), 0.28), 0 0 18px rgba(var(--sw-secondary-rgb), 0.2) !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-account-dock {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 !important;
    margin: 0 0 0.55rem !important;
    overflow: hidden !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(var(--sw-bg-rgb), 0.74) !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-avatar {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-avatar img {
    width: 38px !important;
    height: 38px !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .dropdown-menu {
    display: none !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed.vertical-layout.vertical-menu-modern .app-content,
body.sw-module-skin:not(.blank-page).sidebar-collapsed.vertical-layout.vertical-menu-modern .footer {
    margin-left: var(--sw-sidebar-collapsed-width) !important;
    width: calc(100% - var(--sw-sidebar-collapsed-width)) !important;
    max-width: calc(100% - var(--sw-sidebar-collapsed-width)) !important;
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu,
    body.sw-module-skin:not(.blank-page) .main-menu.sidebar-collapsed {
        width: min(318px, calc(100vw - 34px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 34px) !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .signalwave-brand-wordmark,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .menu-title,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .menu-item,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-copy,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-chevron {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .navigation .menu-content {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* Admin shell source of truth: sidebar width drives header, content, and footer. */
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern {
    --sw-sidebar-expanded-width: 292px;
    --sw-sidebar-collapsed-width: 92px;
    --sw-current-sidebar-width: var(--sw-sidebar-expanded-width);
    overflow-x: hidden !important;
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed:not(.sidebar-pinned),
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sw-sidebar-auto-collapsed:not(.sidebar-pinned),
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-collapsed:not(.sidebar-pinned) {
    --sw-current-sidebar-width: var(--sw-sidebar-collapsed-width);
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-pinned,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-expanded:not(.sidebar-collapsed) {
    --sw-current-sidebar-width: var(--sw-sidebar-expanded-width);
}

@media (min-width: 1200px) {
    html.signalwave-shell-fixed,
    html.signalwave-shell-fixed body.sw-module-skin {
        overflow-x: hidden !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu.menu-fixed {
        width: var(--sw-current-sidebar-width) !important;
        min-width: var(--sw-current-sidebar-width) !important;
        max-width: var(--sw-current-sidebar-width) !important;
        transition:
            width 280ms cubic-bezier(0.22, 1, 0.36, 1),
            min-width 280ms cubic-bezier(0.22, 1, 0.36, 1),
            max-width 280ms cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 240ms ease,
            background-color 240ms ease !important;
        will-change: width;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu.menu-fixed {
        width: var(--sw-sidebar-expanded-width) !important;
        min-width: var(--sw-sidebar-expanded-width) !important;
        max-width: var(--sw-sidebar-expanded-width) !important;
        z-index: 1085 !important;
        box-shadow: 22px 0 44px rgba(0, 0, 0, 0.36), 0 0 34px rgba(var(--sw-secondary-rgb), 0.12) !important;
        overflow: hidden !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar.navbar-static-top,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar.navbar-floating,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar.navbar-shadow,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar.header-navbar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar.header-navbar.navbar-shadow {
        left: var(--sw-current-sidebar-width) !important;
        width: calc(100% - var(--sw-current-sidebar-width)) !important;
        max-width: calc(100% - var(--sw-current-sidebar-width)) !important;
        margin-left: 0 !important;
        transition:
            left 280ms cubic-bezier(0.22, 1, 0.36, 1),
            width 280ms cubic-bezier(0.22, 1, 0.36, 1),
            max-width 280ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .app-content.content,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer.footer-static,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer.footer-fixed {
        margin-left: var(--sw-current-sidebar-width) !important;
        width: calc(100% - var(--sw-current-sidebar-width)) !important;
        max-width: calc(100% - var(--sw-current-sidebar-width)) !important;
        transition:
            margin-left 280ms cubic-bezier(0.22, 1, 0.36, 1),
            width 280ms cubic-bezier(0.22, 1, 0.36, 1),
            max-width 280ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .header-navbar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .sw-command-navbar.header-navbar {
        left: var(--sw-sidebar-collapsed-width) !important;
        width: calc(100% - var(--sw-sidebar-collapsed-width)) !important;
        max-width: calc(100% - var(--sw-sidebar-collapsed-width)) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .app-content.content,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .footer {
        margin-left: var(--sw-sidebar-collapsed-width) !important;
        width: calc(100% - var(--sw-sidebar-collapsed-width)) !important;
        max-width: calc(100% - var(--sw-sidebar-collapsed-width)) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .app-content.content,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .content-wrapper,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .content-body,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .navbar-container.sw-command-bar {
        min-width: 0 !important;
        overflow-x: clip;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .signalwave-brand-wordmark,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .menu-title,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .menu-item,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .navigation li.has-sub > a::after,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-profile-copy,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-profile-chevron {
        display: inline-block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        transform: translateX(-8px) !important;
        white-space: nowrap !important;
        pointer-events: none !important;
        transition:
            opacity 150ms ease,
            transform 180ms ease,
            max-width 220ms cubic-bezier(0.22, 1, 0.36, 1),
            visibility 150ms ease !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .signalwave-brand-wordmark,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .menu-title,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .menu-item,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .sw-sidebar-profile-copy,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .sw-sidebar-profile-chevron,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .signalwave-brand-wordmark,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .menu-title,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .menu-item,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .sw-sidebar-profile-copy,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .sw-sidebar-profile-chevron {
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-width: 190px !important;
        max-height: 4rem !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: hidden !important;
        transform: translateX(0) !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        pointer-events: auto !important;
        transition-delay: 70ms !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation .menu-content,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation .menu-content {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation .menu-content li,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation .menu-content li {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation .menu-content li a,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation .menu-content li a {
        display: flex !important;
        align-items: center !important;
        width: calc(100% - 34px) !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 42px !important;
        max-height: none !important;
        padding: 0.58rem 0.7rem 0.58rem 1.1rem !important;
        margin: 0.16rem 12px 0.16rem 22px !important;
        gap: 0.68rem !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.has-sub:not(.open):not(.sidebar-group-active) > .menu-content,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.has-sub:not(.open):not(.sidebar-group-active) > .menu-content,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.has-sub:not(.open):not(.sidebar-group-active) > .menu-content li,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.has-sub:not(.open):not(.sidebar-group-active) > .menu-content li,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.has-sub:not(.open):not(.sidebar-group-active) > .menu-content li a,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.has-sub:not(.open):not(.sidebar-group-active) > .menu-content li a {
        display: none !important;
        height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.has-sub.open > .menu-content,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.has-sub.sidebar-group-active > .menu-content,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.has-sub.open > .menu-content,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.has-sub.sidebar-group-active > .menu-content {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.nav-item,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.nav-item {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 0.45rem !important;
        overflow: visible !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.nav-item > a,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.nav-item > a {
        justify-content: flex-start !important;
        width: calc(100% - 20px) !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 50px !important;
        max-height: none !important;
        padding: 0.72rem 1rem !important;
        margin: 0 10px !important;
        gap: 0.82rem !important;
        border-radius: 8px !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation li a > .sw-animated-icon,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation li a > svg.feather,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation li a > i,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation li a > .sw-animated-icon,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation li a > svg.feather,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation li a > i {
        flex: 0 0 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        margin: 0 !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header {
        min-height: 104px !important;
        height: 104px !important;
        padding: 1rem 1.25rem !important;
        justify-content: flex-start !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .nav-toggle,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .modern-nav-toggle,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .nav-toggle,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .modern-nav-toggle {
        display: grid !important;
        place-items: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .nav-toggle,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .nav-toggle {
        right: 1.25rem !important;
        top: 2.35rem !important;
        z-index: 5 !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
        overflow: visible !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .modern-nav-toggle,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .modern-nav-toggle {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .nav-toggle,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .modern-nav-toggle {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header .navbar-brand,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header .brand-logo,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header .navbar-brand,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header .brand-logo {
        justify-content: flex-start !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header .brand-logo,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header .brand-logo {
        padding-right: 3.25rem !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header .brand-logo::after,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header .brand-logo::after {
        left: 80px !important;
        right: 3.25rem !important;
        max-width: calc(100% - 132px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .sw-account-dock,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .sw-account-dock {
        width: auto !important;
        height: auto !important;
        min-height: 72px !important;
        margin: 0.35rem 1rem 0.95rem !important;
        overflow: visible !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .sw-sidebar-profile-toggle,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .sw-sidebar-profile-toggle {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) 18px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 60px !important;
        padding: 0.5rem 0.68rem !important;
        gap: 0.72rem !important;
        overflow: hidden !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .sw-sidebar-profile-copy,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .sw-sidebar-profile-copy {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: hidden !important;
        pointer-events: auto !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .sw-sidebar-profile-copy strong,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .sw-sidebar-profile-copy small,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .sw-sidebar-profile-copy strong,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .sw-sidebar-profile-copy small {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-profile-toggle {
        display: grid !important;
        place-items: center !important;
        justify-content: center !important;
        align-items: center !important;
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding: 0 !important;
        margin: 0 auto !important;
        gap: 0 !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-avatar {
        display: grid !important;
        place-items: center !important;
        flex: 0 0 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0 !important;
        margin: 0 auto !important;
        overflow: visible !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-avatar img {
        display: block !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        grid-area: 1 / 1 !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-avatar-ring {
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        inset: 0 !important;
        grid-area: 1 / 1 !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-profile-copy,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-profile-copy strong,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-profile-copy small,
    body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu .sw-sidebar-profile-chevron {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern {
        --sw-current-sidebar-width: 0px;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar.header-navbar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .app-content.content,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer {
        left: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .app-content.content,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu * {
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
        scroll-behavior: auto !important;
    }
}

/* Sidebar profile dropdown: custom state so Bootstrap is not blocked by collapsed overflow. */
body.sw-module-skin:not(.blank-page).sw-sidebar-profile-open .main-menu,
body.sw-module-skin:not(.blank-page).sw-sidebar-profile-open .main-menu.menu-fixed,
body.sw-module-skin:not(.blank-page).sw-sidebar-profile-open .main-menu .sw-account-dock,
body.sw-module-skin:not(.blank-page).sw-sidebar-profile-open .main-menu .sw-sidebar-profile {
    overflow: visible !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile,
body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-toggle {
    pointer-events: auto !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu {
    display: block !important;
    position: fixed !important;
    z-index: 2200 !important;
    min-width: 238px !important;
    max-width: min(286px, calc(100vw - 24px)) !important;
    padding: 0.35rem !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.36) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(145deg, rgba(var(--sw-panel-rgb), 0.97), rgba(var(--sw-bg-rgb), 0.985)),
        rgba(4, 13, 29, 0.98) !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.5), 0 0 28px rgba(var(--sw-secondary-rgb), 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, 8px, 0) scale(0.98) !important;
    transform-origin: bottom left !important;
    transition: opacity 160ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1), visibility 160ms ease !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile.is-open .sw-sidebar-profile-menu,
body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu.show {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(440px, calc(100vh - 24px)) !important;
    padding: 0.35rem !important;
    overflow: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile.is-open .sw-sidebar-profile-menu,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-menu.show {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(440px, calc(100vh - 24px)) !important;
    width: 246px !important;
    min-width: 246px !important;
    max-width: min(246px, calc(100vw - 114px)) !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile.is-open .sw-sidebar-profile-menu-header,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile.is-open .sw-sidebar-profile-menu .dropdown-item,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile.is-open .sw-sidebar-profile-menu .dropdown-divider,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-menu.show .sw-sidebar-profile-menu-header,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-menu.show .dropdown-item,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-menu.show .dropdown-divider {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu .dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.66rem !important;
    min-height: 42px !important;
    padding: 0.62rem 0.76rem !important;
    border-radius: 11px !important;
    color: rgba(236, 246, 255, 0.88) !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    transition: background-color 150ms ease, color 150ms ease, transform 150ms ease !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu .dropdown-item:hover,
body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu .dropdown-item:focus {
    color: #06101f !important;
    background: var(--sw-button-gradient) !important;
    transform: translateX(2px) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu .dropdown-item svg,
body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu .dropdown-item i {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    color: var(--sw-yellow) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu .dropdown-divider {
    margin: 0.35rem 0.4rem !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.16) !important;
}

/* Sidebar brand layout: full wordmark in expanded states, icon-only when collapsed. */
@media (min-width: 1200px) {
    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header {
        padding: 1rem 0.85rem 0.82rem !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header .brand-logo,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header .brand-logo {
        display: grid !important;
        grid-template-columns: 50px minmax(130px, 1fr) !important;
        align-items: center !important;
        gap: 0.62rem !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 74px !important;
        padding: 0.66rem 2.9rem 0.66rem 0.7rem !important;
        overflow: hidden !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header .sw-logo-mark,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header .sw-logo-mark {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        margin: 0 !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header .sw-logo-svg,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header .sw-logo-svg {
        width: 40px !important;
        height: 40px !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header .signalwave-brand-wordmark,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header .signalwave-brand-wordmark {
        display: block !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .nav-toggle,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .nav-toggle {
        top: 2.25rem !important;
        right: 0.82rem !important;
    }

    body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navbar-header .brand-logo::after,
    body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navbar-header .brand-logo::after {
        left: 70px !important;
        right: 2.9rem !important;
        max-width: calc(100% - 118px) !important;
    }
}

/* Global admin header/topbar polish */
body.sw-module-skin:not(.blank-page) .sw-command-navbar.header-navbar,
body.sw-module-skin:not(.blank-page) .sw-command-navbar.header-navbar.navbar-shadow {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    min-height: 68px !important;
    overflow: visible !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    background:
        linear-gradient(135deg, rgba(4, 13, 28, 0.94), rgba(8, 26, 49, 0.88) 54%, rgba(34, 24, 56, 0.78)),
        rgba(3, 11, 24, 0.92) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(18px) saturate(1.2);
    transform: none !important;
    z-index: 1035 !important;
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar.header-navbar,
body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar.header-navbar.navbar-shadow {
    transform: none !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar::before {
    opacity: 0.18 !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-command-bar,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-container {
    display: flex !important;
    align-items: center !important;
    min-height: 68px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.62rem 1rem !important;
    gap: 0.72rem !important;
    overflow: visible !important;
}

body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .app-content.content {
    padding-top: 76px !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .nav {
    min-width: 0 !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .bookmark-wrapper {
    flex: 0 1 auto;
    min-width: 0;
    gap: 0.65rem;
}

.sw-topbar-page {
    flex: 1 1 auto;
    min-width: 0;
    max-width: min(520px, 36vw);
    flex-direction: column;
    justify-content: center;
    padding: 0 0.9rem;
    border-left: 1px solid rgba(var(--sw-secondary-rgb), 0.15);
    line-height: 1.08;
}

.sw-topbar-page-kicker {
    color: var(--sw-yellow);
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sw-topbar-page strong,
.sw-topbar-page small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sw-topbar-page strong {
    margin-top: 0.12rem;
    color: #f4f9ff;
    font-size: 0.98rem;
    font-weight: 850;
}

.sw-topbar-page small {
    margin-top: 0.16rem;
    color: rgba(182, 200, 225, 0.7);
    font-size: 0.72rem;
    font-weight: 650;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav.ms-auto {
    flex: 0 0 auto;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.55rem !important;
    min-width: 0;
    margin-left: auto !important;
    flex-wrap: nowrap !important;
    max-width: calc(100% - 260px) !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav.ms-auto > .nav-item,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav.ms-auto > .dropdown {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-menu,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown-user {
    display: none !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-pill,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-icon,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .top-up-url,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .show-balance {
    min-height: 46px !important;
    height: 46px !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.22) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.1), rgba(var(--sw-primary-rgb), 0.08)),
        rgba(5, 18, 36, 0.78) !important;
    color: rgba(239, 247, 255, 0.94) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-pill:hover,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-icon:hover,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill:hover,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown.show .sw-profile-pill,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown-notification.is-open .sw-head-icon {
    transform: translateY(-1px);
    border-color: rgba(var(--sw-warning-rgb), 0.45) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24), 0 0 22px rgba(var(--sw-secondary-rgb), 0.14) !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-icon {
    width: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 14px !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-bell-svg {
    width: 31px !important;
    height: 31px !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-language-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.52rem !important;
    padding: 0.4rem 0.72rem !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill {
    display: flex !important;
    align-items: center !important;
    gap: 0.58rem !important;
    min-width: 0 !important;
    max-width: 230px;
    padding: 0.32rem 0.42rem 0.32rem 0.76rem !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill .user-nav {
    min-width: 0;
    max-width: 142px;
    text-align: right;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill .user-name,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill .user-status {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-avatar {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-avatar img {
    width: 34px !important;
    height: 34px !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .balance-top-up {
    gap: 0.45rem !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .show-balance {
    display: grid !important;
    align-content: center !important;
    min-width: 112px !important;
    padding: 0.3rem 0.68rem !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .show-balance-text,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .show-balance-unit {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .top-up-url {
    display: grid !important;
    place-items: center !important;
    width: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown-menu {
    z-index: 2250 !important;
    min-width: 220px;
    overflow: hidden;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.28) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(145deg, rgba(var(--sw-panel-rgb), 0.98), rgba(var(--sw-bg-rgb), 0.98)),
        rgba(4, 13, 29, 0.98) !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.46), 0 0 26px rgba(var(--sw-secondary-rgb), 0.14) !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.58rem;
    min-height: 40px;
    color: rgba(237, 246, 255, 0.86) !important;
    font-weight: 700;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown-menu .dropdown-item:hover,
body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown-menu .dropdown-item:focus {
    color: #06101f !important;
    background: var(--sw-button-gradient) !important;
}

body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown-divider {
    border-color: rgba(var(--sw-secondary-rgb), 0.16) !important;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox {
    position: relative;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .dropdown-menu-media {
    display: block !important;
    position: fixed !important;
    top: var(--sw-notification-top, 0px) !important;
    left: var(--sw-notification-left, auto) !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
    min-height: 0 !important;
    width: var(--sw-notification-width, min(390px, calc(100vw - 24px))) !important;
    max-height: var(--sw-notification-max-height, calc(100vh - 90px)) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.34) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at top right, rgba(var(--sw-warning-rgb), 0.16), transparent 38%),
        linear-gradient(145deg, rgba(15, 18, 42, 0.98), rgba(2, 13, 29, 0.985)) !important;
    box-shadow: 0 26px 64px rgba(0, 0, 0, 0.52), 0 0 34px rgba(var(--sw-secondary-rgb), 0.16) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, 10px, 0) scale(0.985) !important;
    transform-origin: top right !important;
    transition: opacity 160ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1), visibility 160ms ease !important;
    z-index: 2300 !important;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox.is-open .dropdown-menu-media,
body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .dropdown-menu-media.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .dropdown-menu-header {
    padding: 1rem 1.08rem 0.8rem !important;
    border-bottom: 1px solid rgba(var(--sw-secondary-rgb), 0.16) !important;
    background: linear-gradient(90deg, rgba(var(--sw-secondary-rgb), 0.12), rgba(var(--sw-primary-rgb), 0.08)) !important;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .notification-title::before {
    content: "Notifications";
    font-size: 1rem;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .notification-title::after {
    content: "Recent account activity";
    font-size: 0.72rem;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .media-list {
    max-height: min(430px, calc(100vh - 220px)) !important;
    min-height: 120px !important;
    padding: 0.75rem !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--sw-secondary-rgb), 0.38) rgba(255, 255, 255, 0.04);
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .media-list::-webkit-scrollbar {
    width: 7px;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .media-list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(var(--sw-secondary-rgb), 0.34);
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .list-item {
    margin-bottom: 0.55rem !important;
    padding: 0.72rem !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.16) !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, 0.045) !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .list-item-body {
    min-width: 0;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .media-heading,
body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .notification-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .dropdown-menu-footer {
    padding: 0.75rem !important;
    border-top: 1px solid rgba(var(--sw-secondary-rgb), 0.16) !important;
    background: rgba(3, 12, 25, 0.9) !important;
}

body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .dropdown-menu-footer .btn {
    min-height: 40px;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--sw-button-gradient) !important;
    color: #06101f !important;
    font-weight: 850;
}

body.sw-module-skin:not(.blank-page) .sw-inbox-close {
    top: 0.82rem !important;
    right: 0.78rem !important;
    width: 30px !important;
    height: 30px !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.24) !important;
    color: rgba(237, 246, 255, 0.78) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

body.sw-module-skin:not(.blank-page) .sw-inbox-empty {
    min-height: 190px !important;
    padding: 1.2rem !important;
}

@media (max-width: 1399.98px) {
    .sw-topbar-page {
        max-width: 28vw;
    }

    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill .user-nav {
        display: none !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill {
        width: 46px;
        padding: 0.28rem !important;
        justify-content: center;
    }
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page) .sw-command-navbar.header-navbar,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar.header-navbar.navbar-shadow {
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-command-bar,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-container {
        padding-inline: 0.75rem !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-topbar-status {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav.ms-auto {
        gap: 0.38rem !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-pill,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-icon,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .top-up-url {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-command-navbar .selected-language,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .show-balance {
        display: none !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-command-navbar .dropdown-menu {
        max-width: calc(100vw - 20px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sw-module-skin:not(.blank-page) .dropdown-notification.sw-command-inbox .dropdown-menu-media,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-pill,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-head-icon,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .sw-profile-pill {
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
    }
}

/* Final admin shell alignment: one width variable for sidebar, header, content, and footer. */
@media (min-width: 1200px) {
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern {
        --sidebar-expanded-width: 292px;
        --sidebar-collapsed-width: 92px;
        --current-sidebar-width: var(--sidebar-expanded-width);
        --sw-sidebar-expanded-width: var(--sidebar-expanded-width);
        --sw-sidebar-collapsed-width: var(--sidebar-collapsed-width);
        --sw-current-sidebar-width: var(--current-sidebar-width);
        overflow-x: hidden !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed:not(.sidebar-pinned),
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-collapsed:not(.sidebar-pinned),
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sw-sidebar-auto-collapsed:not(.sidebar-pinned) {
        --current-sidebar-width: var(--sidebar-collapsed-width);
        --sw-current-sidebar-width: var(--current-sidebar-width);
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-pinned,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-expanded:not(.sidebar-collapsed),
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.menu-expanded:not(.sidebar-collapsed) {
        --current-sidebar-width: var(--sidebar-expanded-width);
        --sw-current-sidebar-width: var(--current-sidebar-width);
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) {
        --current-sidebar-width: var(--sidebar-collapsed-width);
        --sw-current-sidebar-width: var(--current-sidebar-width);
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu.menu-fixed {
        width: var(--current-sidebar-width) !important;
        min-width: var(--current-sidebar-width) !important;
        max-width: var(--current-sidebar-width) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu.menu-fixed {
        width: var(--sidebar-expanded-width) !important;
        min-width: var(--sidebar-expanded-width) !important;
        max-width: var(--sidebar-expanded-width) !important;
        z-index: 1090 !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar.navbar-shadow,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar.navbar-floating,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar.navbar-static-top,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar.header-navbar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar.header-navbar.navbar-shadow {
        left: var(--current-sidebar-width) !important;
        right: 0 !important;
        width: calc(100vw - var(--current-sidebar-width)) !important;
        max-width: calc(100vw - var(--current-sidebar-width)) !important;
        margin-left: 0 !important;
        transform: none !important;
        transition:
            left 280ms cubic-bezier(0.22, 1, 0.36, 1),
            width 280ms cubic-bezier(0.22, 1, 0.36, 1),
            max-width 280ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .app-content.content,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer.footer-static,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer.footer-fixed {
        margin-left: var(--current-sidebar-width) !important;
        width: calc(100vw - var(--current-sidebar-width)) !important;
        max-width: calc(100vw - var(--current-sidebar-width)) !important;
        transition:
            margin-left 280ms cubic-bezier(0.22, 1, 0.36, 1),
            width 280ms cubic-bezier(0.22, 1, 0.36, 1),
            max-width 280ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .navbar-container.sw-command-bar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar .sw-command-bar {
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: clamp(0.85rem, 1.2vw, 1.35rem) !important;
        padding-right: clamp(0.85rem, 1.2vw, 1.35rem) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern.sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .sw-command-navbar .sw-command-bar {
        padding-left: calc((var(--sidebar-expanded-width) - var(--sidebar-collapsed-width)) + clamp(0.85rem, 1.2vw, 1.35rem)) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar .bookmark-wrapper,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-topbar-status,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-topbar-page,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .navbar-nav.ms-auto {
        min-width: 0 !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar .navbar-nav.ms-auto > .sw-profile-menu,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar .navbar-nav.ms-auto > .dropdown-user,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar .navbar-nav.ms-auto > li.sw-profile-menu,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar .navbar-nav.ms-auto > li.dropdown-user {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern {
        --sidebar-expanded-width: 0px;
        --sidebar-collapsed-width: 0px;
        --current-sidebar-width: 0px;
        --sw-current-sidebar-width: 0px;
        --admin-header-height: 69px;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .header-navbar,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .sw-command-navbar.header-navbar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: var(--admin-header-height) !important;
        z-index: 1160 !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .app-content.content {
        margin-left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        padding-top: var(--admin-header-height) !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .footer {
        left: 0 !important;
        margin-left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu.menu-fixed,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu.menu-light,
    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu.menu-dark {
        position: fixed !important;
        top: var(--admin-header-height) !important;
        bottom: auto !important;
        left: 0 !important;
        width: min(318px, calc(100vw - 24px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 24px) !important;
        height: calc(100vh - var(--admin-header-height)) !important;
        height: calc(100dvh - var(--admin-header-height)) !important;
        margin: 0 !important;
        border-radius: 0 18px 18px 0 !important;
        transform: translate3d(-112%, 0, 0) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        overflow: hidden !important;
        z-index: 1140 !important;
        transition:
            transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
            opacity 180ms ease,
            visibility 180ms ease !important;
        box-shadow: 24px 0 70px rgba(0, 0, 0, 0.46), 0 0 28px rgba(var(--sw-secondary-rgb), 0.12) !important;
    }

    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open .main-menu,
    body.sw-module-skin:not(.blank-page).menu-open .main-menu,
    body.sw-module-skin:not(.blank-page).vertical-overlay-menu.menu-open .main-menu,
    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open .main-menu.menu-fixed,
    body.sw-module-skin:not(.blank-page).menu-open .main-menu.menu-fixed {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.sw-module-skin:not(.blank-page).vertical-layout.vertical-menu-modern .main-menu .main-menu-content {
        height: calc(100vh - var(--admin-header-height) - 96px) !important;
        max-height: calc(100vh - var(--admin-header-height) - 96px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    body.sw-module-skin:not(.blank-page) .sw-mobile-menu-scrim,
    body.sw-module-skin:not(.blank-page) .sidenav-overlay {
        position: fixed !important;
        top: var(--admin-header-height) !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(100vh - var(--admin-header-height)) !important;
        height: calc(100dvh - var(--admin-header-height)) !important;
        z-index: 1130 !important;
        border: 0 !important;
        background: rgba(1, 8, 16, 0.66) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        backdrop-filter: blur(7px) !important;
        transition: opacity 200ms ease, visibility 200ms ease !important;
    }

    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open .sw-mobile-menu-scrim,
    body.sw-module-skin:not(.blank-page).menu-open .sw-mobile-menu-scrim,
    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open .sidenav-overlay,
    body.sw-module-skin:not(.blank-page).menu-open .sidenav-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html.sw-mobile-menu-open,
    html.menu-open,
    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open,
    body.sw-module-skin:not(.blank-page).menu-open {
        overflow: hidden !important;
        touch-action: none;
    }

    body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav.ms-auto > .sw-profile-menu,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav.ms-auto > .dropdown-user,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav.ms-auto > li.sw-profile-menu,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar .navbar-nav.ms-auto > li.dropdown-user {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* Mobile shell fallback: applies when the framework switches to vertical-overlay-menu classes. */
@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page) {
        --admin-header-height: 69px;
        --sidebar-expanded-width: 0px;
        --sidebar-collapsed-width: 0px;
        --current-sidebar-width: 0px;
        --sw-current-sidebar-width: 0px;
        overflow-x: hidden !important;
    }

    body.sw-module-skin:not(.blank-page) .header-navbar,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar.header-navbar,
    body.sw-module-skin:not(.blank-page) .sw-command-navbar.header-navbar.navbar-shadow {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: var(--admin-header-height) !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 1160 !important;
    }

    body.sw-module-skin:not(.blank-page) .app-content,
    body.sw-module-skin:not(.blank-page) .app-content.content {
        margin-left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        padding-top: var(--admin-header-height) !important;
    }

    body.sw-module-skin:not(.blank-page) .footer {
        left: 0 !important;
        margin-left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }

    body.sw-module-skin:not(.blank-page) .main-menu,
    body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed,
    body.sw-module-skin:not(.blank-page) .main-menu.menu-light,
    body.sw-module-skin:not(.blank-page) .main-menu.menu-dark {
        position: fixed !important;
        top: var(--admin-header-height) !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;
        width: min(318px, calc(100vw - 24px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 24px) !important;
        height: calc(100vh - var(--admin-header-height)) !important;
        height: calc(100svh - var(--admin-header-height)) !important;
        min-height: 0 !important;
        max-height: calc(100vh - var(--admin-header-height)) !important;
        max-height: calc(100svh - var(--admin-header-height)) !important;
        margin: 0 !important;
        border-radius: 0 18px 18px 0 !important;
        transform: translate3d(-112%, 0, 0) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        overflow: hidden !important;
        z-index: 1140 !important;
        transition:
            transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
            opacity 180ms ease,
            visibility 180ms ease !important;
    }

    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open .main-menu,
    body.sw-module-skin:not(.blank-page).menu-open .main-menu,
    body.sw-module-skin:not(.blank-page).vertical-overlay-menu.menu-open .main-menu,
    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open .main-menu.menu-fixed,
    body.sw-module-skin:not(.blank-page).menu-open .main-menu.menu-fixed {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.sw-module-skin:not(.blank-page) .main-menu .main-menu-content {
        height: calc(100vh - var(--admin-header-height) - 96px) !important;
        max-height: calc(100vh - var(--admin-header-height) - 96px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    body.sw-module-skin:not(.blank-page) .sw-mobile-menu-scrim,
    body.sw-module-skin:not(.blank-page) .sidenav-overlay {
        position: fixed !important;
        inset: var(--admin-header-height) 0 0 0 !important;
        width: 100vw !important;
        height: calc(100vh - var(--admin-header-height)) !important;
        height: calc(100dvh - var(--admin-header-height)) !important;
        z-index: 1130 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open .sw-mobile-menu-scrim,
    body.sw-module-skin:not(.blank-page).menu-open .sw-mobile-menu-scrim,
    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open .sidenav-overlay,
    body.sw-module-skin:not(.blank-page).menu-open .sidenav-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html.sw-mobile-menu-open,
    html.menu-open,
    body.sw-module-skin:not(.blank-page).sw-mobile-menu-open,
    body.sw-module-skin:not(.blank-page).menu-open {
        overflow: hidden !important;
        touch-action: none;
    }

    body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.has-sub > .menu-content {
        display: none !important;
        height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.has-sub.open > .menu-content {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        margin-top: 0.34rem !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* Global admin list/DataTables responsive layer. */
.sw-module-skin .sw-table-shell,
.sw-module-skin .table-responsive,
.sw-module-skin .dataTables_wrapper,
.sw-module-skin .dataTables_scroll,
.sw-module-skin .dataTables_scrollBody {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--sw-secondary-rgb), 0.42) rgba(var(--sw-bg-rgb), 0.42);
}

.sw-module-skin .sw-table-shell::-webkit-scrollbar,
.sw-module-skin .table-responsive::-webkit-scrollbar,
.sw-module-skin .dataTables_wrapper::-webkit-scrollbar,
.sw-module-skin .dataTables_scroll::-webkit-scrollbar,
.sw-module-skin .dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.sw-module-skin .sw-table-shell::-webkit-scrollbar-track,
.sw-module-skin .table-responsive::-webkit-scrollbar-track,
.sw-module-skin .dataTables_wrapper::-webkit-scrollbar-track,
.sw-module-skin .dataTables_scroll::-webkit-scrollbar-track,
.sw-module-skin .dataTables_scrollBody::-webkit-scrollbar-track {
    background: rgba(var(--sw-bg-rgb), 0.42);
}

.sw-module-skin .sw-table-shell::-webkit-scrollbar-thumb,
.sw-module-skin .table-responsive::-webkit-scrollbar-thumb,
.sw-module-skin .dataTables_wrapper::-webkit-scrollbar-thumb,
.sw-module-skin .dataTables_scroll::-webkit-scrollbar-thumb,
.sw-module-skin .dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.58), rgba(var(--sw-primary-rgb), 0.5));
}

.sw-module-skin .table-responsive,
.sw-module-skin .dataTables_wrapper,
.sw-module-skin .dataTables_scrollBody {
    overflow-y: visible !important;
}

.sw-module-skin .dataTables_scrollBody {
    max-height: none !important;
}

.sw-module-skin table.dataTable > tbody > tr.child ul.dtr-details,
.sw-module-skin table.dataTable > tbody > tr.child ul.dtr-details > li {
    width: 100%;
}

.sw-module-skin table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
.sw-module-skin table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before,
.sw-module-skin table.dataTable.dtr-inline.collapsed > tbody > tr > td.control::before,
.sw-module-skin table.dataTable.dtr-inline.collapsed > tbody > tr > th.control::before {
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 991.98px) {
    .sw-module-skin .dataTables_wrapper > .row:first-child,
    .sw-module-skin .dataTables_wrapper > .row:last-child,
    .sw-module-skin .dataTables_wrapper .row:first-child,
    .sw-module-skin .dataTables_wrapper .row:last-child {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 0.75rem;
        width: 100%;
        min-height: 0 !important;
    }

    .sw-module-skin .dataTables_wrapper > .row:first-child > [class*="col-"],
    .sw-module-skin .dataTables_wrapper > .row:last-child > [class*="col-"],
    .sw-module-skin .dataTables_wrapper .row:first-child > [class*="col-"],
    .sw-module-skin .dataTables_wrapper .row:last-child > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_length,
    .sw-module-skin .dataTables_wrapper .dataTables_filter,
    .sw-module-skin .dataTables_wrapper .dataTables_info,
    .sw-module-skin .dataTables_wrapper .dataTables_paginate {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_filter label,
    .sw-module-skin .dataTables_wrapper .dataTables_length label {
        align-items: stretch !important;
        width: 100% !important;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_filter input,
    .sw-module-skin .dataTables_wrapper .dataTables_length select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_paginate,
    .sw-module-skin .dataTables_wrapper .pagination {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 0.35rem;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_info {
        text-align: center !important;
    }
}

@media (max-width: 767.98px) {
    html,
    body.sw-module-skin {
        overflow-x: hidden !important;
    }

    body.sw-mobile-tables.sw-module-skin .app-content,
    body.sw-mobile-tables.sw-module-skin .app-content.content {
        padding-right: 0.65rem !important;
        padding-left: 0.65rem !important;
    }

    body.sw-mobile-tables.sw-module-skin .content-wrapper {
        padding-right: 0.35rem !important;
        padding-left: 0.35rem !important;
    }

    body.sw-mobile-tables.sw-module-skin .content-body > .sw-data-module,
    body.sw-mobile-tables.sw-module-skin .sw-module-stage.sw-data-module {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    body.sw-mobile-tables.sw-module-skin .sw-data-module > .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    body.sw-mobile-tables.sw-module-skin .sw-data-module > .row > [class*="col-"] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .sw-module-skin .card.sw-table-module,
    .sw-module-skin .card.sw-data-card,
    .sw-module-skin .sw-data-card,
    .sw-module-skin .sw-table-console,
    .sw-module-skin .table-responsive,
    .sw-module-skin .dataTables_wrapper,
    .sw-module-skin .dataTables_scroll,
    .sw-module-skin .dataTables_scrollHead,
    .sw-module-skin .dataTables_scrollBody,
    .sw-module-skin .dataTables_scrollFoot {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .sw-module-skin .card.sw-table-module,
    .sw-module-skin .card.sw-data-card,
    .sw-module-skin .sw-data-card {
        border-radius: var(--sw-radius) !important;
    }

    .sw-module-skin .table-responsive {
        padding: 0 !important;
        background: transparent !important;
    }

    .sw-module-skin .dataTables_wrapper {
        display: grid;
        gap: 0.85rem;
        padding: 0.85rem !important;
        background:
            linear-gradient(180deg, rgba(var(--sw-secondary-rgb), 0.1), rgba(var(--sw-primary-rgb), 0.06)),
            rgba(var(--sw-bg-rgb), 0.5) !important;
    }

    .sw-module-skin .dataTables_wrapper table.dataTable,
    .sw-module-skin table.sw-responsive-table,
    .sw-module-skin table.datatables-basic,
    .sw-module-skin table.table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-spacing: 0 !important;
        background: transparent !important;
    }

    .sw-module-skin table.sw-responsive-table thead,
    .sw-module-skin table.dataTable thead,
    .sw-module-skin .dataTables_scrollHead,
    .sw-module-skin .dataTables_scrollFoot {
        display: none !important;
    }

    .sw-module-skin table.sw-responsive-table tbody,
    .sw-module-skin table.dataTable tbody,
    .sw-module-skin table.datatables-basic tbody {
        display: grid !important;
        gap: 0.75rem;
        width: 100% !important;
    }

    .sw-module-skin table.sw-responsive-table tbody tr,
    .sw-module-skin table.dataTable tbody tr,
    .sw-module-skin table.datatables-basic tbody tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        width: 100% !important;
        min-width: 0 !important;
        padding: 0.82rem !important;
        border: 1px solid rgba(var(--sw-secondary-rgb), 0.18) !important;
        border-radius: var(--sw-radius) !important;
        background:
            linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.09), transparent 42%, rgba(var(--sw-warning-rgb), 0.05)),
            rgba(var(--sw-input-rgb), 0.58) !important;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2) !important;
    }

    .sw-module-skin table.sw-responsive-table tbody tr.child,
    .sw-module-skin table.dataTable tbody tr.child {
        display: none !important;
    }

    .sw-module-skin table.sw-responsive-table tbody td,
    .sw-module-skin table.dataTable tbody td,
    .sw-module-skin table.datatables-basic tbody td {
        display: grid !important;
        grid-template-columns: minmax(6.8rem, 38%) minmax(0, 1fr);
        gap: 0.65rem;
        align-items: center;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 38px;
        padding: 0.54rem 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: rgba(226, 239, 255, 0.82) !important;
        white-space: normal !important;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    .sw-module-skin table.sw-responsive-table tbody td + td,
    .sw-module-skin table.dataTable tbody td + td,
    .sw-module-skin table.datatables-basic tbody td + td {
        border-top: 1px solid rgba(var(--sw-secondary-rgb), 0.1) !important;
    }

    .sw-module-skin table.sw-responsive-table tbody td::before,
    .sw-module-skin table.dataTable tbody td::before,
    .sw-module-skin table.datatables-basic tbody td::before {
        content: attr(data-sw-label);
        min-width: 0;
        color: rgba(var(--sw-warning-rgb), 0.88);
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .sw-module-skin table.sw-responsive-table tbody td:not([data-sw-label])::before,
    .sw-module-skin table.dataTable tbody td:not([data-sw-label])::before,
    .sw-module-skin table.datatables-basic tbody td:not([data-sw-label])::before {
        content: none;
    }

    .sw-module-skin table.sw-responsive-table tbody td.sw-table-cell-utility,
    .sw-module-skin table.dataTable tbody td.sw-table-cell-utility,
    .sw-module-skin table.datatables-basic tbody td.sw-table-cell-utility,
    .sw-module-skin table.sw-responsive-table tbody td.control,
    .sw-module-skin table.dataTable tbody td.control,
    .sw-module-skin table.datatables-basic tbody td.control,
    .sw-module-skin table.sw-responsive-table tbody td.dtr-control,
    .sw-module-skin table.dataTable tbody td.dtr-control,
    .sw-module-skin table.datatables-basic tbody td.dtr-control {
        display: none !important;
    }

    .sw-module-skin table.sw-responsive-table tbody td.sw-table-cell-actions,
    .sw-module-skin table.dataTable tbody td.sw-table-cell-actions,
    .sw-module-skin table.datatables-basic tbody td.sw-table-cell-actions {
        display: flex !important;
        flex-wrap: wrap;
        gap: 0.4rem;
        align-items: center;
    }

    .sw-module-skin table.sw-responsive-table tbody td.sw-table-cell-actions::before,
    .sw-module-skin table.dataTable tbody td.sw-table-cell-actions::before,
    .sw-module-skin table.datatables-basic tbody td.sw-table-cell-actions::before {
        flex: 0 0 min(6.8rem, 38%);
    }

    .sw-module-skin table.sw-responsive-table tbody td.sw-table-cell-actions a,
    .sw-module-skin table.sw-responsive-table tbody td.sw-table-cell-actions button,
    .sw-module-skin table.sw-responsive-table tbody td.sw-table-cell-actions span[class*="action"],
    .sw-module-skin table.dataTable tbody td.sw-table-cell-actions a,
    .sw-module-skin table.dataTable tbody td.sw-table-cell-actions button,
    .sw-module-skin table.dataTable tbody td.sw-table-cell-actions span[class*="action"] {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 34px;
        min-height: 34px;
        margin: 0 !important;
        border-radius: var(--sw-radius-sm, 7px);
    }

    .sw-module-skin table.sw-responsive-table .avatar,
    .sw-module-skin table.dataTable .avatar,
    .sw-module-skin table.datatables-basic .avatar {
        flex: 0 0 auto;
    }

    .sw-module-skin table.sw-responsive-table .d-flex,
    .sw-module-skin table.dataTable .d-flex,
    .sw-module-skin table.datatables-basic .d-flex {
        min-width: 0;
    }

    .sw-module-skin table.sw-responsive-table .text-truncate,
    .sw-module-skin table.dataTable .text-truncate,
    .sw-module-skin table.datatables-basic .text-truncate {
        max-width: 100%;
        white-space: normal !important;
    }

    .sw-module-skin table.sw-responsive-table tbody td.dataTables_empty,
    .sw-module-skin table.dataTable tbody td.dataTables_empty,
    .sw-module-skin table.datatables-basic tbody td.dataTables_empty {
        display: block !important;
        padding: 1rem !important;
        text-align: center !important;
    }

    .sw-module-skin table.sw-responsive-table tbody td.dataTables_empty::before,
    .sw-module-skin table.dataTable tbody td.dataTables_empty::before,
    .sw-module-skin table.datatables-basic tbody td.dataTables_empty::before {
        content: none !important;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_paginate .paginate_button,
    .sw-module-skin .pagination .page-link {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
    }

    .sw-module-skin .dataTables_wrapper .dataTables_filter,
    .sw-module-skin .dataTables_wrapper .dataTables_length {
        justify-content: stretch !important;
    }
}

/* Global SignalWave form control system. */
body.sw-module-skin:not(.blank-page) {
    --sw-control-height: 52px;
    --sw-control-radius: 8px;
    --sw-control-border: rgba(var(--sw-secondary-rgb), 0.34);
    --sw-control-border-focus: rgba(var(--sw-warning-rgb), 0.78);
    --sw-control-bg: rgba(var(--sw-input-rgb), 0.86);
    --sw-control-bg-strong: rgba(var(--sw-bg-rgb), 0.68);
    --sw-control-shadow: 0 0 0 0 rgba(var(--sw-warning-rgb), 0);
    --sw-control-focus-shadow: 0 0 0 0.18rem rgba(var(--sw-warning-rgb), 0.16), 0 0 24px rgba(var(--sw-secondary-rgb), 0.12);
}

body.sw-module-skin:not(.blank-page) form,
body.sw-module-skin:not(.blank-page) .form,
body.sw-module-skin:not(.blank-page) .row,
body.sw-module-skin:not(.blank-page) [class*="col-"],
body.sw-module-skin:not(.blank-page) .mb-1,
body.sw-module-skin:not(.blank-page) .position-relative,
body.sw-module-skin:not(.blank-page) .select2-container {
    min-width: 0 !important;
}

body.sw-module-skin:not(.blank-page) .form-label,
body.sw-module-skin:not(.blank-page) label.form-label {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.35rem 0.55rem !important;
    min-height: 1.35rem !important;
    margin-bottom: 0.45rem !important;
    color: rgba(237, 246, 255, 0.74) !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
}

body.sw-module-skin:not(.blank-page) .form-label a,
body.sw-module-skin:not(.blank-page) label.form-label a,
body.sw-module-skin:not(.blank-page) .form-label small {
    min-width: 0 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
}

body.sw-module-skin:not(.blank-page) .form-control,
body.sw-module-skin:not(.blank-page) .form-select,
body.sw-module-skin:not(.blank-page) input[type="text"],
body.sw-module-skin:not(.blank-page) input[type="email"],
body.sw-module-skin:not(.blank-page) input[type="password"],
body.sw-module-skin:not(.blank-page) input[type="number"],
body.sw-module-skin:not(.blank-page) input[type="url"],
body.sw-module-skin:not(.blank-page) input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--sw-control-height) !important;
    height: var(--sw-control-height) !important;
    padding: 0.72rem 0.95rem !important;
    border: 1px solid var(--sw-control-border) !important;
    border-radius: var(--sw-control-radius) !important;
    background-color: var(--sw-control-bg) !important;
    color: var(--sw-text) !important;
    line-height: 1.35 !important;
    box-shadow: var(--sw-control-shadow) !important;
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}

body.sw-module-skin:not(.blank-page) textarea.form-control,
body.sw-module-skin:not(.blank-page) textarea {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 132px !important;
    height: auto !important;
    padding: 0.85rem 0.95rem !important;
    border: 1px solid var(--sw-control-border) !important;
    border-radius: var(--sw-control-radius) !important;
    background-color: var(--sw-control-bg) !important;
    color: var(--sw-text) !important;
    line-height: 1.5 !important;
    resize: vertical !important;
    box-shadow: var(--sw-control-shadow) !important;
}

body.sw-module-skin:not(.blank-page) .form-select {
    appearance: none !important;
    padding-right: 2.75rem !important;
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(237, 246, 255, 0.82) 50%),
        linear-gradient(135deg, rgba(237, 246, 255, 0.82) 50%, transparent 50%) !important;
    background-position:
        calc(100% - 1.2rem) calc(50% - 0.18rem),
        calc(100% - 0.88rem) calc(50% - 0.18rem) !important;
    background-size: 0.34rem 0.34rem, 0.34rem 0.34rem !important;
    background-repeat: no-repeat !important;
}

body.sw-module-skin:not(.blank-page) .form-control:focus,
body.sw-module-skin:not(.blank-page) .form-select:focus,
body.sw-module-skin:not(.blank-page) textarea.form-control:focus,
body.sw-module-skin:not(.blank-page) textarea:focus,
body.sw-module-skin:not(.blank-page) input:focus {
    border-color: var(--sw-control-border-focus) !important;
    background-color: rgba(var(--sw-input-rgb), 0.96) !important;
    box-shadow: var(--sw-control-focus-shadow) !important;
    outline: none !important;
}

body.sw-module-skin:not(.blank-page) .form-control::placeholder,
body.sw-module-skin:not(.blank-page) textarea::placeholder,
body.sw-module-skin:not(.blank-page) input::placeholder {
    color: rgba(237, 246, 255, 0.48) !important;
}

body.sw-module-skin:not(.blank-page) .select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

body.sw-module-skin:not(.blank-page) .position-relative,
body.sw-module-skin:not(.blank-page) .customized_select2,
body.sw-module-skin:not(.blank-page) .input-group > div:not(.input-group-text):not(.invalid-feedback):not(.valid-feedback) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--sw-control-height) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--sw-control-border) !important;
    border-radius: var(--sw-control-radius) !important;
    background: var(--sw-control-bg) !important;
    box-shadow: var(--sw-control-shadow) !important;
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}

body.sw-module-skin:not(.blank-page) .input-group:focus-within {
    border-color: var(--sw-control-border-focus) !important;
    background: rgba(var(--sw-input-rgb), 0.96) !important;
    box-shadow: var(--sw-control-focus-shadow) !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .input-group-text {
    display: inline-flex !important;
    flex: 0 0 var(--sw-control-height) !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--sw-control-height) !important;
    min-width: var(--sw-control-height) !important;
    min-height: var(--sw-control-height) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-right: 1px solid rgba(var(--sw-secondary-rgb), 0.26) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.18), rgba(var(--sw-secondary-rgb), 0.12)),
        transparent !important;
    color: var(--sw-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .position-relative,
body.sw-module-skin:not(.blank-page) .input-group > div:not(.input-group-text):not(.invalid-feedback):not(.valid-feedback),
body.sw-module-skin:not(.blank-page) .input-group > .form-control,
body.sw-module-skin:not(.blank-page) .input-group > .form-select,
body.sw-module-skin:not(.blank-page) .input-group > .select2-container {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .position-relative > .select2-container,
body.sw-module-skin:not(.blank-page) .input-group > div > .select2-container,
body.sw-module-skin:not(.blank-page) .input-group > div > select,
body.sw-module-skin:not(.blank-page) .input-group > div > input {
    width: 100% !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .position-relative,
body.sw-module-skin:not(.blank-page) .input-group > div:not(.input-group-text):not(.invalid-feedback):not(.valid-feedback) {
    display: flex !important;
    align-items: stretch !important;
    min-height: calc(var(--sw-control-height) - 2px) !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .position-relative > .select2-container,
body.sw-module-skin:not(.blank-page) .input-group > div > .select2-container {
    display: flex !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: calc(var(--sw-control-height) - 2px) !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .form-control,
body.sw-module-skin:not(.blank-page) .input-group > .form-select,
body.sw-module-skin:not(.blank-page) .input-group > .position-relative .form-control,
body.sw-module-skin:not(.blank-page) .input-group > .position-relative .form-select,
body.sw-module-skin:not(.blank-page) .input-group > div .form-control,
body.sw-module-skin:not(.blank-page) .input-group > div .form-select,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--single,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--multiple,
body.sw-module-skin:not(.blank-page) .input-group .choices__inner,
body.sw-module-skin:not(.blank-page) .input-group .ts-control {
    min-height: calc(var(--sw-control-height) - 2px) !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .form-control:not(:first-child),
body.sw-module-skin:not(.blank-page) .input-group > .form-select:not(:first-child),
body.sw-module-skin:not(.blank-page) .input-group > .position-relative:not(:first-child) .select2-selection,
body.sw-module-skin:not(.blank-page) .input-group > div:not(:first-child) .select2-selection {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .form-control:not(:last-child),
body.sw-module-skin:not(.blank-page) .input-group > .form-select:not(:last-child),
body.sw-module-skin:not(.blank-page) .input-group > .position-relative:not(:last-child) .select2-selection,
body.sw-module-skin:not(.blank-page) .input-group > div:not(:last-child) .select2-selection {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body.sw-module-skin:not(.blank-page) .input-group .form-check,
body.sw-module-skin:not(.blank-page) .input-group .form-check-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.sw-module-skin:not(.blank-page) .input-group .form-check-input {
    flex: 0 0 auto !important;
    float: none !important;
    width: 1.12rem !important;
    height: 1.12rem !important;
    margin: 0 !important;
    border-color: rgba(var(--sw-secondary-rgb), 0.72) !important;
    background-color: rgba(var(--sw-bg-rgb), 0.56) !important;
}

body.sw-module-skin:not(.blank-page) .input-group .form-check-input:checked {
    border-color: rgba(var(--sw-warning-rgb), 0.92) !important;
    background-color: var(--sw-warning) !important;
    box-shadow: 0 0 16px rgba(var(--sw-warning-rgb), 0.32) !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--single,
body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--multiple,
body.sw-module-skin:not(.blank-page) .choices__inner,
body.sw-module-skin:not(.blank-page) .ts-control,
body.sw-module-skin:not(.blank-page) .tom-select {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--sw-control-height) !important;
    height: auto !important;
    padding: 0.62rem 0.95rem !important;
    border: 1px solid var(--sw-control-border) !important;
    border-radius: var(--sw-control-radius) !important;
    background: var(--sw-control-bg) !important;
    color: var(--sw-text) !important;
    box-shadow: var(--sw-control-shadow) !important;
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}

body.sw-module-skin:not(.blank-page) .choices,
body.sw-module-skin:not(.blank-page) .ts-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .choices.is-focused .choices__inner,
body.sw-module-skin:not(.blank-page) .ts-wrapper.focus .ts-control,
body.sw-module-skin:not(.blank-page) .ts-wrapper.focus .tom-select {
    border-color: var(--sw-control-border-focus) !important;
    background: rgba(var(--sw-input-rgb), 0.96) !important;
    box-shadow: var(--sw-control-focus-shadow) !important;
}

body.sw-module-skin:not(.blank-page) .select2-container .selection {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 2rem 0 0 !important;
    color: var(--sw-text) !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection .select2-search,
body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection .select2-search--inline {
    display: inline-flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection .select2-search__field,
body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--multiple .select2-search__field,
body.sw-module-skin:not(.blank-page) .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
    min-width: 8rem !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0.2rem 0.35rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--sw-text) !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
    outline: none !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection .select2-search__field::placeholder {
    color: rgba(237, 246, 255, 0.48) !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute !important;
    top: 50% !important;
    right: 0.82rem !important;
    width: 1.2rem !important;
    height: 1.2rem !important;
    transform: translateY(-50%) !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(237, 246, 255, 0.82) transparent transparent transparent !important;
    border-width: 5px 4px 0 4px !important;
    margin-left: -4px !important;
    margin-top: -2px !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent rgba(237, 246, 255, 0.82) transparent !important;
    border-width: 0 4px 5px 4px !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--multiple {
    align-items: center !important;
    min-height: var(--sw-control-height) !important;
    padding: 0.45rem 0.55rem !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    gap: 0.36rem !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default.select2-container--focus .select2-selection--multiple,
body.sw-module-skin:not(.blank-page) .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--sw-control-border-focus) !important;
    background: rgba(var(--sw-input-rgb), 0.96) !important;
    box-shadow: var(--sw-control-focus-shadow) !important;
}

body.sw-module-skin:not(.blank-page) .select2-dropdown {
    min-width: 0 !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.38) !important;
    border-radius: var(--sw-control-radius) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), transparent 42%, rgba(var(--sw-warning-rgb), 0.05)),
        rgba(var(--sw-panel-rgb), 0.98) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42), 0 0 28px rgba(var(--sw-primary-rgb), 0.18) !important;
}

body.sw-module-skin:not(.blank-page) .customized_select2 .select2-selection--single,
body.sw-module-skin:not(.blank-page) .customized_select2 .input_sender_id {
    min-height: var(--sw-control-height) !important;
    height: var(--sw-control-height) !important;
    border-left: 1px solid var(--sw-control-border) !important;
    border-radius: var(--sw-control-radius) !important;
}

body.sw-module-skin:not(.blank-page) .sw-sender-workbench .row {
    row-gap: 0.25rem !important;
}

body.sw-module-skin:not(.blank-page) .sw-sender-workbench .mb-1,
body.sw-module-skin:not(.blank-page) .card-body .mb-1 {
    margin-bottom: 1rem !important;
}

body.sw-module-skin:not(.blank-page) .sw-sender-workbench .text-uppercase,
body.sw-module-skin:not(.blank-page) .sw-sender-workbench .text-primary,
body.sw-module-skin:not(.blank-page) .sw-sender-workbench .text-success {
    letter-spacing: 0 !important;
}

body.sw-module-skin:not(.blank-page) .sw-sender-workbench .btn-group.recipients {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.45rem !important;
}

body.sw-module-skin:not(.blank-page) .sw-sender-workbench .btn-group.recipients > .btn {
    flex: 0 1 auto !important;
    min-height: 38px !important;
    margin: 0 !important;
    border-radius: var(--sw-control-radius) !important;
}

body.sw-module-skin:not(.blank-page) .sw-sender-workbench textarea#recipients {
    min-height: 172px !important;
}

body.sw-module-skin:not(.blank-page) .sw-sender-workbench textarea#message {
    min-height: 202px !important;
}

body.sw-module-skin:not(.blank-page) .sw-native-counter,
body.sw-module-skin:not(.blank-page) .sw-sender-workbench .sw-char-meter {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
}

body.sw-module-skin:not(.blank-page) .sw-send-side {
    width: 100% !important;
    max-width: 100% !important;
}

@media (min-width: 1200px) {
    body.sw-module-skin:not(.blank-page) .sw-sender-workbench > .row {
        align-items: flex-start !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-send-side {
        position: sticky !important;
        top: calc(var(--admin-header-height, 76px) + 1rem) !important;
    }
}

@media (max-width: 991.98px) {
    body.sw-module-skin:not(.blank-page) .sw-sender-workbench .row.match-height > [class*="col-"],
    body.sw-module-skin:not(.blank-page) .form .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-sender-workbench .d-flex.justify-content-between {
        flex-wrap: wrap !important;
        gap: 0.75rem !important;
    }
}

@media (max-width: 575.98px) {
    body.sw-module-skin:not(.blank-page) {
        --sw-control-height: 50px;
    }

    body.sw-module-skin:not(.blank-page) .form-label,
    body.sw-module-skin:not(.blank-page) label.form-label {
        align-items: center !important;
        flex-direction: row !important;
        gap: 0.25rem !important;
    }

    body.sw-module-skin:not(.blank-page) .input-group {
        min-height: var(--sw-control-height) !important;
    }

    body.sw-module-skin:not(.blank-page) .input-group > .input-group-text {
        flex-basis: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-sender-workbench .btn-group.recipients {
        width: 100% !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-sender-workbench .btn-group.recipients > .btn {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    body.sw-module-skin:not(.blank-page) .sw-native-counter,
    body.sw-module-skin:not(.blank-page) .sw-sender-workbench .sw-char-meter {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* Final global form/select merge: prevent Select2/Choices from rendering as a small box inside a wide box. */
body.sw-module-skin:not(.blank-page) .input-group {
    position: relative !important;
    isolation: isolate !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .form-control,
body.sw-module-skin:not(.blank-page) .input-group > .form-select,
body.sw-module-skin:not(.blank-page) .input-group > .select2,
body.sw-module-skin:not(.blank-page) .input-group > .select2-container,
body.sw-module-skin:not(.blank-page) .input-group > .choices,
body.sw-module-skin:not(.blank-page) .input-group > .ts-wrapper,
body.sw-module-skin:not(.blank-page) .input-group > .position-relative,
body.sw-module-skin:not(.blank-page) .input-group > div > .position-relative,
body.sw-module-skin:not(.blank-page) .input-group > div:not(.input-group-text):not(.invalid-feedback):not(.valid-feedback) {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    align-self: stretch !important;
}

body.sw-module-skin:not(.blank-page) .input-group .select2,
body.sw-module-skin:not(.blank-page) .input-group .select2-container,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default,
body.sw-module-skin:not(.blank-page) .input-group .selection,
body.sw-module-skin:not(.blank-page) .input-group .select2-selection,
body.sw-module-skin:not(.blank-page) .input-group .choices,
body.sw-module-skin:not(.blank-page) .input-group .choices__inner,
body.sw-module-skin:not(.blank-page) .input-group .ts-wrapper,
body.sw-module-skin:not(.blank-page) .input-group .ts-control {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.sw-module-skin:not(.blank-page) .input-group > div:not(.input-group-text):not(.invalid-feedback):not(.valid-feedback),
body.sw-module-skin:not(.blank-page) .input-group > div:not(.input-group-text):not(.invalid-feedback):not(.valid-feedback) > .position-relative {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

body.sw-module-skin:not(.blank-page) .input-group .select2-container,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default,
body.sw-module-skin:not(.blank-page) .input-group .choices,
body.sw-module-skin:not(.blank-page) .input-group .ts-wrapper {
    display: flex !important;
    align-items: stretch !important;
    min-height: calc(var(--sw-control-height) - 2px) !important;
    height: auto !important;
}

body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--single,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--multiple,
body.sw-module-skin:not(.blank-page) .customized_select2 .input-group .select2-selection--single,
body.sw-module-skin:not(.blank-page) .customized_select2 .input-group .select2-selection--multiple,
body.sw-module-skin:not(.blank-page) .input-group .choices__inner,
body.sw-module-skin:not(.blank-page) .input-group .ts-control {
    min-height: calc(var(--sw-control-height) - 2px) !important;
    height: auto !important;
    padding: 0.62rem 2.55rem 0.62rem 0.95rem !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--multiple {
    align-items: center !important;
    padding-right: 0.95rem !important;
}

body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--single .select2-selection__rendered,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
}

body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0.95rem !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection .select2-search,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection .select2-search--inline {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection .select2-search__field,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--multiple .select2-search__field,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) select.select2-hidden-accessible,
body.sw-module-skin:not(.blank-page) select.form-select.select2-hidden-accessible,
body.sw-module-skin:not(.blank-page) .input-group select.select2-hidden-accessible {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .form-control,
body.sw-module-skin:not(.blank-page) .input-group > .form-select,
body.sw-module-skin:not(.blank-page) .input-group .input_sender_id {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page) .input-group > .input-group-text + .form-control,
body.sw-module-skin:not(.blank-page) .input-group > .input-group-text + .form-select,
body.sw-module-skin:not(.blank-page) .input-group > .input-group-text + .select2-container,
body.sw-module-skin:not(.blank-page) .input-group > .input-group-text + .position-relative,
body.sw-module-skin:not(.blank-page) .input-group > .input-group-text + div:not(.input-group-text) {
    border-left: 0 !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--open .select2-dropdown,
body.sw-module-skin:not(.blank-page) .select2-dropdown {
    overflow: hidden !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--open .select2-results__options {
    max-width: 100% !important;
}

/* Plugin-safe controls: keep calendars and dropdown arrows from inheriting full form-control geometry. */
body.sw-module-skin:not(.blank-page) .form-select:not(.select2-hidden-accessible) {
    appearance: none !important;
    -webkit-appearance: none !important;
    padding-right: 2.9rem !important;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23dfe8f6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: right 1rem center !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
}

body.sw-module-skin:not(.blank-page) .form-select:not(.select2-hidden-accessible)::-ms-expand {
    display: none !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--single,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--single {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding-right: 2.75rem !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--single .select2-selection__rendered,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    padding-right: 0 !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--single .select2-selection__arrow,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute !important;
    top: 50% !important;
    right: 0.95rem !important;
    width: 18px !important;
    height: 18px !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    border: 0 !important;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23dfe8f6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
    opacity: 0.88 !important;
    transform: none !important;
}

body.sw-module-skin:not(.blank-page) .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
body.sw-module-skin:not(.blank-page) .input-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg) !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar {
    width: 320px !important;
    min-width: 320px !important;
    max-width: calc(100vw - 32px) !important;
    padding: 0.75rem !important;
    overflow: hidden !important;
    border: 1px solid rgba(var(--sw-secondary-rgb), 0.3) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-secondary-rgb), 0.08), transparent 44%, rgba(var(--sw-warning-rgb), 0.06)),
        rgba(var(--sw-panel-rgb), 0.98) !important;
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.48), 0 0 30px rgba(var(--sw-primary-rgb), 0.14) !important;
    color: var(--sw-text) !important;
    z-index: 10050 !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar *,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar *::before,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar *::after {
    box-sizing: border-box !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar input,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar input[type="text"],
body.sw-module-skin:not(.blank-page) .flatpickr-calendar input[type="number"],
body.sw-module-skin:not(.blank-page) .flatpickr-calendar select,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar .numInput,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar .cur-year,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-monthDropdown-months {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 0.35rem !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--sw-text) !important;
    box-shadow: none !important;
    line-height: 32px !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-months {
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
    margin-bottom: 0.45rem !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-month {
    height: 38px !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-current-month {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    inset: 0 38px auto 38px !important;
    width: auto !important;
    height: 38px !important;
    padding: 0 !important;
    font-size: 1rem !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
    flex: 0 1 auto !important;
    max-width: 150px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    font-weight: 800 !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-current-month .numInputWrapper {
    flex: 0 0 74px !important;
    width: 74px !important;
    height: 32px !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-current-month input.cur-year {
    width: 74px !important;
    text-align: center !important;
    font-weight: 800 !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .numInputWrapper span {
    width: 18px !important;
    height: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0.6 !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-prev-month,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-next-month {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: 0.75rem !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    color: rgba(237, 246, 255, 0.82) !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-weekdays,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-days,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar .dayContainer {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-day {
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 8px !important;
    color: rgba(237, 246, 255, 0.78) !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-day.selected,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-day.startRange,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar .flatpickr-day.endRange {
    border-color: rgba(var(--sw-warning-rgb), 0.8) !important;
    background: linear-gradient(135deg, var(--sw-primary), var(--sw-secondary) 58%, var(--sw-warning)) !important;
    color: #06101f !important;
}

body.sw-module-skin:not(.blank-page) .sw-support-header-badge,
body.sw-module-skin:not(.blank-page) .sw-support-sidebar-badge {
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 800;
    box-shadow: 0 0 16px rgba(255, 76, 81, 0.45);
}

body.sw-module-skin:not(.blank-page) .sw-support-sidebar-badge {
    margin-left: auto;
    flex-shrink: 0;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed .sw-support-sidebar-badge,
body.sw-module-skin:not(.blank-page).menu-collapsed .sw-support-sidebar-badge {
    position: absolute;
    top: 8px;
    right: 10px;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    font-size: 0.58rem;
}

body.sw-module-skin:not(.blank-page) .sw-support-live-state {
    border: 1px solid rgba(var(--sw-primary-rgb), 0.28);
    background: rgba(17, 215, 169, 0.12) !important;
    color: rgba(237, 246, 255, 0.9);
}

body.sw-module-skin:not(.blank-page) .sw-support-live-warning {
    background: rgba(var(--sw-warning-rgb), 0.14) !important;
    border-color: rgba(var(--sw-warning-rgb), 0.35);
}

body.sw-module-skin:not(.blank-page) .sw-support-reply {
    background: rgba(7, 12, 30, 0.48);
    border-color: rgba(var(--sw-primary-rgb), 0.18) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

/* Sidebar accordion guard: pinning/expanding the rail must not reveal every submenu. */
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item > .menu-content,
body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.nav-item > .menu-content,
body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.nav-item > .menu-content {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item.open > .menu-content,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li.nav-item.sidebar-group-active > .menu-content,
body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.nav-item.open > .menu-content,
body.sw-module-skin:not(.blank-page).sidebar-pinned .main-menu .navigation > li.nav-item.sidebar-group-active > .menu-content,
body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.nav-item.open > .menu-content,
body.sw-module-skin:not(.blank-page).sidebar-collapsed.sidebar-hovering:not(.sidebar-pinned) .main-menu .navigation > li.nav-item.sidebar-group-active > .menu-content {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 0.34rem !important;
    margin-bottom: 0.55rem !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Global DataTables footer alignment: pagination/info controls must sit on one clean baseline. */
body.sw-module-skin:not(.blank-page) .dataTables_wrapper > .row:last-child,
body.sw-module-skin:not(.blank-page) .sw-datatable-console > .row:last-child {
    display: flex !important;
    align-items: center !important;
    row-gap: 0.85rem !important;
    padding: 1rem 0.55rem 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_wrapper > .row:last-child > [class*="col-"],
body.sw-module-skin:not(.blank-page) .sw-datatable-console > .row:last-child > [class*="col-"] {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_wrapper > .row:last-child > [class*="col-"]:first-child,
body.sw-module-skin:not(.blank-page) .sw-datatable-console > .row:last-child > [class*="col-"]:first-child {
    justify-content: flex-start !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_wrapper > .row:last-child > [class*="col-"]:last-child,
body.sw-module-skin:not(.blank-page) .sw-datatable-console > .row:last-child > [class*="col-"]:last-child {
    justify-content: flex-end !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_info {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: rgba(237, 246, 255, 0.72) !important;
    line-height: 1.35 !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_paginate {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_paginate .pagination,
body.sw-module-skin:not(.blank-page) .dataTables_wrapper ul.pagination,
body.sw-module-skin:not(.blank-page) .pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 0.38rem !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_wrapper .page-item,
body.sw-module-skin:not(.blank-page) .dataTables_wrapper .paginate_button,
body.sw-module-skin:not(.blank-page) .pagination .page-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    line-height: 1 !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_wrapper .page-link,
body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_paginate .paginate_button,
body.sw-module-skin:not(.blank-page) .pagination .page-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_wrapper .page-item.disabled .page-link,
body.sw-module-skin:not(.blank-page) .dataTables_wrapper .paginate_button.disabled {
    opacity: 0.58 !important;
}

@media (max-width: 767.98px) {
    body.sw-module-skin:not(.blank-page) .dataTables_wrapper > .row:last-child,
    body.sw-module-skin:not(.blank-page) .sw-datatable-console > .row:last-child {
        justify-content: center !important;
        text-align: center !important;
    }

    body.sw-module-skin:not(.blank-page) .dataTables_wrapper > .row:last-child > [class*="col-"],
    body.sw-module-skin:not(.blank-page) .sw-datatable-console > .row:last-child > [class*="col-"] {
        justify-content: center !important;
    }

    body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_info,
    body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_paginate,
    body.sw-module-skin:not(.blank-page) .dataTables_wrapper .pagination {
        justify-content: center !important;
    }
}

/* Dashboard top compression: keep the admin command summary near the header. */
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console {
    gap: 0.85rem !important;
    padding-top: 0 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-exact-dashboard-actions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
    min-height: 0 !important;
    margin: 0 0 0.65rem !important;
    padding: 0.65rem !important;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.16) !important;
    border-radius: 8px !important;
    background: rgba(4, 13, 29, 0.58) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-exact-dashboard-actions .quick-card {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0.35rem 0.65rem !important;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.18) !important;
    border-radius: 8px !important;
    background: rgba(7, 19, 39, 0.76) !important;
    box-shadow: none !important;
    color: rgba(237, 246, 255, 0.9) !important;
    white-space: nowrap !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-exact-dashboard-actions .quick-card svg {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    color: var(--sw-yellow) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-admin-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    margin: 0 !important;
    min-height: 0 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-admin-metrics + .sw-admin-metrics {
    margin-top: 0 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-admin-metrics > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric {
    display: block !important;
    min-height: 96px !important;
    height: 96px !important;
    padding: 0 !important;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.18) !important;
    border-left: 3px solid var(--sw-yellow) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.12), transparent 42%),
        rgba(6, 16, 34, 0.84) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18) !important;
    overflow: hidden !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric::before,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric::after,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric .card-header::before,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric .card-header::after {
    display: none !important;
    content: none !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric .card-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 96px !important;
    height: 96px !important;
    padding: 0.85rem 0.95rem !important;
    border: 0 !important;
    background: transparent !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric h2 {
    margin: 0 !important;
    color: rgba(255, 213, 91, 0.98) !important;
    font-size: clamp(1.3rem, 1.8vw, 1.9rem) !important;
    line-height: 1 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric p {
    margin: 0.32rem 0 0 !important;
    color: rgba(237, 246, 255, 0.68) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric .avatar {
    display: inline-grid !important;
    place-items: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border: 1px solid rgba(var(--sw-primary-rgb), 0.18) !important;
    border-radius: 8px !important;
    background: rgba(var(--sw-primary-rgb), 0.14) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric .avatar-content {
    background: transparent !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-admin-metric .avatar svg {
    color: var(--sw-yellow) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-command-alert {
    margin-top: 0.3rem !important;
}

/* Admin dashboard order: command summary first, analytics after. */
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-admin-hero {
    order: 1 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-exact-dashboard-actions {
    order: 2 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-admin-metrics {
    order: 3 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-command-alert {
    order: 4 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-onboarding-row {
    order: 5 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-analytics-mosaic {
    order: 6 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .row:not(.sw-admin-metrics):not(.sw-onboarding-row) {
    order: 7 !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-analytics-channel-wall {
    order: 8 !important;
}

/* Admin analytics theme lock: keep the new layout, but use the core SignalWave palette. */
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console {
    --sw-analytics-border: rgba(var(--sw-primary-rgb), 0.34);
    --sw-analytics-panel: rgba(var(--sw-panel-rgb), 0.78);
    --sw-analytics-panel-strong: rgba(var(--sw-input-rgb), 0.92);
    --sw-analytics-text: var(--sw-text);
    --sw-analytics-muted: var(--sw-muted);
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-analytics-mosaic,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-analytics-channel-wall {
    margin-top: 0.95rem !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-card,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-channel-card {
    border-color: rgba(var(--sw-primary-rgb), 0.28) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.14), transparent 34%),
        linear-gradient(160deg, rgba(var(--sw-secondary-rgb), 0.08), transparent 54%),
        rgba(var(--sw-panel-rgb), 0.76) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-card .card-header,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-channel-card header {
    border-bottom-color: rgba(var(--sw-primary-rgb), 0.2) !important;
    background:
        linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.17), rgba(var(--sw-input-rgb), 0.72)) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-chip,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-state {
    border-color: rgba(var(--sw-warning-rgb), 0.38) !important;
    background: rgba(var(--sw-warning-rgb), 0.11) !important;
    color: rgba(238, 188, 74, 0.96) !important;
    box-shadow: none !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-state span {
    background: var(--sw-secondary) !important;
    box-shadow: 0 0 0 5px rgba(var(--sw-secondary-rgb), 0.12), 0 0 18px rgba(var(--sw-secondary-rgb), 0.38) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-channel-card header span {
    background: rgba(var(--sw-warning-rgb), 0.13) !important;
    color: rgba(238, 188, 74, 0.96) !important;
}

body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-chart-card .card-body::before,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-mosaic .card-body,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console .sw-analytics-channel-card > div {
    border-color: rgba(var(--sw-primary-rgb), 0.1) !important;
    background-image:
        linear-gradient(rgba(var(--sw-secondary-rgb), 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--sw-primary-rgb), 0.04) 1px, transparent 1px) !important;
}

@media (max-width: 1199.98px) {
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-admin-metrics,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-exact-dashboard-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-admin-metrics,
    body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-exact-dashboard-actions {
        grid-template-columns: 1fr !important;
    }
}

/* Final admin dashboard order guard.
   Keeps the command summary and metric cards above analytics even if theme
   variables, cache timing, or analytics decoration classes load late. */
body.sw-module-skin:not(.blank-page) .sw-admin-dashboard,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console {
    display: flex !important;
    flex-direction: column !important;
}

body.sw-module-skin:not(.blank-page) .sw-admin-dashboard > .sw-admin-hero,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-admin-hero {
    order: 1 !important;
}

body.sw-module-skin:not(.blank-page) .sw-admin-dashboard > .sw-exact-dashboard-actions,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-exact-dashboard-actions {
    order: 2 !important;
}

body.sw-module-skin:not(.blank-page) .sw-admin-dashboard > .sw-admin-metrics,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-admin-metrics {
    order: 3 !important;
}

body.sw-module-skin:not(.blank-page) .sw-admin-dashboard > .sw-command-alert,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-command-alert {
    order: 4 !important;
}

body.sw-module-skin:not(.blank-page) .sw-admin-dashboard > .sw-onboarding-row,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-onboarding-row {
    order: 5 !important;
}

body.sw-module-skin:not(.blank-page) .sw-admin-dashboard > .sw-analytics-mosaic,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-analytics-mosaic {
    order: 6 !important;
}

body.sw-module-skin:not(.blank-page) .sw-admin-dashboard > .row:not(.sw-admin-metrics):not(.sw-onboarding-row),
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .row:not(.sw-admin-metrics):not(.sw-onboarding-row) {
    order: 7 !important;
}

body.sw-module-skin:not(.blank-page) .sw-admin-dashboard > .sw-analytics-channel-wall,
body.sw-module-skin:not(.blank-page).sw-smart-analytics-active .sw-admin-dashboard.sw-analytics-console > .sw-analytics-channel-wall {
    order: 8 !important;
}

/* Final theme-contrast guard.
   Keeps light palettes readable while preserving dark SignalWave contrast. */
body.sw-module-skin:not(.blank-page) label,
body.sw-module-skin:not(.blank-page) .form-label,
body.sw-module-skin:not(.blank-page) label.form-label,
body.sw-module-skin:not(.blank-page) .col-form-label,
body.sw-module-skin:not(.blank-page) .dataTables_filter label,
body.sw-module-skin:not(.blank-page) .dataTables_length label {
    color: var(--sw-label-text, var(--sw-muted)) !important;
}

body.sw-module-skin:not(.blank-page) .form-control::placeholder,
body.sw-module-skin:not(.blank-page) textarea::placeholder,
body.sw-module-skin:not(.blank-page) input::placeholder,
body.sw-module-skin:not(.blank-page) .select2-selection__placeholder {
    color: var(--sw-placeholder-text, var(--sw-muted)) !important;
}

body.sw-module-skin:not(.blank-page) .form-select {
    background-image:
        linear-gradient(45deg, transparent 50%, var(--sw-select-arrow-color, var(--sw-text)) 50%),
        linear-gradient(135deg, var(--sw-select-arrow-color, var(--sw-text)) 50%, transparent 50%) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li ul li > a,
body.sw-module-skin:not(.blank-page) .main-menu .navigation li a span,
body.sw-module-skin:not(.blank-page) .sw-nav-section-label,
body.sw-module-skin:not(.blank-page) .sw-sidebar-profile small,
body.sw-module-skin:not(.blank-page) .sw-sidebar-profile .user-status,
body.sw-module-skin:not(.blank-page) .sw-topbar-status small {
    color: var(--sw-soft-text, var(--sw-muted)) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a strong,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a.active,
body.sw-module-skin:not(.blank-page) .sw-sidebar-profile strong,
body.sw-module-skin:not(.blank-page) .sw-topbar-status strong,
body.sw-module-skin:not(.blank-page) .content-header-title,
body.sw-module-skin:not(.blank-page) .card-title {
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .card,
body.sw-module-skin:not(.blank-page) .card-body,
body.sw-module-skin:not(.blank-page) .modal-content,
body.sw-module-skin:not(.blank-page) .offcanvas,
body.sw-module-skin:not(.blank-page) .accordion-item,
body.sw-module-skin:not(.blank-page) .sw-support-card,
body.sw-module-skin:not(.blank-page) .sw-current-theme-name,
body.sw-module-skin:not(.blank-page) .sw-customizer-section-title,
body.sw-module-skin:not(.blank-page) .sw-analytics-card h1,
body.sw-module-skin:not(.blank-page) .sw-analytics-card h2,
body.sw-module-skin:not(.blank-page) .sw-analytics-card h3,
body.sw-module-skin:not(.blank-page) .sw-analytics-card h4,
body.sw-module-skin:not(.blank-page) .sw-analytics-card h5,
body.sw-module-skin:not(.blank-page) .sw-analytics-card h6 {
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .card p,
body.sw-module-skin:not(.blank-page) .card small,
body.sw-module-skin:not(.blank-page) .card .text-muted,
body.sw-module-skin:not(.blank-page) .sw-current-theme-meta,
body.sw-module-skin:not(.blank-page) .sw-preset-card span,
body.sw-module-skin:not(.blank-page) .sw-layout-switch-copy span,
body.sw-module-skin:not(.blank-page) .sw-customizer-note,
body.sw-module-skin:not(.blank-page) .sw-analytics-card p,
body.sw-module-skin:not(.blank-page) .sw-analytics-card small {
    color: var(--sw-soft-text, var(--sw-muted)) !important;
}

body.sw-module-skin:not(.blank-page) .table,
body.sw-module-skin:not(.blank-page) table.dataTable,
body.sw-module-skin:not(.blank-page) .dataTables_wrapper,
body.sw-module-skin:not(.blank-page) .table-responsive,
body.sw-module-skin:not(.blank-page) .sw-table-card {
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .table thead th,
body.sw-module-skin:not(.blank-page) table.dataTable thead th,
body.sw-module-skin:not(.blank-page) .table tbody td,
body.sw-module-skin:not(.blank-page) table.dataTable tbody td,
body.sw-module-skin:not(.blank-page) .table td,
body.sw-module-skin:not(.blank-page) .table th,
body.sw-module-skin:not(.blank-page) .sw-responsive-cell,
body.sw-module-skin:not(.blank-page) .sw-responsive-table-card,
body.sw-module-skin:not(.blank-page) .sw-responsive-table-card * {
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .dataTables_info,
body.sw-module-skin:not(.blank-page) .dataTables_empty,
body.sw-module-skin:not(.blank-page) .dataTables_processing,
body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_length,
body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_filter,
body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_paginate,
body.sw-module-skin:not(.blank-page) .dataTables_wrapper .dataTables_paginate .paginate_button,
body.sw-module-skin:not(.blank-page) .table small,
body.sw-module-skin:not(.blank-page) table.dataTable small {
    color: var(--sw-soft-text, var(--sw-muted)) !important;
}

body.sw-module-skin:not(.blank-page) .dropdown-menu,
body.sw-module-skin:not(.blank-page) .select2-dropdown,
body.sw-module-skin:not(.blank-page) .choices__list--dropdown,
body.sw-module-skin:not(.blank-page) .flatpickr-calendar {
    border-color: rgba(var(--sw-border-rgb), 0.86) !important;
    background:
        linear-gradient(135deg, rgba(var(--sw-primary-rgb), 0.08), transparent 42%),
        rgba(var(--sw-modal-rgb), 0.98) !important;
    color: var(--sw-text) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(var(--sw-primary-rgb), 0.12) !important;
}

body.sw-module-skin:not(.blank-page) .dropdown-item,
body.sw-module-skin:not(.blank-page) .select2-results__option,
body.sw-module-skin:not(.blank-page) .choices__item--choice,
body.sw-module-skin:not(.blank-page) .flatpickr-month,
body.sw-module-skin:not(.blank-page) .flatpickr-weekday,
body.sw-module-skin:not(.blank-page) .flatpickr-day,
body.sw-module-skin:not(.blank-page) .numInputWrapper input,
body.sw-module-skin:not(.blank-page) .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .dropdown-item:hover,
body.sw-module-skin:not(.blank-page) .dropdown-item:focus,
body.sw-module-skin:not(.blank-page) .select2-results__option--highlighted,
body.sw-module-skin:not(.blank-page) .choices__item--choice.is-highlighted,
body.sw-module-skin:not(.blank-page) .flatpickr-day:hover,
body.sw-module-skin:not(.blank-page) .flatpickr-day:focus {
    background: rgba(var(--sw-primary-rgb), 0.16) !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .flatpickr-day.selected,
body.sw-module-skin:not(.blank-page) .flatpickr-day.startRange,
body.sw-module-skin:not(.blank-page) .flatpickr-day.endRange {
    border-color: var(--sw-primary) !important;
    background: var(--sw-primary) !important;
    color: var(--sw-primary-contrast, #ffffff) !important;
}

body.sw-module-skin:not(.blank-page) .apexcharts-text,
body.sw-module-skin:not(.blank-page) .apexcharts-title-text,
body.sw-module-skin:not(.blank-page) .apexcharts-subtitle-text,
body.sw-module-skin:not(.blank-page) .apexcharts-xaxis-label,
body.sw-module-skin:not(.blank-page) .apexcharts-yaxis-label,
body.sw-module-skin:not(.blank-page) .apexcharts-legend-text {
    fill: var(--sw-soft-text, var(--sw-muted)) !important;
    color: var(--sw-soft-text, var(--sw-muted)) !important;
}

body.sw-module-skin:not(.blank-page) .apexcharts-tooltip,
body.sw-module-skin:not(.blank-page) .apexcharts-xaxistooltip,
body.sw-module-skin:not(.blank-page) .apexcharts-yaxistooltip {
    border-color: rgba(var(--sw-border-rgb), 0.86) !important;
    background: rgba(var(--sw-modal-rgb), 0.98) !important;
    color: var(--sw-text) !important;
}

body.sw-module-skin:not(.blank-page) .apexcharts-gridline,
body.sw-module-skin:not(.blank-page) .apexcharts-xaxis-tick {
    stroke: rgba(var(--sw-border-rgb), 0.72) !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .navigation > li > a svg,
body.sw-module-skin:not(.blank-page) .main-menu .navigation > li ul li > a svg,
body.sw-module-skin:not(.blank-page) .header-navbar svg,
body.sw-module-skin:not(.blank-page) .dropdown-toggle svg {
    color: currentColor;
    stroke: currentColor;
}

/* Hide the legacy Pace page-load bar. It briefly injected a purple strip
   across the top of every reload, which conflicts with the admin shell. */
.pace,
.pace .pace-progress,
.pace .pace-progress-inner,
.pace .pace-activity {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Final sidebar profile stability guard.
   The account dock must stay anchored to the viewport bottom, and its menu
   must float above it instead of expanding the sidebar layout. */
body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed .sw-account-dock,
body.sw-module-skin:not(.blank-page) .main-menu.menu-fixed > .sw-account-dock {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    top: auto !important;
    bottom: 16px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 3200 !important;
}

body.sw-module-skin:not(.blank-page).sidebar-collapsed:not(.sidebar-hovering):not(.sidebar-pinned) .main-menu.menu-fixed .sw-account-dock {
    left: 0 !important;
    right: 0 !important;
    bottom: 16px !important;
    width: 100% !important;
}

body.sw-module-skin:not(.blank-page).sw-sidebar-profile-open .main-menu.menu-fixed .sw-account-dock,
body.sw-module-skin:not(.blank-page).sw-sidebar-profile-open .main-menu .sw-sidebar-profile {
    overflow: visible !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile.is-open .sw-sidebar-profile-menu,
body.sw-module-skin:not(.blank-page).sidebar-collapsed .main-menu .sw-sidebar-profile-menu.show {
    position: fixed !important;
    z-index: 3600 !important;
    margin: 0 !important;
    transform-origin: bottom left !important;
}

body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile.is-open .sw-sidebar-profile-menu,
body.sw-module-skin:not(.blank-page) .main-menu .sw-sidebar-profile-menu.show {
    display: block !important;
    max-height: min(440px, calc(100vh - 24px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}