* {
    box-sizing: border-box;
}

        grid-column: auto;
    }
}

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

:root {
    --bg: #f8f7fa;
    --bg-glow: radial-gradient(circle at top left, rgba(115, 103, 240, 0.12), transparent 34%), radial-gradient(circle at top right, rgba(0, 186, 209, 0.08), transparent 30%);
    --text: #2f2b3d;
    --accent: #675dd8;
    --accent-hover: #5b52c6;
    --accent-contrast: #ffffff;
    --surface-soft: #f3f2f7;
    --surface-hover: #edeafc;
    --border: #dbdade;
    --secondary: #6f6b7d;
    --secondary-hover: #4b465c;
    --page-bg: var(--bg);
    --panel-bg: #ffffff;
    --surface-color: var(--panel-bg);
    --surface-muted: var(--surface-soft);
    --text-main: var(--text);
    --heading-color: var(--text);
    --muted-color: #6f6b7d;
    --text-muted: var(--muted-color);
    --border-color: var(--border);
    --primary: var(--accent);
    --primary-color: var(--accent);
    --primary-hover: var(--accent-hover);
}

body {
    margin: 0;
    background: var(--bg);
    background-image: var(--bg-glow);
    color: var(--text);
    font-family: Arial, Helvetica, sans-serif;
}

body.theme-dark {
    --bg: #25293c;
    --bg-glow: radial-gradient(circle at top left, rgba(115, 103, 240, 0.2), transparent 32%), radial-gradient(circle at top right, rgba(0, 186, 209, 0.1), transparent 30%);
    --text: #d7d4f0;
    --accent: #675dd8;
    --accent-hover: #7a70f0;
    --accent-contrast: #ffffff;
    --surface-soft: #2f3349;
    --surface-hover: #393d55;
    --border: #44485e;
    --secondary: #b6bee3;
    --secondary-hover: #d7d4f0;
    --page-bg: var(--bg);
    --panel-bg: #2f3349;
    --surface-color: var(--panel-bg);
    --surface-muted: var(--surface-soft);
    --text-main: var(--text);
    --heading-color: var(--text);
    --muted-color: #b6bee3;
    --text-muted: var(--muted-color);
    --border-color: var(--border);
    --primary: var(--accent);
    --primary-color: var(--accent);
    --primary-hover: var(--accent-hover);
    background: var(--bg);
    background-image: var(--bg-glow);
    color: var(--text);
}

a {
    color: var(--accent);
    text-decoration: none;
}

.auth-topbar {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    min-height: 64px;
    padding: 0 28px;
}

.layout {
    display: block;
    min-height: 100vh;
}

.sidebar {
    background: #ffffff;
    border-right: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    transition: width 180ms ease;
    overflow: hidden;
    width: 260px;
    z-index: 1200;
}

.sidebar__head {
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    min-height: 64px;
    padding: 0 18px;
}

.hamburger {
    background: var(--surface-soft);
    border: 0;
    border-radius: 6px;
    color: var(--text);
    cursor: pointer;
    font-size: 18px;
    height: 38px;
    width: 38px;
}

.sidebar__profile {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    gap: 11px;
    margin: 12px;
    min-width: 0;
    padding: 12px;
}

.sidebar__profile img,
.sidebar__profile span {
    align-items: center;
    background: linear-gradient(135deg, var(--accent), #7c5a22);
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(184, 137, 60, 0.24);
    color: #ffffff;
    display: flex;
    flex: 0 0 auto;
    font-size: 17px;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    object-fit: cover;
    width: 44px;
}

.sidebar__profile > div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.sidebar__profile strong,
.sidebar__profile small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar__profile strong {
    color: #111827;
    font-size: 14px;
    line-height: 1.25;
}

.sidebar__profile small {
    color: #6b7280;
    font-size: 12px;
    line-height: 1.25;
    max-width: 150px;
}

.sidebar__profile small:last-child {
    align-self: start;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    margin-top: 3px;
    max-width: 110px;
    padding: 3px 8px;
}

.sidebar__nav {
    align-content: start;
    display: grid;
    gap: 4px;
    grid-auto-rows: min-content;
    overflow-y: auto;
    padding: 10px 12px;
    flex: 1 1 auto;
    min-height: 0;
    overscroll-behavior: contain;
}

.sidebar__nav a,
.sidebar__footer a {
    align-items: center;
    border-radius: 6px;
    color: #374151;
    display: flex;
    font-size: 14px;
    gap: 10px;
    min-height: 38px;
    padding: 9px 12px;
    position: relative;
}

.sidebar__nav a:hover,
.sidebar__footer a:hover {
    background: #f3f4f6;
    color: #111827;
}

.sidebar__footer {
    border-top: 1px solid #e5e7eb;
    display: grid;
    gap: 6px;
    padding: 12px;
    flex: 0 0 auto;
}

.sidebar__footer .button {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    min-height: 38px;
    overflow: hidden;
    padding: 11px 12px;
    white-space: nowrap;
}

.sidebar-icon {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 16px;
    justify-content: center;
    width: 18px;
}

.sidebar-link-icon {
    align-items: center;
    display: inline-flex;
    flex: 0 0 20px;
    font-size: 17px;
    justify-content: center;
    line-height: 1;
    width: 20px;
}

.sidebar-icon svg,
.sidebar-link-icon svg,
.notification-link__icon svg {
    display: block;
    height: 18px;
    width: 18px;
}

.sidebar-link-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-collapsed .sidebar {
    overflow: visible;
    width: 78px;
}

.sidebar-collapsed .app-shell {
    margin: 0 auto;
    width: min(1440px, calc(100% - 78px));
}

.sidebar-collapsed .app-shell__topbar {
    left: 78px;
}

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

.sidebar-collapsed .brand,
.sidebar-collapsed .sidebar__profile div,
.sidebar-collapsed .sidebar-label,
.sidebar-collapsed .sidebar-link-label {
    display: none;
}

.sidebar-collapsed .sidebar__profile {
    background: transparent;
    border: 0;
    border-radius: 0;
    justify-content: center;
    margin: 12px 0;
    padding: 6px 0;
}

.sidebar-collapsed .sidebar__profile img,
.sidebar-collapsed .sidebar__profile span {
    height: 44px;
    width: 44px;
}

.sidebar-collapsed .sidebar__nav,
.sidebar-collapsed .sidebar__footer {
    overflow: visible;
    padding: 10px 12px;
}

.sidebar-collapsed .sidebar__nav a,
.sidebar-collapsed .sidebar__footer a,
.sidebar-collapsed .sidebar__footer .button {
    align-items: center;
    font-size: 14px;
    justify-content: center;
    min-height: 38px;
    overflow: visible;
    padding: 0;
    width: 54px;
}

.sidebar-collapsed .sidebar-link-icon {
    flex-basis: auto;
    font-size: 18px;
    width: auto;
}

.sidebar-collapsed .sidebar__nav a:hover::after,
.sidebar-collapsed .sidebar__footer a:hover::after,
.sidebar-collapsed .sidebar__footer .button:hover::after {
    background: #111827;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
    color: #ffffff;
    content: attr(data-tooltip);
    font-size: 13px;
    font-weight: 700;
    left: 66px;
    line-height: 1;
    padding: 10px 12px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    z-index: 1400;
}

.sidebar-collapsed .sidebar__nav a:hover::before,
.sidebar-collapsed .sidebar__footer a:hover::before,
.sidebar-collapsed .sidebar__footer .button:hover::before {
    border-bottom: 6px solid transparent;
    border-right: 6px solid #111827;
    border-top: 6px solid transparent;
    content: "";
    left: 60px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1399;
}

.sidebar-collapsed .sidebar__footer .button .sidebar-icon {
    margin: 0;
}

.brand {
    color: #111827;
    font-size: 18px;
    font-weight: 700;
}

.nav {
    align-items: center;
    display: flex;
    gap: 18px;
}

.nav a {
    color: #374151;
    font-size: 14px;
}

.app-shell {
    flex: 1;
    margin: 0 0 0 260px;
    max-width: 1440px;
    padding: 84px 24px 32px;
    transition: margin-left 180ms ease;
    width: min(1440px, calc(100% - 260px));
}

.app-shell__topbar {
    align-items: center;
    background: #ffffff;
    backdrop-filter: blur(14px);
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    left: 260px;
    margin: 0;
    min-height: 60px;
    padding: 0 24px;
    position: fixed;
    right: 0;
    top: 0;
    transition: left 180ms ease;
    z-index: 60;
}

.quick-links,
.topbar-user-menu {
    position: relative;
}

.mobile-nav-backdrop {
    display: none;
}

.quick-links summary,
.topbar-user-menu summary {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    list-style: none;
    padding: 0;
    position: relative;
    width: 40px;
}

.quick-links summary:hover,
.topbar-user-menu summary:hover {
    background: var(--surface-hover);
}

.quick-links summary::marker,
.topbar-user-menu summary::marker {
    content: "";
}

.quick-links summary::-webkit-details-marker,
.topbar-user-menu summary::-webkit-details-marker {
    display: none;
}

.quick-links__grid-icon {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(2, 6px);
    height: 18px;
    position: relative;
    width: 18px;
}

.quick-links__grid-icon span {
    border: 2px solid currentColor;
    border-radius: 3px;
}

.quick-links__grid-icon i {
    bottom: -2px;
    color: var(--accent);
    display: block;
    height: 8px;
    position: absolute;
    right: -5px;
    width: 8px;
}

.quick-links__grid-icon i::before,
.quick-links__grid-icon i::after {
    background: currentColor;
    border-radius: 999px;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.quick-links__grid-icon i::before {
    height: 8px;
    width: 2px;
}

.quick-links__grid-icon i::after {
    height: 2px;
    width: 8px;
}

.quick-links__menu {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
    display: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    width: 352px;
    z-index: 90;
}

.quick-links[open] .quick-links__menu {
    display: block;
}

.quick-links__head {
    align-items: center;
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    min-height: 62px;
    padding: 0 16px;
}

.quick-links__head strong {
    font-size: 14px;
    font-weight: 800;
}

.quick-links__head span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
}

.quick-links__head svg,
.quick-links__configure svg {
    height: 18px;
    width: 18px;
}

.quick-links__configure {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    width: 34px;
}

.quick-links__configure:hover {
    background: var(--surface-soft);
    color: var(--accent);
}

.quick-links__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quick-links__grid a {
    align-items: center;
    border-bottom: 1px solid var(--border);
    border-right: 1px solid var(--border);
    color: var(--text);
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    min-height: 148px;
    padding: 18px 14px;
    text-align: center;
}

.quick-links__grid a:nth-child(2n) {
    border-right: 0;
}

.quick-links__grid a:hover {
    background: var(--surface-hover);
}

.quick-links__item-icon {
    align-items: center;
    background: var(--surface-soft);
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.quick-links__item-icon svg {
    height: 24px;
    width: 24px;
}

.quick-links__grid strong {
    font-size: 15px;
    font-weight: 800;
}

.quick-links__grid small {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.25;
}

.quick-links__empty {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 190px;
    padding: 24px;
    text-align: center;
}

.quick-links__empty svg {
    color: var(--accent);
    height: 28px;
    width: 28px;
}

.quick-links__empty strong {
    color: var(--text);
    font-size: 15px;
}

.quick-links-settings-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quick-links-toggle {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: auto 1fr;
    margin: 0;
    padding: 14px;
}

.quick-links-toggle__body {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.quick-links-toggle__icon {
    align-items: center;
    background: var(--surface-soft);
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    flex: 0 0 auto;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.quick-links-toggle__icon svg {
    height: 21px;
    width: 21px;
}

.quick-links-toggle strong,
.quick-links-toggle small {
    display: block;
}

.quick-links-toggle strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
}

.quick-links-toggle small {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.35;
    margin-top: 2px;
}

@media (max-width: 640px) {
    .quick-links-settings-grid {
        grid-template-columns: 1fr;
    }
}

.topbar-user-menu__avatar {
    border-radius: 999px;
    display: inline-flex;
    height: 38px;
    position: relative;
    width: 38px;
}

.topbar-user-menu__avatar img,
.topbar-user-menu__avatar > span {
    align-items: center;
    background: linear-gradient(135deg, #675dd8, #8f85ff);
    border: 2px solid var(--accent);
    border-radius: inherit;
    color: #ffffff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    width: 100%;
}

.topbar-user-menu__avatar i {
    background: #28c76f;
    border: 2px solid var(--panel-bg);
    border-radius: 999px;
    bottom: 0;
    height: 10px;
    position: absolute;
    right: 0;
    width: 10px;
}

.topbar-user-menu__avatar--large {
    height: 46px;
    width: 46px;
}

.topbar-user-menu__menu {
    background: var(--panel-bg);
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 12px 34px rgba(47, 43, 61, 0.16);
    display: none;
    min-width: 256px;
    overflow: hidden;
    padding: 12px 0;
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    z-index: 92;
}

.topbar-user-menu[open] .topbar-user-menu__menu {
    display: block;
}

.topbar-user-menu__profile {
    align-items: center;
    display: flex;
    gap: 12px;
    padding: 6px 18px 14px;
}

.topbar-user-menu__profile strong,
.topbar-user-menu__profile small {
    display: block;
}

.topbar-user-menu__profile small {
    color: var(--text-muted);
    margin-top: 3px;
}

.topbar-user-menu__links {
    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    padding: 8px 0;
}

.topbar-user-menu__links a {
    align-items: center;
    color: var(--text);
    display: flex;
    gap: 14px;
    min-height: 42px;
    padding: 0 22px;
}

.topbar-user-menu__links a:hover {
    background: var(--surface-hover);
}

.topbar-user-menu__links svg {
    color: var(--text-muted);
    height: 18px;
    width: 18px;
}

.topbar-user-menu__logout {
    align-items: center;
    background: #ff4c51;
    border-radius: 6px;
    color: #ffffff;
    display: flex;
    font-size: 14px;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    margin: 12px 16px 0;
    min-height: 38px;
}

.topbar-user-menu__logout:hover {
    background: #e64449;
    color: #ffffff;
}

.topbar-user-menu__logout svg {
    height: 16px;
    width: 16px;
}

.notification-link {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    height: 36px;
    justify-content: center;
    position: relative;
    width: 42px;
}

.topbar-icon-button {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 36px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 42px;
}

.topbar-icon-button:hover {
    background: #f3f4f6;
    color: #111827;
}

.topbar-icon-button__icon,
.topbar-icon-button__icon svg {
    display: block;
    height: 18px;
    width: 18px;
}

.topbar-icon-button[data-tooltip]::before,
.topbar-icon-button[data-tooltip]::after {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 50%;
    transform: translateX(50%) translateY(-4px);
    transition: opacity 140ms ease, transform 140ms ease;
    z-index: 1300;
}

.topbar-icon-button[data-tooltip]::before {
    background: #1f2937;
    border-radius: 6px;
    bottom: -36px;
    color: #ffffff;
    content: attr(data-tooltip);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 8px 10px;
    white-space: nowrap;
}

.topbar-icon-button[data-tooltip]::after {
    border: 5px solid transparent;
    border-bottom-color: #1f2937;
    bottom: -10px;
    content: "";
}

.topbar-icon-button[data-tooltip]:hover::before,
.topbar-icon-button[data-tooltip]:hover::after,
.topbar-icon-button[data-tooltip]:focus-visible::before,
.topbar-icon-button[data-tooltip]:focus-visible::after {
    opacity: 1;
    transform: translateX(50%) translateY(0);
}

.notification-link__badge {
    align-items: center;
    background: #b8893d;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    min-height: 18px;
    min-width: 18px;
    padding: 0 5px;
    position: absolute;
    right: -7px;
    top: -7px;
}

.app-shell--auth {
    display: block;
    margin: 0 auto;
    max-width: none;
    min-height: 100vh;
    padding: 0;
}

.tenant-auth {
    background: #f3f6fb;
    color: var(--tblr-body-color, #182433);
    min-height: 100dvh;
    padding: 24px;
}

.tenant-auth__shell {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(320px, 400px) minmax(0, 1fr);
    margin: 0 auto;
    max-width: 1180px;
    min-height: calc(100dvh - 48px);
}

.tenant-auth__brand {
    background: #ffffff;
    border: 1px solid rgba(98, 105, 118, .16);
    border-radius: 10px;
    color: var(--tblr-body-color, #182433);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 32px;
    position: relative;
}

.tenant-auth__brand::before {
    background: var(--tblr-primary, #206bc4);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.tenant-auth__logo {
    align-items: center;
    color: inherit;
    display: inline-flex;
    gap: 10px;
    margin-bottom: 42px;
    text-decoration: none;
}

.tenant-auth__logo:hover {
    color: inherit;
    text-decoration: none;
}

.tenant-auth__logo span {
    align-items: center;
    background: var(--tblr-primary-lt, #eaf2ff);
    border: 1px solid rgba(32, 107, 196, .16);
    border-radius: 8px;
    color: var(--tblr-primary, #206bc4);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.tenant-auth__logo svg {
    height: 19px;
    width: 19px;
}

.tenant-auth__logo strong {
    color: inherit;
    font-size: 16px;
    letter-spacing: 0;
}

.tenant-auth__eyebrow {
    color: var(--tblr-secondary-color, #667085);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.tenant-auth__brand h1 {
    color: var(--tblr-heading-color, #182433);
    font-size: 32px;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 0 0 14px;
    max-width: 360px;
}

.tenant-auth__brand p {
    color: var(--tblr-secondary-color, #667085);
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
    max-width: 350px;
}

.tenant-auth__feature-grid {
    display: grid;
    gap: 8px;
    margin-top: 28px;
}

.tenant-auth__feature {
    align-items: center;
    display: flex;
    gap: 10px;
    min-height: 28px;
}

.tenant-auth__feature > span {
    align-items: center;
    background: var(--tblr-bg-surface-secondary, #f1f5f9);
    border: 1px solid rgba(98, 105, 118, .12);
    border-radius: 7px;
    color: var(--tblr-primary, #206bc4);
    display: inline-flex;
    flex: 0 0 28px;
    height: 28px;
    justify-content: center;
}

.tenant-auth__feature svg {
    height: 15px;
    width: 15px;
}

.tenant-auth__feature strong {
    color: var(--tblr-body-color, #182433);
    font-size: 13px;
    font-weight: 600;
}

.tenant-auth__stats {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.tenant-auth__stats div {
    border-top: 1px solid rgba(98, 105, 118, .14);
    padding-top: 12px;
}

.tenant-auth__stats strong,
.tenant-auth__stats span {
    display: block;
}

.tenant-auth__stats strong {
    color: var(--tblr-body-color, #182433);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.tenant-auth__stats span {
    color: var(--tblr-secondary-color, #667085);
    font-size: 12px;
    margin-bottom: 4px;
}

.tenant-auth__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 0;
}

.tenant-auth__mobile-brand {
    display: none;
    margin-bottom: 18px;
    width: 100%;
}

.tenant-auth__logo--compact {
    color: var(--tblr-body-color, #182433);
    margin-bottom: 0;
}

.tenant-auth-card {
    border-color: rgba(98, 105, 118, .16);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(29, 39, 59, .08);
    max-width: 500px;
    width: 100%;
}

.tenant-auth--signup .tenant-auth-card {
    max-width: 760px;
}

.tenant-auth-card > .card-body {
    padding: 30px;
}

.tenant-auth-card__header {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

.tenant-auth-card__icon {
    align-items: center;
    background: var(--tblr-primary-lt, #eaf2ff);
    border-radius: 9px;
    color: var(--tblr-primary, #206bc4);
    display: inline-flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
}

.tenant-auth-card__icon svg {
    height: 19px;
    width: 19px;
}

.tenant-auth-card h2 {
    color: var(--tblr-heading-color, #182433);
    font-size: 25px;
    letter-spacing: 0;
    line-height: 1.18;
    margin: 0 0 7px;
}

.tenant-auth-card p {
    color: var(--tblr-secondary-color, #667085);
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
}

.tenant-auth-form .input-icon-addon svg,
.tenant-auth-form .btn svg,
.tenant-auth__below svg {
    height: 1.05em;
    width: 1.05em;
}

.tenant-auth-form .form-label.required::after {
    color: var(--tblr-danger, #d63939);
    content: " *";
}

.tenant-auth-form .form-hint {
    color: var(--tblr-secondary-color, #667085);
    font-size: 12px;
    line-height: 1.35;
    margin-top: 5px;
}

.tenant-auth-form .recaptcha-notice {
    margin-top: 12px;
}

.tenant-auth-form .form-control-lg {
    font-size: 14px;
    min-height: 42px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.tenant-auth-form .btn-lg {
    min-height: 42px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.tenant-auth__below {
    color: var(--tblr-secondary-color, #667085);
    font-size: 14px;
    margin-top: 14px;
    text-align: center;
}

.tenant-auth__below a {
    font-weight: 600;
}

body.theme-dark .tenant-auth {
    background: #111827;
}

body.theme-dark .tenant-auth__brand {
    background: #1f2937;
    border-color: rgba(148, 163, 184, .2);
}

body.theme-dark .tenant-auth-card {
    background: #1f2937;
    border-color: rgba(148, 163, 184, .2);
    box-shadow: 0 18px 52px rgba(0, 0, 0, .26);
}

body.theme-dark .tenant-auth__logo--compact {
    color: #f8fafc;
}

body.theme-dark .tenant-auth-card h2 {
    color: #f8fafc;
}

body.theme-dark .tenant-auth__brand h1,
body.theme-dark .tenant-auth__feature strong,
body.theme-dark .tenant-auth__stats strong {
    color: #f8fafc;
}

@media (max-width: 991.98px) {
    .tenant-auth {
        padding: 14px;
    }

    .tenant-auth__shell {
        display: block;
        min-height: auto;
    }

    .tenant-auth__brand {
        display: none;
    }

    .tenant-auth__content {
        min-height: calc(100vh - 28px);
        padding: 0;
    }

    .tenant-auth__mobile-brand {
        display: block;
        max-width: 560px;
    }

    .tenant-auth-card > .card-body {
        padding: 24px;
    }
}

@media (max-width: 575.98px) {
    .tenant-auth-card__header {
        display: block;
    }

    .tenant-auth-card__icon {
        margin-bottom: 14px;
    }

    .tenant-auth-card h2 {
        font-size: 25px;
    }

    .tenant-auth--signup .tenant-auth-card .row > [class*="col-"] {
        margin-top: 0;
    }
}

.auth-main {
    background: radial-gradient(circle at 18% 18%, rgba(194, 138, 50, .11), transparent 32%), var(--page-bg);
    min-height: 100vh;
    padding: 22px;
}

.auth-split {
    align-items: stretch;
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
    min-height: calc(100vh - 48px);
}

.auth-split__intro {
    background: #15120f;
    border: 1px solid rgba(184, 137, 60, .34);
    border-radius: 8px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 42px;
}

.auth-split__intro h1 {
    color: #ffffff;
    font-size: 42px;
    line-height: 1.08;
    margin: 14px 0 16px;
    max-width: 720px;
}

.auth-split__intro p {
    color: #d8d0c5;
    font-size: 17px;
    line-height: 1.7;
    margin: 0;
    max-width: 620px;
}

.auth-kicker {
    color: var(--accent);
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.auth-feature-list {
    display: grid;
    gap: 12px;
    margin-top: 42px;
    max-width: 680px;
}

.auth-feature-list div {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    padding: 16px;
}

.auth-feature-list strong,
.auth-feature-list span {
    display: block;
}

.auth-feature-list strong {
    color: #ffffff;
    margin-bottom: 6px;
}

.auth-feature-list span {
    color: #d8d0c5;
    line-height: 1.5;
}

.auth-split__content,
.auth-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.auth-center {
    min-height: calc(100vh - 48px);
}

.auth-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 22px 55px rgba(35, 31, 26, .12);
    padding: 34px;
    width: 100%;
}

.auth-card--recovery {
    max-width: 520px;
}

.auth-card__head {
    margin-bottom: 22px;
}

.auth-card__head h1,
.auth-card__head h2 {
    color: #111827;
    font-size: 30px;
    line-height: 1.15;
    margin: 8px 0 10px;
}

.auth-card__head p {
    line-height: 1.6;
    margin: 0;
}

.auth-form .button {
    width: 100%;
}

.auth-form__row {
    display: flex;
    justify-content: flex-end;
    margin-top: -4px;
}

.auth-form__row a {
    font-size: 14px;
    font-weight: 800;
}

.recaptcha-notice {
    background: #f1f5f9;
    border-radius: 6px;
    color: #475569;
    font-size: 14px;
    line-height: 1.55;
    padding: 14px 16px;
}

.recaptcha-notice a {
    color: #334155;
    font-weight: 700;
}

.registration-closed-card {
    justify-items: center;
    max-width: 450px;
    text-align: center;
}

.registration-closed-icon {
    align-items: center;
    background: #eef2ff;
    border-radius: 999px;
    color: #4f46e5;
    display: inline-flex;
    font-size: 34px;
    height: 80px;
    justify-content: center;
    margin-bottom: 8px;
    width: 80px;
}

.auth-card__foot {
    border-top: 1px solid #e5e7eb;
    color: #6b7280;
    margin: 22px 0 0;
    padding-top: 18px;
    text-align: center;
}

.reset-link-panel {
    display: grid;
    gap: 16px;
    margin-bottom: 18px;
}

.reset-link-panel h2 {
    margin-bottom: 6px;
}

.panel,
.hero,
.stats article {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.theme-dark .sidebar,
.theme-dark .auth-topbar,
.theme-dark .panel,
.theme-dark .hero,
.theme-dark .stats article,
.theme-dark .modal__panel {
    background: #111827;
    border-color: #263244;
}

.theme-dark .brand,
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark .profile-plan-hero h2,
.theme-dark .profile-plan-usage h3,
.theme-dark .profile-plan-card strong,
.theme-dark .profile-usage-card strong,
.theme-dark .stats span,
.theme-dark .detail-grid strong,
.theme-dark .sidebar__nav a:hover,
.theme-dark .sidebar__footer a:hover {
    color: #f9fafb;
}

.theme-dark .sidebar__nav a:hover,
.theme-dark .sidebar__footer a:hover,
.theme-dark .sidebar__footer .button:hover {
    background: var(--accent);
    color: #ffffff;
}

.theme-dark .sidebar__head,
.theme-dark .sidebar__footer,
.theme-dark .table th,
.theme-dark .table td {
    border-color: #263244;
}

.theme-dark .transaction-row--pending td {
    background: rgba(146, 64, 14, 0.22);
    border-bottom-color: rgba(245, 158, 11, 0.35);
}

.theme-dark .transaction-row--pending td:first-child {
    border-left-color: #f59e0b;
}

.theme-dark .transaction-row--pending:hover td {
    background: rgba(146, 64, 14, 0.32);
}

.theme-dark .sidebar__profile {
    background: #0f172a;
    border-color: #263244;
}

.theme-dark .sidebar__profile strong {
    color: #f9fafb;
}

.theme-dark .sidebar__profile small:last-child {
    background: #1f2937;
    border-color: #334155;
    color: #cbd5e1;
}

.theme-dark .sidebar__nav a,
.theme-dark .sidebar__footer a,
.theme-dark .nav a,
.theme-dark .form label {
    color: #d1d5db;
}

.theme-dark .muted,
.theme-dark .profile-plan-hero p,
.theme-dark .profile-plan-card span,
.theme-dark .profile-plan-card p,
.theme-dark .profile-usage-card span,
.theme-dark .profile-usage-card p,
.theme-dark .sidebar__profile small {
    color: #9ca3af;
}

.theme-dark .profile-plan-hero {
    background: linear-gradient(135deg, #111827, #172033);
    border-color: #263244;
}

.theme-dark .profile-plan-card,
.theme-dark .profile-usage-card {
    background: #0f172a;
    border-color: #263244;
    box-shadow: none;
}

.theme-dark .profile-plan-usage {
    border-color: #263244;
}

.theme-dark .profile-usage-meter {
    background: #1f2937;
}

.theme-dark .form input,
.theme-dark .form textarea,
.theme-dark .form select,
.theme-dark textarea[readonly] {
    background: #0f172a;
    border-color: #374151;
    color: #f9fafb;
}

.theme-dark .button.button--ghost,
.theme-dark button.button.button--ghost,
.theme-dark .hamburger,
.theme-dark .notification-link,
.theme-dark .topbar-icon-button,
.theme-dark .icon-button,
.theme-dark .detail-grid div {
    background: #1f2937;
    color: #f9fafb;
}

.theme-dark .app-shell__topbar {
    background: rgba(17, 24, 39, .92);
    border-color: #263244;
}

.theme-dark .quick-links summary {
    background: #1f2937;
    border-color: #374151;
    color: #f9fafb;
}

.theme-dark .quick-links__menu {
    background: #111827;
    border-color: #263244;
}

.theme-dark .quick-links__configure:hover,
.theme-dark .quick-links__item-icon,
.theme-dark .quick-links-toggle__icon {
    background: rgba(143, 133, 255, 0.14);
    color: #cbc6ff;
}

.theme-dark .quick-links__menu a {
    color: #d1d5db;
}

.theme-dark .quick-links__menu a:hover {
    background: #1f2937;
    color: #ffffff;
}

.theme-dark .auth-split__intro {
    background: #0f172a;
    border-color: #374151;
}

.theme-dark .auth-card {
    background: #111827;
    border-color: #263244;
    box-shadow: none;
}

.theme-dark .auth-card__head h1,
.theme-dark .auth-card__head h2 {
    color: #f9fafb;
}

.theme-dark .auth-card__foot {
    border-color: #263244;
    color: #9ca3af;
}

.theme-dark .recaptcha-notice {
    background: #172033;
    color: #cbd5e1;
}

.theme-dark .recaptcha-notice a {
    color: #e5e7eb;
}

.theme-dark .registration-closed-icon {
    background: #1e1b4b;
    color: #a5b4fc;
}

.theme-dark .button.button--ghost:hover,
.theme-dark .button.button--ghost:focus,
.theme-dark .button.button--ghost:active,
.theme-dark button.button.button--ghost:hover,
.theme-dark button.button.button--ghost:focus,
.theme-dark button.button.button--ghost:active {
    background: #314054;
    border-color: #374151;
    color: #f9fafb;
}

.panel {
    padding: 24px;
}

.tabs-nav {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    gap: 6px;
    margin: 0 0 18px;
    overflow-x: auto;
    padding: 8px;
}

.ticket-tabs-nav {
    position: sticky;
    top: 72px;
    z-index: 45;
}

.theme-dark .tabs-nav {
    background: #111827;
    border-color: #263244;
}

.tabs-nav__button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #4b5563;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    padding: 11px 14px;
    white-space: nowrap;
}

.tabs-nav__button:hover {
    background: var(--surface-hover);
    color: var(--text);
}

.tabs-nav__button.is-active {
    background: var(--accent);
    color: #ffffff;
}

.theme-dark .tabs-nav__button {
    color: #d1d5db;
}

.theme-dark .tabs-nav__button:hover {
    background: #1f2937;
    color: #ffffff;
}

.theme-dark .tabs-nav__button.is-active {
    background: var(--accent);
    color: #ffffff;
}

.tab-panel[hidden] {
    display: none !important;
}

.panel--narrow {
    margin: 32px auto;
    max-width: 480px;
}

.hero {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 28px;
}

.tenant-announcements {
    margin: 18px 0;
}

.tenant-announcements__panel {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
    display: grid;
    max-height: 420px;
    overflow: hidden;
    transition: transform .22s ease, opacity .22s ease, max-height .22s ease;
}

.tenant-announcements__head {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    padding: 13px 16px;
}

.tenant-announcements__head span {
    color: #4f46e5;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.tenant-announcements__head h2 {
    font-size: 18px;
    margin: 3px 0 0;
}

.tenant-announcements__body {
    display: grid;
    gap: 12px;
    max-height: 350px;
    overflow-y: auto;
    padding: 16px;
}

.tenant-announcement {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.tenant-announcement:last-child {
    border-bottom: 1px solid #e5e7eb;
}

.tenant-announcement h3 {
    font-size: 16px;
    margin: 0;
}

.tenant-announcement__content {
    color: #475569;
    display: grid;
    gap: 8px;
    line-height: 1.6;
}

.tenant-announcement__content p,
.tenant-announcement__content ul,
.tenant-announcement__content h4 {
    margin: 0;
}

.tenant-announcement__content ul {
    padding-left: 20px;
}

.tenant-announcement__content code {
    background: #eef2ff;
    border-radius: 5px;
    color: #3730a3;
    padding: 2px 5px;
}

.tenant-announcement__button {
    align-items: center;
    background: #4f46e5;
    border: 1px solid #4f46e5;
    border-radius: 7px;
    color: #ffffff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    justify-content: center;
    line-height: 1;
    min-height: 36px;
    padding: 9px 13px;
    text-decoration: none;
    width: fit-content;
}

.tenant-announcement__button:hover {
    background: #4338ca;
    border-color: #4338ca;
    color: #ffffff;
}

.tenant-announcements__expand {
    align-items: center;
    background: #4f46e5;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 18px;
    height: 34px;
    justify-content: center;
    margin: 0 auto;
    width: 34px;
}

.tenant-announcements.is-collapsed .tenant-announcements__panel {
    max-height: 0;
    opacity: 0;
    transform: translateY(-12px);
}

.tenant-announcements.is-collapsed .tenant-announcements__expand {
    display: flex;
}

.email-hub-card span {
    color: #111827;
    display: block;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 8px;
}

.theme-dark .email-hub-card span {
    color: #f9fafb;
}

.theme-dark .tenant-announcements__panel {
    background: #111827;
    border-color: #263244;
}

.theme-dark .tenant-announcements__head {
    background: #0f172a;
    border-color: #263244;
}

.theme-dark .tenant-announcement {
    background: #0f172a;
    border-color: #263244;
}

.theme-dark .tenant-announcement__content {
    color: #cbd5e1;
}

.theme-dark .tenant-announcement__content code {
    background: #1e1b4b;
    color: #c4b5fd;
}

.theme-dark .tenant-announcement__button {
    background: #6366f1;
    border-color: #6366f1;
}

.email-tabs-nav {
    margin-bottom: 20px;
}

.overview-panel {
    margin-top: 0;
}

.overview-panel .section-head {
    margin-bottom: 18px;
}

.overview-card-grid,
.email-overview {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.overview-card-grid--tickets {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ecommerce-customer-metrics {
    margin-bottom: 15px;
}

.overview-card,
.email-overview__item {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    min-height: 164px;
    padding: 18px;
}

.theme-dark .overview-card,
.theme-dark .email-overview__item {
    background: #111827;
    border-color: #263244;
    box-shadow: none;
}

.overview-card strong,
.email-overview__item strong {
    color: #111827;
    display: block;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.15;
    margin-bottom: 8px;
}

.theme-dark .overview-card strong,
.theme-dark .email-overview__item strong {
    color: #f9fafb;
}

.overview-card span,
.email-overview__item span {
    color: #111827;
    display: block;
    font-weight: 800;
    margin-bottom: 8px;
}

.theme-dark .overview-card span,
.theme-dark .email-overview__item span {
    color: #f9fafb;
}

.overview-card p,
.email-overview__item p {
    color: #6b7280;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.theme-dark .overview-card p,
.theme-dark .email-overview__item p {
    color: #a7b3c6;
}

.email-variable-guide {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
}

.email-variable-card {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 18px;
}

.theme-dark .email-variable-card {
    background: #111827;
    border-color: #263244;
}

.email-variable-card h3 {
    color: #111827;
    font-size: 18px;
    margin: 0 0 12px;
}

.theme-dark .email-variable-card h3 {
    color: #f9fafb;
}

.email-variable-list {
    display: grid;
    gap: 10px;
    margin: 14px 0 0;
}

.email-variable-token {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
    padding: 10px 12px;
}

.theme-dark .email-variable-token {
    background: #0b1220;
    border-color: #243044;
}

.email-variable-token code {
    background: rgba(184, 135, 49, 0.12);
    border-radius: 6px;
    color: #b88731;
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 5px 8px;
    white-space: normal;
}

.theme-dark .email-variable-token code {
    background: rgba(225, 178, 92, 0.14);
    color: #e1b25c;
}

.email-variable-token span {
    color: #6b7280;
    font-size: 13px;
    line-height: 1.4;
    text-align: right;
}

.theme-dark .email-variable-token span {
    color: #a7b3c6;
}

.ticket-customer-search {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 14px;
    position: relative;
}

.theme-dark .ticket-customer-search {
    background: #111827;
    border-color: #263244;
}

.ticket-customer-search__results {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.16);
    left: 14px;
    max-height: 280px;
    overflow-y: auto;
    position: absolute;
    right: 14px;
    top: 78px;
    z-index: 30;
}

.theme-dark .ticket-customer-search__results {
    background: #0b1220;
    border-color: #263244;
}

.ticket-customer-search__results button,
.ticket-customer-search__empty {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e5e7eb;
    color: #111827;
    cursor: pointer;
    display: grid;
    gap: 4px;
    padding: 11px 12px;
    text-align: left;
    width: 100%;
}

.theme-dark .ticket-customer-search__results button,
.theme-dark .ticket-customer-search__empty {
    border-bottom-color: #263244;
    color: #f9fafb;
}

.ticket-customer-search__results button:hover {
    background: rgba(184, 135, 49, 0.1);
}

.ticket-customer-search__results span,
.ticket-customer-search__empty {
    color: #6b7280;
    font-size: 13px;
}

.theme-dark .ticket-customer-search__results span,
.theme-dark .ticket-customer-search__empty {
    color: #a7b3c6;
}

.ticket-customer-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 18px;
}

.client-form-section {
    border-top: 1px solid var(--border-color);
    padding-top: 18px;
}

.client-form-section:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.client-form-section h3 {
    color: var(--text-color);
    font-size: 20px;
    margin: 0 0 16px;
}

.client-form-grid {
    display: grid;
    gap: 16px 22px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-span-4 {
    grid-column: span 4;
}

.inline-fields {
    display: grid;
    gap: 8px;
    grid-template-columns: 88px 1fr;
}

h1,
h2 {
    color: #111827;
    margin: 0 0 12px;
}

.eyebrow {
    color: #b8893d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.muted {
    color: #6b7280;
    line-height: 1.6;
}

.ai-recommendation {
    font-size: 13px;
    margin: -6px 0 10px;
}

.slug-link-preview {
    font-size: 13px;
    margin: -6px 0 8px;
}

.slug-link-preview a {
    color: #b8893c;
    text-decoration: none;
    word-break: break-all;
}

.slug-link-preview a:hover {
    text-decoration: underline;
}

.slug-validation {
    color: #dc2626;
    font-size: 13px;
    margin: -4px 0 8px;
}

.button,
button.button {
    align-items: center;
    background: var(--accent);
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    padding: 12px 18px;
    text-decoration: none;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
    vertical-align: middle;
}

.button svg,
button.button svg,
.button [data-lucide],
button.button [data-lucide] {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.button--small svg,
button.button--small svg,
.button--small [data-lucide],
button.button--small [data-lucide],
.button--sm svg,
button.button--sm svg,
.button--sm [data-lucide],
button.button--sm [data-lucide] {
    height: 16px;
    width: 16px;
}

.button:hover,
button.button:hover {
    background: var(--accent-hover);
}

.button--small {
    padding: 8px 12px;
}

.button--sm {
    font-size: 12px;
    padding: 7px 10px;
}

.button--secondary {
    background: var(--secondary);
    color: #f8f4ee;
}

.button--secondary:hover {
    background: var(--secondary-hover);
    color: #f8f4ee;
}

.button.button--ghost,
button.button.button--ghost {
    background: var(--surface-soft);
    border: 1px solid var(--border);
    color: var(--text);
}

.button.button--ghost:hover,
.button.button--ghost:focus,
.button.button--ghost:active,
button.button.button--ghost:hover,
button.button.button--ghost:focus,
button.button.button--ghost:active {
    background: transparent;
    border-color: var(--border);
    color: #111827;
}

.button.button--outline,
button.button.button--outline {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text);
}

.button.button--outline:hover,
button.button.button--outline:hover {
    background: var(--surface-soft);
    border-color: var(--accent);
    color: var(--text);
}

.theme-dark .button.button--outline,
.theme-dark button.button.button--outline {
    background: transparent;
    border-color: var(--border);
    color: var(--text);
}

.theme-dark .button.button--outline:hover,
.theme-dark button.button.button--outline:hover {
    background: var(--surface-hover);
    border-color: var(--accent);
    color: var(--text);
}

body.theme-dark .button--secondary {
    color: #221b10;
}

body.theme-dark .button--secondary:hover {
    color: #221b10;
}

.button--danger {
    background: #dc2626;
    color: #ffffff;
}

.button--danger:hover {
    background: #b91c1c;
    color: #ffffff;
}

.button--danger-ghost {
    background: #fff7f7;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

.button--danger-ghost:hover {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

.button-link {
    background: transparent;
    border: 0;
    color: #1d4ed8;
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-align: left;
}

.button-link:hover {
    color: #b8893d;
    text-decoration: underline;
}

.table-link-button {
    text-align: left;
}

.form {
    display: grid;
    gap: 10px;
}

.form label {
    color: #374151;
    display: grid;
    font-size: 14px;
    font-weight: 700;
    gap: 6px;
}

.form input,
.form textarea,
.form select {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    padding: 11px 12px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
    width: 100%;
}

.form input:focus,
.form textarea:focus,
.form select:focus {
    border-color: #94a3ff;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14);
    outline: 0;
}

.form > label:not(.toggle-field),
.form-section > label:not(.toggle-field),
.form .grid > label:not(.toggle-field),
.form .form-grid > label:not(.toggle-field),
.form .client-form-grid > label:not(.toggle-field),
.form-field-card {
    background: #f8fbff;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    display: grid;
    gap: 6px;
    grid-template-rows: auto auto minmax(0, auto);
    padding: 11px 12px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.form > label:not(.toggle-field):focus-within,
.form-section > label:not(.toggle-field):focus-within,
.form .grid > label:not(.toggle-field):focus-within,
.form .form-grid > label:not(.toggle-field):focus-within,
.form .client-form-grid > label:not(.toggle-field):focus-within,
.form-field-card:focus-within {
    background: #f7fbff;
    border-color: #bfdbfe;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
}

.form > label:not(.toggle-field) input,
.form > label:not(.toggle-field) textarea,
.form > label:not(.toggle-field) select,
.form-section > label:not(.toggle-field) input,
.form-section > label:not(.toggle-field) textarea,
.form-section > label:not(.toggle-field) select,
.form .grid > label:not(.toggle-field) input,
.form .grid > label:not(.toggle-field) textarea,
.form .grid > label:not(.toggle-field) select,
.form .form-grid > label:not(.toggle-field) input,
.form .form-grid > label:not(.toggle-field) textarea,
.form .form-grid > label:not(.toggle-field) select,
.form .client-form-grid > label:not(.toggle-field) input,
.form .client-form-grid > label:not(.toggle-field) textarea,
.form .client-form-grid > label:not(.toggle-field) select {
    margin-top: 6px;
}

.form .muted,
.form small,
.form .ai-recommendation,
.form .slug-link-preview,
.form .slug-link-preview a,
.form .slug-validation {
    color: #205fdc;
    font-size: 12px;
    line-height: 1.35;
}

.form label small,
.form-field-card small,
.form label .muted,
.form label .slug-link-preview,
.form label .slug-validation,
.form label .ai-recommendation,
.form label .field-helper {
    display: block;
    font-weight: 600;
    margin: 0;
    max-width: 68ch;
}

.field-label {
    align-items: baseline;
    display: inline-flex;
    gap: 3px;
}

.required-mark {
    color: #dc2626;
    font-weight: 900;
}

.select2-container {
    max-width: 100%;
}

.form .select2-container {
    margin-top: 6px;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    min-height: 38px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: #94a3ff;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14);
}

.select2-container--default .select2-selection--single {
    display: flex;
    padding-top: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111827;
    line-height: 1.3;
    padding-left: 12px;
    padding-right: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    right: 8px;
}

.select2-dropdown {
    border-color: #d1d5db;
    border-radius: 6px;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    min-height: 38px;
    padding: 8px 10px;
}

.select2-results__option {
    font-size: 14px;
}

.select2-flag-option {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    min-width: 0;
}

.select2-flag-option__flag {
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1;
}

.select2-container--default .select2-selection--multiple {
    cursor: text;
    padding: 4px 8px;
}

.select2-container--default .select2-selection--multiple .select2-search--inline {
    display: inline-flex;
    min-width: 80px;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    background: transparent;
    border: 0;
    box-shadow: none;
    caret-color: #111827;
    color: #111827;
    font: inherit;
    line-height: 1.4;
    margin-top: 4px;
    min-height: 28px;
    min-width: 80px;
    outline: 0;
    padding: 2px 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    color: #1e3a8a;
    font-size: 13px;
    margin-top: 4px;
    padding: 4px 8px 4px 22px;
}

.mailmarket-tabler-shell {
    --tblr-primary: var(--primary, #206bc4);
    --tblr-primary-rgb: var(--app-accent-rgb, 32, 107, 196);
    --tblr-primary-fg: #ffffff;
    --tblr-primary-lt: rgba(var(--app-accent-rgb, 32, 107, 196), .1);
    --tblr-link-color: var(--tblr-primary);
    --tblr-link-color-rgb: var(--tblr-primary-rgb);
    background: var(--tblr-bg-surface-secondary);
    font-family: var(--tblr-font-sans-serif);
}

.mailmarket-tabler-shell .page {
    min-height: 100vh;
}

.mailmarket-sticky-header {
    z-index: 1031;
}

.mailmarket-sticky-header .navbar-toggler {
    display: none;
}

.mailmarket-sticky-header > .navbar {
    background: var(--tblr-bg-surface);
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu {
    background: var(--tblr-bg-surface);
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    min-height: 2.75rem;
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu > .navbar-collapse {
    display: block !important;
    height: auto !important;
    overflow-x: auto;
    scrollbar-width: thin;
    visibility: visible !important;
    width: 100%;
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu .navbar {
    width: 100%;
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu .navbar-nav {
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: max-content;
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu .nav-link {
    white-space: nowrap;
}

.mailmarket-tabler-shell .ts-wrapper {
    width: 100%;
}

.mailmarket-tabler-shell .ts-control {
    background-color: var(--tblr-bg-forms);
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    box-shadow: none;
    color: var(--tblr-body-color);
    font-size: .875rem;
    min-height: 2.375rem;
    padding: .4375rem .75rem;
}

.mailmarket-tabler-shell .ts-wrapper.focus .ts-control,
.mailmarket-tabler-shell .ts-wrapper.dropdown-active .ts-control {
    border-color: var(--tblr-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb, 32, 107, 196), .12);
}

.mailmarket-tabler-shell .ts-dropdown {
    background: var(--tblr-bg-surface);
    border-color: var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    box-shadow: var(--tblr-box-shadow-dropdown);
    color: var(--tblr-body-color);
    overflow: hidden;
    z-index: 1400;
}

.mailmarket-tabler-shell .ts-dropdown .option,
.mailmarket-tabler-shell .ts-dropdown .optgroup-header {
    color: var(--tblr-body-color);
    padding: .5rem .75rem;
}

.mailmarket-tabler-shell .ts-dropdown .active {
    background: var(--tblr-primary);
    color: var(--tblr-primary-fg);
}

.mailmarket-tabler-shell .ts-dropdown .active *,
.mailmarket-tabler-shell .ts-dropdown .active .text-secondary,
.mailmarket-tabler-shell .ts-dropdown .active small,
.mailmarket-tabler-shell .ts-dropdown .active strong {
    color: var(--tblr-primary-fg) !important;
}

.mailmarket-tabler-shell .ts-dropdown .option:hover,
.mailmarket-tabler-shell .ts-dropdown .option:hover *,
.mailmarket-tabler-shell .ts-dropdown .option:hover .text-secondary,
.mailmarket-tabler-shell .ts-dropdown .option:hover small,
.mailmarket-tabler-shell .ts-dropdown .option:hover strong {
    color: var(--tblr-primary-fg) !important;
}

.mailmarket-tabler-shell .ts-dropdown .option:hover {
    background: var(--tblr-primary);
}

.mailmarket-tabler-shell .ts-option-rich {
    align-items: center;
    display: flex;
    gap: .5rem;
    min-width: 0;
}

.mailmarket-tabler-shell .ts-wrapper.multi .ts-control > div {
    background: var(--tblr-primary-lt);
    border: 0;
    border-radius: 999px;
    color: var(--tblr-primary);
    margin: .125rem .25rem .125rem 0;
    padding: .1875rem .5rem;
}

.mailmarket-shortcuts-menu {
    width: 24rem;
    max-width: calc(100vw - 1rem);
}

.mailmarket-shortcuts-menu .dropdown-item {
    white-space: normal;
}

@media (max-width: 767.98px) {
    .mailmarket-tabler-shell #navbar-menu .navbar {
        max-height: calc(100vh - 4rem);
        overflow-y: auto;
    }

    .mailmarket-shortcuts-menu {
        position: fixed !important;
        inset: 4.25rem .75rem .75rem .75rem !important;
        width: auto;
        max-width: none;
        max-height: none;
        overflow-y: auto;
        transform: none !important;
    }

    .mailmarket-shortcuts-menu > .card {
        min-height: 100%;
    }
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 0;
    color: #1e40af;
    left: 6px;
    padding: 0;
    top: 4px;
}

body.theme-dark .select2-container--default .select2-selection--single,
body.theme-dark .select2-container--default .select2-selection--multiple,
body.theme-dark .select2-dropdown,
body.theme-dark .select2-search--dropdown .select2-search__field {
    background: #0f172a;
    border-color: #334155;
    color: #e5edf8;
}

body.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-dark .select2-results__option {
    color: #e5edf8;
}

body.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #2563eb;
}

body.theme-dark .select2-container--default .select2-results__option[aria-selected="true"] {
    background: #1e293b;
}

body.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #1e293b;
    border-color: #334155;
    color: #e5edf8;
}

body.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #93c5fd;
}

.form-section > label:not(.toggle-field) small,
.form-section > label:not(.toggle-field) .muted,
.form-section > label:not(.toggle-field) .field-helper,
.form .form-grid > label:not(.toggle-field) small,
.form .form-grid > label:not(.toggle-field) .muted,
.form .form-grid > label:not(.toggle-field) .field-helper {
    max-width: 62ch;
}

.theme-dark .form .muted,
.theme-dark .form small,
.theme-dark .form .ai-recommendation,
.theme-dark .form .slug-link-preview,
.theme-dark .form .slug-link-preview a,
.theme-dark .form .slug-validation {
    color: #98b2dd;
}

.form-section {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 10px 12px;
}

.form-section[hidden],
[data-page-create-body][hidden],
[data-selected-page-source][hidden] {
    display: none !important;
}

.mailmarket-tabler-shell .slug-link-preview {
    display: block;
    line-height: 1.25;
}

.mailmarket-tabler-shell [data-page-ai-help-box] .alert {
    padding: .75rem;
}

.ecommerce-product-form [data-inventory-qty][hidden] {
    display: none !important;
}

.ecommerce-product-form [data-inventory-qty].is-disabled input,
.ecommerce-product-form [data-inventory-qty] input:disabled {
    background: #e5e7eb;
    color: #64748b;
    cursor: not-allowed;
}

.form-section h3 {
    color: #111827;
    font-size: 16px;
    margin: 0;
}

.theme-dark .form-section {
    border-color: #263244;
}

.theme-dark .form > label:not(.toggle-field),
.theme-dark .form-section > label:not(.toggle-field),
.theme-dark .form .grid > label:not(.toggle-field),
.theme-dark .form .form-grid > label:not(.toggle-field),
.theme-dark .form .client-form-grid > label:not(.toggle-field),
.theme-dark .form-field-card {
    background: #162033;
    border-color: #334155;
}

.theme-dark .form > label:not(.toggle-field):focus-within,
.theme-dark .form-section > label:not(.toggle-field):focus-within,
.theme-dark .form .grid > label:not(.toggle-field):focus-within,
.theme-dark .form .form-grid > label:not(.toggle-field):focus-within,
.theme-dark .form .client-form-grid > label:not(.toggle-field):focus-within,
.theme-dark .form-field-card:focus-within {
    background: #17243a;
    border-color: #3b82f6;
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.12);
}

.theme-dark .toggle-field {
    background: #1b2434;
    border-color: #334155;
}

.theme-dark .toggle-field > span:last-child:not(.toggle-switch) {
    color: #f9fafb;
}

.theme-dark .toggle-field > span:last-child:not(.toggle-switch) small,
.theme-dark .toggle-field > span:last-child:not(.toggle-switch) .muted {
    color: #98b2dd;
}

.theme-dark .form-section h3 {
    color: #f9fafb;
}

.toggle-field {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex !important;
    gap: 12px !important;
    padding: 12px 14px;
}

.toggle-field > span:last-child:not(.toggle-switch) {
    color: #111827;
    display: grid;
    font-size: 14px;
    font-weight: 800;
    gap: 3px;
}

.toggle-field > span:last-child:not(.toggle-switch) small,
.toggle-field > span:last-child:not(.toggle-switch) .muted {
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
}

.toggle-field input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.toggle-switch {
    background: #cbd5e1;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 48px;
    height: 26px;
    padding: 3px;
    transition: background 160ms ease;
    width: 48px;
}

.toggle-switch::before {
    background: #ffffff;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.22);
    content: "";
    height: 20px;
    transition: transform 160ms ease;
    width: 20px;
}

.toggle-field input:checked + .toggle-switch {
    background: var(--accent);
}

.toggle-field input:checked + .toggle-switch::before {
    transform: translateX(22px);
}

.toggle-field input:focus + .toggle-switch {
    outline: 2px solid rgba(115, 103, 240, 0.28);
    outline-offset: 2px;
}

.stats {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 24px 0;
}

.stats article {
    padding: 22px;
}

.stats span {
    color: #111827;
    display: block;
    font-size: 32px;
    font-weight: 700;
}

.grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid--two {
    grid-template-columns: 1fr 1fr;
}

.deployment-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.deployment-grid .panel {
    margin: 0;
}

.form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.form-actions .button,
.form-actions button.button {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 10px 16px;
    white-space: nowrap;
    width: auto;
}

.form:not(.auth-form) > button.button,
.form:not(.auth-form) > .button[type="submit"] {
    justify-self: end;
    min-height: 44px;
    min-width: 132px;
    width: auto;
}

.form--spaced {
    margin-top: 18px;
}

.global-code-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
}

.global-code-form,
.global-code-side-form {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px;
}

.global-code-form {
    gap: 12px;
}

.global-code-form > label {
    font-size: 16px;
    font-weight: 800;
    gap: 6px;
    line-height: 1.35;
}

.global-code-form textarea {
    line-height: 1.55;
    min-height: 180px;
    padding: 10px 12px;
    resize: vertical;
}

.global-code-form .form-actions,
.global-code-side-form .form-actions {
    align-items: center;
}

.global-code-form .form-actions .button,
.global-code-side-form .form-actions .button,
.global-code-form .form-actions button.button,
.global-code-side-form .form-actions button.button {
    flex: 0 0 auto;
}

.global-code-side-form {
    align-content: start;
}

.theme-dark .main-page-form,
.theme-dark .page-search,
.theme-dark .global-code-form,
.theme-dark .global-code-side-form {
    background: #0f172a;
    border-color: #263244;
}

.theme-dark .main-page-form label,
.theme-dark .page-search label {
    color: #d1d5db;
}

.theme-dark .main-page-form select,
.theme-dark .page-search input {
    background: #111827;
    border-color: #374151;
    color: #f9fafb;
}

.ecommerce-overview-grid {
    margin-bottom: 20px;
}

.ecommerce-overview-card {
    align-content: start;
    display: grid;
    gap: 10px;
    min-height: 142px;
}

.ecommerce-overview-card span {
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

.ecommerce-overview-card strong {
    color: #111827;
    display: block;
    font-size: clamp(1.6rem, 2.4vw, 2.25rem);
    line-height: 1;
}

.ecommerce-overview-card small {
    color: #64748b;
    line-height: 1.45;
}

.ecommerce-foundation-panel {
    display: grid;
    gap: 22px;
}

.ecommerce-foundation-panel h2 {
    margin-bottom: 12px;
}

.ecommerce-foundation-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ecommerce-foundation-list span {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #475569;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 8px 12px;
}

.theme-dark .ecommerce-overview-card strong {
    color: #f9fafb;
}

.theme-dark .ecommerce-overview-card span,
.theme-dark .ecommerce-overview-card small {
    color: #cbd5e1;
}

.theme-dark .ecommerce-foundation-list span {
    background: #0f172a;
    border-color: #334155;
    color: #cbd5e1;
}

.ecommerce-product-edit-head,
.ecommerce-product-edit-head.page-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 16px;
}

.ecommerce-product-edit-head > div:first-child {
    flex: 1 1 auto;
    min-width: 0;
}

.ecommerce-product-edit-head h1 {
    margin: 0 0 4px;
}

.ecommerce-product-header-back {
    align-items: center;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
}

.ecommerce-product-breadcrumb {
    align-items: center;
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.9rem;
    gap: 8px;
    justify-content: flex-end;
}

.ecommerce-product-breadcrumb a {
    color: #374151;
    text-decoration: none;
}

.ecommerce-product-breadcrumb a:hover {
    color: var(--tblr-secondary, #667085);
}

.ecommerce-product-breadcrumb strong {
    color: #475569;
    font-weight: 600;
}

.ecommerce-product-editor {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
    max-width: 100%;
    overflow-x: clip;
    width: 100%;
}

.ecommerce-product-editor__main,
.ecommerce-product-editor__side {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.ecommerce-editor-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    min-width: 0;
    overflow: hidden;
}

.ecommerce-editor-card > header {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    padding: 14px 18px;
}

.ecommerce-editor-card > header h2 {
    color: #374151;
    font-size: 1.05rem;
    margin: 0;
}

.ecommerce-editor-card > header span {
    color: #475569;
    font-weight: 800;
    letter-spacing: 1px;
}

.ecommerce-editor-card__header-actions {
    align-items: center;
    color: #475569;
    display: inline-flex;
    gap: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ecommerce-editor-card__header-actions .icon-button {
    background: transparent;
    border-color: transparent;
    color: #374151;
    height: 34px;
    width: 34px;
}

.ecommerce-editor-card__header-actions .icon-button:hover {
    background: #f3f4f6;
    border-color: #e5e7eb;
}

.ecommerce-section-drag-handle {
    align-items: center;
    background: transparent;
    border: 0;
    color: #64748b;
    cursor: grab;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.ecommerce-section-drag-handle:hover {
    background: #f3f4f6;
    color: var(--primary);
}

.ecommerce-section-drag-handle:active,
.ecommerce-editor-card.is-section-dragging .ecommerce-section-drag-handle {
    cursor: grabbing;
}

.ecommerce-editor-card.is-section-dragging {
    opacity: 0.72;
}

.ecommerce-editor-card__body {
    display: grid;
    gap: 14px;
    min-width: 0;
    overflow-x: hidden;
    padding: 18px;
}

.ecommerce-variant-managed-notice {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ecommerce-variant-managed-notice svg {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.ecommerce-product-page-form [data-variant-managed-field].is-hidden,
.ecommerce-product-page-form .ecommerce-variant-managed-notice.is-hidden {
    display: none !important;
}

.ecommerce-tax-class-field {
    display: grid;
    gap: 6px;
    position: relative;
}

.ecommerce-tax-class-card {
    background: #f8fbff;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    color: #374151;
    font-weight: 700;
    padding: 11px 12px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.ecommerce-tax-class-card:focus-within {
    background: #f7fbff;
    border-color: #bfdbfe;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
}

.ecommerce-tax-class-field__label {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.ecommerce-tax-class-field__label label {
    background: transparent;
    border: 0;
    color: #374151;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: 0;
    margin: 0;
    padding: 0;
}

.ecommerce-tax-class-field small {
    display: block;
    font-weight: 600;
    max-width: 68ch;
}

.btn.ecommerce-tax-class-info-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 24px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}

.btn.ecommerce-tax-class-info-button:hover,
.btn.ecommerce-tax-class-info-button:focus,
.btn.ecommerce-tax-class-info-button:active {
    background: transparent;
    border-color: transparent;
    color: var(--tblr-secondary, #667085);
}

.btn.ecommerce-tax-class-info-button svg {
    height: 20px;
    width: 20px;
}

.ecommerce-tax-class-field .btn.ecommerce-tax-class-info-button,
.ecommerce-tax-class-field .btn.ecommerce-tax-class-info-button:hover,
.ecommerce-tax-class-field .btn.ecommerce-tax-class-info-button:focus,
.ecommerce-tax-class-field .btn.ecommerce-tax-class-info-button:active {
    background: transparent;
    border-color: transparent;
    color: var(--tblr-secondary, #667085);
}

.ecommerce-tax-class-field .btn.ecommerce-tax-class-info-button svg {
    color: var(--tblr-secondary, #667085);
    stroke: currentColor;
}

.ecommerce-tax-class-modal .modal-header p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 6px 0 0;
}

.ecommerce-tax-class-modal .modal-header {
    align-items: flex-start;
    padding: 22px 24px 18px;
}

.ecommerce-tax-class-modal .modal-title {
    line-height: 1.25;
    margin-top: 0;
}

.ecommerce-tax-class-intro {
    align-items: flex-start;
    background: linear-gradient(135deg, rgba(115, 103, 240, 0.1), rgba(0, 207, 232, 0.08));
    border: 1px solid #d8d7ff;
    border-radius: 8px;
    display: flex;
    gap: 14px;
    margin-top: 6px;
    margin-bottom: 16px;
    padding: 16px;
}

.ecommerce-tax-class-intro__icon,
.ecommerce-tax-class-grid article > span {
    align-items: center;
    background: #f0efff;
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.ecommerce-tax-class-intro h3,
.ecommerce-tax-class-grid h3 {
    color: var(--text);
    font-size: 16px;
    margin: 0 0 6px;
}

.ecommerce-tax-class-intro p,
.ecommerce-tax-class-grid p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.ecommerce-tax-class-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 16px;
}

.ecommerce-tax-class-grid article {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 16px;
}

.ecommerce-order-editor {
    align-items: start;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    min-height: calc(100vh - 220px);
}

body:has(.ecommerce-order-page-form) .app-shell {
    max-width: none;
    overflow-x: clip;
    width: auto;
}

body:has(.ecommerce-order-page-form) .ecommerce-product-edit-head {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    max-width: none;
    width: 100%;
}

.ecommerce-order-edit-head > div:first-child {
    flex: 1 1 auto;
    min-width: 0;
}

body:has(.ecommerce-order-page-form) main.content,
body:has(.ecommerce-order-page-form) .content {
    background: #f5f7fb;
    max-width: 100%;
    overflow-x: clip;
}

body:has(.ecommerce-order-page-form) {
    overflow-x: hidden;
}

.ecommerce-order-page-form {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-x: clip;
    padding-bottom: 112px;
}

.ecommerce-order-head-actions {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
    margin-left: auto;
    padding-top: 2px;
    flex: 0 0 auto;
}

.ecommerce-order-page-form small,
.ecommerce-order-page-form .muted {
    color: #64748b;
}

.ecommerce-order-page-form .form-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
}

.ecommerce-order-invoice-card .form-grid {
    border-top: 1px solid #e4e7ec;
    gap: 16px;
    margin-bottom: 22px;
    padding-top: 20px;
}

.ecommerce-order-invoice-card .form-grid label {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.ecommerce-order-editor__catalog,
.ecommerce-order-editor__cart {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.ecommerce-order-editor__catalog {
    position: sticky;
    top: 96px;
}

.ecommerce-order-products-panel,
.ecommerce-order-invoice-card {
    border: 0;
    box-shadow: 0 4px 22px rgba(15, 23, 42, 0.07);
}

.ecommerce-order-invoice-card > header {
    display: none;
}

.ecommerce-order-invoice-header {
    align-items: flex-start;
    background: #f6f5f7;
    border-radius: 8px;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(260px, 1fr) minmax(250px, 0.58fr);
    margin-bottom: 24px;
    padding: 22px 24px;
}

.ecommerce-order-store-block {
    color: #3b3b4f;
    display: grid;
    gap: 8px;
}

.ecommerce-order-store-block p {
    margin: 0;
}

.ecommerce-order-store-brand {
    align-items: center;
    color: #2f2b3d;
    display: flex;
    gap: 12px;
    font-size: 1.32rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.ecommerce-order-store-brand span {
    align-items: center;
    background: #7367f0;
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.ecommerce-order-invoice-meta {
    display: grid;
    gap: 8px;
}

.ecommerce-order-invoice-meta label {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(86px, 0.38fr) minmax(0, 1fr);
    margin: 0;
}

.ecommerce-order-invoice-meta label > span,
.ecommerce-order-billing-grid h3,
.ecommerce-order-cart__head strong {
    color: #2f2b3d;
    font-size: 0.95rem;
    font-weight: 800;
}

.ecommerce-order-invoice-meta input[disabled] {
    background: #fff;
    color: #6f6b7d;
    min-height: 40px;
    opacity: 1;
}

.ecommerce-order-billing-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: minmax(260px, 0.95fr) minmax(260px, 1fr);
    margin-bottom: 22px;
}

.ecommerce-order-billing-grid h3 {
    margin: 0 0 16px;
}

.ecommerce-order-bill-list {
    display: grid;
    gap: 8px;
    margin: 0;
}

.ecommerce-order-bill-list div {
    display: grid;
    gap: 16px;
    grid-template-columns: 112px minmax(0, 1fr);
}

.ecommerce-order-bill-list dt {
    color: #6f6b7d;
    font-weight: 500;
}

.ecommerce-order-bill-list dd {
    color: #4b465c;
    font-weight: 700;
    margin: 0;
}

.ecommerce-order-product-grid {
    display: grid;
    gap: 10px;
    max-height: calc(100vh - 348px);
    overflow-y: auto;
    padding-right: 4px;
}

.ecommerce-order-product-card {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ee;
    border-radius: 8px;
    color: #111827;
    cursor: pointer;
    display: flex;
    gap: 12px;
    padding: 10px;
    text-align: left;
    width: 100%;
}

.ecommerce-order-product-card[hidden] {
    display: none !important;
}

.ecommerce-order-product-card:hover {
    border-color: #7367f0;
    box-shadow: 0 8px 18px rgba(115, 103, 240, 0.12);
}

.ecommerce-order-product-card__image {
    align-items: center;
    background: #eef2f7;
    border-radius: 7px;
    display: inline-flex;
    flex: 0 0 58px;
    height: 58px;
    justify-content: center;
    overflow: hidden;
}

.ecommerce-order-product-card__image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.ecommerce-order-product-card__body {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.ecommerce-order-product-card strong,
.ecommerce-order-line__summary strong {
    color: #111827;
    overflow-wrap: anywhere;
}

.ecommerce-order-product-card em {
    color: #0f766e;
    font-style: normal;
    font-weight: 800;
}

.ecommerce-order-product-card small,
.ecommerce-order-line__summary small {
    color: #64748b;
    line-height: 1.35;
}

.ecommerce-order-price-note,
.ecommerce-order-line__price-note {
    color: #0f766e !important;
    font-weight: 800;
}

.ecommerce-order-cart {
    border-top: 1px solid #e4e7ec;
    display: grid;
    gap: 12px;
    min-width: 0;
    padding-top: 20px;
}

.ecommerce-order-cart__head {
    align-items: end;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.ecommerce-order-cart__columns {
    color: #6f6b7d;
    display: grid;
    font-size: 0.86rem;
    font-weight: 700;
    gap: 12px;
    grid-template-columns: minmax(180px, 1fr) minmax(64px, 0.18fr) minmax(158px, 0.42fr) minmax(86px, 0.22fr) 64px;
    padding: 0 16px;
}

.ecommerce-order-line {
    align-items: center;
    background: #fff;
    border: 1px solid #e1e4ea;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(180px, 1fr) minmax(64px, 0.18fr) minmax(158px, 0.42fr) minmax(86px, 0.22fr) 64px;
    margin-bottom: 10px;
    min-width: 0;
    padding: 12px 16px;
}

.ecommerce-order-line[data-saved-order-item="1"] {
    background: #f8f7ff;
    border-color: #d8d1ff;
}

.ecommerce-order-line[data-saved-order-item="1"] input[readonly] {
    background: #f3f1ff;
    color: #4b465c;
    cursor: default;
}

.ecommerce-order-line__control {
    display: grid;
    gap: 5px;
    margin: 0;
}

.ecommerce-order-line input,
.ecommerce-order-line select {
    min-height: 38px;
    min-width: 0;
}

.ecommerce-order-line__select {
    font-weight: 600;
    min-height: 38px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.ecommerce-order-line output {
    color: #2f2b3d;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.ecommerce-order-line__summary {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.ecommerce-order-line__body {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.ecommerce-order-line__media {
    align-items: center;
    background: #f0efff;
    border-radius: 8px;
    color: #7367f0;
    display: inline-flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    overflow: hidden;
    width: 42px;
}

.ecommerce-order-line__media img,
.ecommerce-order-detail-item__icon img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.ecommerce-order-line__media svg {
    height: 20px;
    width: 20px;
}

.ecommerce-order-line__options {
    color: #6f6b7d !important;
    font-weight: 700;
    white-space: pre-line;
}

.ecommerce-order-line__fulfillment-static {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e1e4ea;
    border-radius: 7px;
    color: #2f2b3d;
    display: inline-flex;
    font-weight: 800;
    min-height: 38px;
    padding: 0 12px;
}

.ecommerce-order-line__delivery[hidden],
.ecommerce-order-line__fulfillment-static[hidden] {
    display: none !important;
}

.ecommerce-order-line__summary a {
    font-size: 12px;
    font-weight: 800;
}

.ecommerce-order-line__actions {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

.ecommerce-order-customer-address .ecommerce-customer-address-form {
    background: #fff;
    border: 1px solid #e1e4ea;
    border-radius: 8px;
    padding: 16px;
}

.ecommerce-order-address-stack {
    display: grid;
    gap: 12px;
}

.ecommerce-order-tax-summary {
    border: 1px solid #e1e4ea;
    border-radius: 8px;
    display: grid;
    gap: 0;
    margin-bottom: 6px;
    max-height: 100px;
    overflow-y: auto;
}

.ecommerce-order-tax-summary span {
    background: #fff;
    border-bottom: 1px solid #eef0f4;
    color: #4b465c;
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.35;
    padding: 9px 11px;
}

.ecommerce-order-tax-summary span:last-child {
    border-bottom: 0;
}

.ecommerce-order-address-card {
    background: #fff;
    border: 1px solid #e1e4ea;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.ecommerce-order-address-card[hidden] {
    display: none !important;
}

.ecommerce-order-address-card .button {
    justify-self: start;
}

.ecommerce-order-address-card span {
    color: #6f6b7d;
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.ecommerce-order-address-card strong {
    color: #2f2b3d;
    display: block;
    font-size: 0.98rem;
    margin-bottom: 6px;
}

.ecommerce-order-address-card p {
    color: #6f6b7d;
    line-height: 1.45;
    margin: 0;
}

.ecommerce-order-address-same {
    margin: 0;
}

.ecommerce-order-address-body {
    display: grid;
    gap: 18px;
}

.ecommerce-order-address-modal .form-grid {
    gap: 14px;
}

.ecommerce-order-address-modal .form-grid label,
.ecommerce-order-address-modal .form > label {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.ecommerce-order-address-modal textarea {
    min-height: 82px;
}

.ecommerce-order-address-choices {
    border-top: 1px solid #e4e7ec;
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding-top: 14px;
}

.ecommerce-order-address-choice {
    background: #fbfcfe;
    border: 1px solid #d9dee8;
    border-radius: 8px;
    color: #4b465c;
    cursor: pointer;
    display: grid;
    gap: 7px;
    padding: 15px 16px;
    text-align: left;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.ecommerce-order-address-choice:hover,
.ecommerce-order-address-choice.is-selected {
    background: #fff;
    border-color: #7367f0;
    box-shadow: 0 8px 18px rgba(115, 103, 240, 0.12);
}

.ecommerce-order-address-choice strong {
    color: #2f2b3d;
    font-size: 0.96rem;
}

.ecommerce-order-address-choice span {
    color: #6f6b7d;
    line-height: 1.4;
}

.ecommerce-order-line[data-fulfillment-type="download"] {
    border-left: 4px solid #0f766e;
}

.ecommerce-order-finance-panel {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
}

.ecommerce-order-finance-column {
    align-content: start;
    display: grid;
    gap: 12px;
    min-width: 0;
}

.ecommerce-order-finance-card {
    align-content: start;
    background: #fbfcfe;
    border: 1px solid #e1e4ea;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 14px;
}

.ecommerce-order-finance-card > strong {
    color: #111827;
    font-size: 0.95rem;
}

.ecommerce-order-finance-card:has(.ecommerce-order-tax-summary) {
    align-content: start;
}

.ecommerce-order-inline-fields {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(110px, 0.55fr) minmax(130px, 1fr);
}

.ecommerce-order-discount-timing {
    background: #fff;
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    justify-self: start;
    padding: 8px 10px;
}

.ecommerce-order-coupon-state {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-height: 42px;
}

.ecommerce-order-coupon-state span {
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #334155;
    font-weight: 800;
    padding: 10px 12px;
}

.ecommerce-order-coupon-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ecommerce-order-finance-card .select2-container,
.ecommerce-order-finance-card select:not(.select2-hidden-accessible) {
    max-width: 100% !important;
    min-width: 0;
    width: 100% !important;
}

.ecommerce-order-finance-card .select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ecommerce-order-invoice-footer {
    border-top: 1px solid #e4e7ec;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    margin-top: 24px;
    padding-top: 20px;
}

.ecommerce-order-invoice-footer label {
    margin: 0;
}

.ecommerce-order-totals {
    display: grid;
    align-content: start;
    gap: 0;
}

.ecommerce-order-totals div {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 9px 0;
}

.ecommerce-order-totals div[hidden] {
    display: none !important;
}

.ecommerce-order-totals span {
    color: #64748b;
}

.ecommerce-order-totals strong {
    color: #111827;
}

.ecommerce-order-totals strong.ecommerce-order-total-value--plus {
    color: #16a34a;
}

.ecommerce-order-totals strong.ecommerce-order-total-value--minus {
    color: #dc2626;
}

.ecommerce-order-totals__grand strong {
    font-size: 22px;
}

.ecommerce-order-actions {
    align-items: center;
    background: #fff;
    border: 0;
    border-top: 1px solid #e2e8f0;
    bottom: 0;
    box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.08);
    display: flex;
    left: 0;
    padding: 12px 0;
    position: fixed;
    right: 0;
    width: auto;
    z-index: 1220;
}

.ecommerce-order-actions__inner {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.ecommerce-order-actions__buttons {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

@media (min-width: 981px) {
    body:has(.ecommerce-order-page-form) .ecommerce-order-actions {
        left: 0;
        right: 0;
        width: auto;
    }

    body.sidebar-collapsed:has(.ecommerce-order-page-form) .ecommerce-order-actions {
        left: 0;
    }
}

.ecommerce-order-view-layout {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
}

.ecommerce-order-preview-card,
.ecommerce-order-view-actions {
    background: #fff;
    border: 1px solid #e7e9f0;
    border-radius: 8px;
    box-shadow: 0 4px 22px rgba(15, 23, 42, 0.07);
}

.ecommerce-order-preview-card {
    padding: 40px 48px;
}

.ecommerce-order-preview-header {
    align-items: flex-start;
    background: #f6f5f7;
    border-radius: 8px;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(260px, 1fr) minmax(240px, 0.5fr);
    margin-bottom: 28px;
    padding: 24px;
}

.ecommerce-order-preview-meta {
    color: #4b465c;
    display: grid;
    gap: 10px;
    justify-items: start;
}

.ecommerce-order-preview-meta h2 {
    color: #2f2b3d;
    font-size: 1.15rem;
    margin: 0 0 12px;
}

.ecommerce-order-preview-meta p,
.ecommerce-order-preview-billing p,
.ecommerce-order-view-footer p {
    margin: 0;
}

.ecommerce-order-preview-billing {
    display: grid;
    gap: 48px;
    grid-template-columns: minmax(240px, 1fr) minmax(280px, 1fr);
    margin-bottom: 28px;
}

.ecommerce-order-preview-billing h3 {
    color: #2f2b3d;
    font-size: 0.95rem;
    margin: 0 0 16px;
}

.ecommerce-order-preview-billing section {
    color: #6f6b7d;
    display: grid;
    gap: 8px;
}

.ecommerce-order-view-table-wrap {
    border: 1px solid #e1e4ea;
    border-radius: 8px;
    margin-bottom: 24px;
    overflow: hidden;
}

.ecommerce-order-view-table {
    margin: 0;
}

.ecommerce-order-view-table th {
    color: #4b465c;
    font-size: 0.82rem;
    text-transform: uppercase;
}

.ecommerce-order-view-table td,
.ecommerce-order-view-table th {
    border-bottom: 1px solid #e1e4ea;
    padding: 16px 18px;
}

.ecommerce-order-view-table tr:last-child td {
    border-bottom: 0;
}

.ecommerce-order-view-footer {
    align-items: start;
    display: grid;
    gap: 32px;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 320px);
    margin-top: 12px;
}

.ecommerce-order-view-footer section {
    color: #6f6b7d;
    display: grid;
    gap: 9px;
}

.ecommerce-order-view-totals {
    justify-self: end;
    width: min(320px, 100%);
}

.ecommerce-order-view-note {
    border-top: 1px solid #e1e4ea;
    color: #6f6b7d;
    margin-top: 26px;
    padding-top: 22px;
}

.ecommerce-order-view-note strong {
    color: #2f2b3d;
}

.ecommerce-order-view-actions {
    display: grid;
    gap: 14px;
    padding: 24px;
    position: sticky;
    top: 96px;
}

.ecommerce-order-view-actions .button {
    justify-content: center;
    width: 100%;
}

.ecommerce-order-view-actions [data-invoice-action-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.62;
}

.ecommerce-order-view-action-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ecommerce-order-view-payment-button {
    background: #28c76f;
}

.ecommerce-order-view-payment-button:hover {
    background: #22aa5f;
}

.ecommerce-order-detail-layout {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.ecommerce-order-detail-main,
.ecommerce-order-detail-sidebar {
    display: grid;
    gap: 20px;
    min-width: 0;
}

.ecommerce-order-detail-sidebar {
    position: sticky;
    top: 96px;
}

.ecommerce-order-detail-hero {
    align-items: center;
    background: linear-gradient(135deg, #ffffff 0%, #f7f7ff 52%, #eef8f4 100%);
    border: 0;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(130px, 0.32fr));
}

.ecommerce-order-detail-kicker {
    color: #7367f0;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ecommerce-order-detail-hero h2 {
    color: #2f2b3d;
    font-size: 1.65rem;
    margin: 4px 0 6px;
}

.ecommerce-order-detail-hero p,
.ecommerce-order-detail-card p {
    color: #6f6b7d;
    margin: 0;
}

.ecommerce-order-detail-stat {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid #e7e7f7;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    min-height: 92px;
    padding: 16px;
}

.ecommerce-order-detail-stat span,
.ecommerce-order-detail-item > div > span,
.ecommerce-order-detail-list dt {
    color: #6f6b7d;
    font-size: 0.84rem;
    font-weight: 700;
}

.ecommerce-order-detail-stat strong {
    color: #111827;
    font-size: 1.15rem;
}

.ecommerce-order-detail-card {
    display: grid;
    gap: 16px;
}

.ecommerce-order-detail-card h2 {
    color: #2f2b3d;
    font-size: 1.05rem;
    margin: 0;
}

.ecommerce-order-detail-card-head {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.ecommerce-order-detail-items {
    display: grid;
    gap: 12px;
}

.ecommerce-order-detail-items__head {
    align-items: center;
    color: #6f6b7d;
    display: grid;
    font-size: 0.82rem;
    font-weight: 800;
    gap: 14px;
    grid-template-columns: minmax(260px, 1fr) 74px 130px minmax(170px, 0.55fr) 44px;
    padding: 0 16px;
}

.ecommerce-order-detail-item {
    align-items: center;
    border: 1px solid #e1e4ea;
    border-radius: 8px;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(260px, 1fr) 74px 130px minmax(170px, 0.55fr) 44px;
    padding: 14px 16px;
}

.ecommerce-order-detail-item__product {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.ecommerce-order-detail-item__product strong,
.ecommerce-order-detail-list dd {
    color: #2f2b3d;
    font-weight: 800;
}

.ecommerce-order-detail-item__product small {
    color: #6f6b7d;
    display: block;
    margin-top: 3px;
}

.ecommerce-order-detail-item__icon {
    align-items: center;
    background: #f0efff;
    border-radius: 8px;
    color: #7367f0;
    display: inline-flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    overflow: hidden;
    width: 42px;
}

.ecommerce-order-detail-item__icon svg {
    height: 20px;
    width: 20px;
}

.ecommerce-order-detail-item__qty,
.ecommerce-order-detail-item__price {
    color: #2f2b3d;
    font-weight: 800;
}

.ecommerce-order-detail-item__actions {
    display: flex;
    justify-content: flex-end;
}

.ecommerce-order-detail-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ecommerce-order-detail-list {
    display: grid;
    gap: 10px;
    margin: 0;
}

.ecommerce-order-detail-list div {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(104px, 0.5fr) minmax(0, 1fr);
}

.ecommerce-order-detail-list__total {
    border-top: 1px solid #e4e7ec;
    padding-top: 12px;
}

.ecommerce-order-detail-list dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.ecommerce-order-detail-total-card .ecommerce-order-totals {
    width: 100%;
}

.ecommerce-order-detail-actions {
    display: grid;
    gap: 12px;
}

.ecommerce-order-detail-actions .button {
    justify-content: center;
    width: 100%;
}

.ecommerce-order-item-stack {
    display: grid;
    gap: 8px;
}

.ecommerce-order-item-stack > span {
    display: grid;
    gap: 4px;
}

.ecommerce-order-item-stack small {
    color: #64748b;
}

.ecommerce-order-empty-cart {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    margin: 0;
    padding: 18px;
    text-align: center;
}

.ecommerce-order-product-detail {
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
    min-width: 0;
}

.ecommerce-order-product-detail__media,
.ecommerce-order-product-detail__info {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.ecommerce-order-product-detail__image {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    min-height: 380px;
    overflow: hidden;
}

.ecommerce-order-product-detail__image img {
    height: 100%;
    max-height: 480px;
    object-fit: contain;
    width: 100%;
}

.ecommerce-order-product-detail__thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ecommerce-order-product-detail__thumbs button {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    cursor: pointer;
    height: 64px;
    overflow: hidden;
    padding: 0;
    width: 72px;
}

.ecommerce-order-product-detail__thumbs button.is-selected,
.ecommerce-order-choice.is-selected {
    border-color: #0d6efd;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.14);
}

.ecommerce-order-product-detail__thumbs img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.ecommerce-order-product-detail__top {
    align-items: start;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding-bottom: 14px;
}

.ecommerce-order-product-detail__top > div {
    min-width: 0;
}

.ecommerce-order-product-detail__top h3 {
    color: #111827;
    font-size: 26px;
    line-height: 1.18;
    margin: 0 0 8px;
}

.ecommerce-order-product-detail__top strong {
    color: #0d6efd;
    flex: 0 0 auto;
    font-size: 26px;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-align: right;
}

.ecommerce-stock-line {
    color: #16a34a;
    font-weight: 800;
    margin: 0;
}

.ecommerce-stock-line.is-out {
    color: #dc2626;
}

.ecommerce-order-choice-stack,
.ecommerce-order-choice-group {
    display: grid;
    gap: 14px;
}

.ecommerce-order-choice-stack {
    gap: 18px;
}

.ecommerce-order-choice-group > strong {
    color: #111827;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    line-height: 1.3;
}

.ecommerce-order-choice-group > strong span {
    color: #475569;
    font-size: 0.88em;
    font-weight: 400;
}

.ecommerce-order-choice-group > strong .ecommerce-config-required {
    color: #dc2626;
    font-size: 1em;
    font-weight: 800;
}

.ecommerce-order-choice-group > strong [data-config-selected] {
    color: #64748b;
}

.ecommerce-order-choice-group > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ecommerce-order-choice {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    gap: 7px;
    min-height: 36px;
    padding: 7px 13px;
    position: relative;
}

.ecommerce-order-choice[data-tooltip]::before,
.ecommerce-order-choice[data-tooltip]::after,
.ecommerce-order-native-choice[data-tooltip]::before,
.ecommerce-order-native-choice[data-tooltip]::after {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 6px);
    transition: opacity 0.14s ease, transform 0.14s ease;
    z-index: 25;
}

.ecommerce-order-choice[data-tooltip]::before,
.ecommerce-order-native-choice[data-tooltip]::before {
    background: #111827;
    border-radius: 6px;
    bottom: calc(100% + 9px);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    max-width: 220px;
    min-width: max-content;
    padding: 7px 9px;
    text-align: center;
    white-space: nowrap;
}

.ecommerce-order-choice[data-tooltip]::after,
.ecommerce-order-native-choice[data-tooltip]::after {
    border: 6px solid transparent;
    border-top-color: #111827;
    bottom: calc(100% - 2px);
    content: "";
}

.ecommerce-order-choice[data-tooltip]:hover::before,
.ecommerce-order-choice[data-tooltip]:hover::after,
.ecommerce-order-choice[data-tooltip]:focus-visible::before,
.ecommerce-order-choice[data-tooltip]:focus-visible::after,
.ecommerce-order-native-choice[data-tooltip]:hover::before,
.ecommerce-order-native-choice[data-tooltip]:hover::after,
.ecommerce-order-native-choice:focus-within::before,
.ecommerce-order-native-choice:focus-within::after {
    opacity: 1;
    transform: translate(-50%, 0);
}

.ecommerce-order-native-choice {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    min-height: 38px;
    padding: 8px 12px;
    position: relative;
}

.ecommerce-order-native-choice input {
    accent-color: #0d6efd;
    margin: 0;
}

.ecommerce-order-choice-group [data-option-select] {
    appearance: none;
    background-color: #fff;
    background-image: linear-gradient(45deg, transparent 50%, #475569 50%), linear-gradient(135deg, #475569 50%, transparent 50%);
    background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
    background-repeat: no-repeat;
    background-size: 6px 6px, 6px 6px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    cursor: pointer;
    font-weight: 800;
    min-height: 42px;
    max-width: 360px;
    padding: 9px 38px 9px 13px;
    width: 100%;
}

.ecommerce-order-choice-group [data-option-select]:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.14);
    outline: none;
}

.ecommerce-order-choice-group [data-option-select][multiple] {
    background-image: none;
    cursor: default;
    min-height: 112px;
    padding-right: 13px;
}

.ecommerce-order-choice-group .select2-container {
    max-width: 360px;
    width: 100% !important;
}

.ecommerce-order-choice em {
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.ecommerce-order-choice img {
    border-radius: 6px;
    height: 34px;
    object-fit: cover;
    width: 34px;
}

.ecommerce-order-choice--color,
.ecommerce-order-choice--image {
    min-height: 44px;
    min-width: 48px;
    padding: 5px;
}

.ecommerce-order-choice--color span,
.ecommerce-order-choice--image span {
    display: none;
}

.ecommerce-order-choice--color em {
    height: 40px;
    width: 40px;
}

.ecommerce-order-choice--image img {
    height: 42px;
    width: 42px;
}

.ecommerce-order-product-detail__footer {
    align-items: end;
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(170px, 0.46fr) minmax(0, 1fr);
    margin-top: 4px;
    padding-top: 16px;
}

.ecommerce-order-product-detail__footer .button {
    align-self: end;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    min-height: 48px;
    min-width: 0;
    width: 100%;
}

.ecommerce-order-quantity-field {
    display: grid;
    gap: 7px;
    margin: 0;
}

.ecommerce-order-quantity-stepper {
    align-items: stretch;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    display: inline-grid;
    grid-template-columns: 42px minmax(70px, 1fr) 42px;
    height: 48px;
    max-width: 190px;
    overflow: hidden;
}

.ecommerce-order-quantity-stepper button {
    align-items: center;
    background: #f8fafc;
    border: 0;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 18px;
    font-weight: 900;
    justify-content: center;
}

.ecommerce-order-quantity-stepper button:hover {
    background: #eef2f7;
    color: #111827;
}

.ecommerce-order-quantity-stepper input {
    border: 0;
    border-left: 1px solid #e2e8f0;
    border-radius: 0;
    border-right: 1px solid #e2e8f0;
    color: #111827;
    font-size: 16px;
    font-weight: 800;
    height: 100%;
    min-width: 0;
    padding: 0 8px;
    text-align: center;
}

.ecommerce-order-quantity-stepper input::-webkit-outer-spin-button,
.ecommerce-order-quantity-stepper input::-webkit-inner-spin-button {
    margin: 0;
}

.ecommerce-order-quantity-stepper input:focus {
    box-shadow: inset 0 0 0 2px rgba(37, 99, 235, 0.25);
    outline: none;
}

.ecommerce-editor-card__body .ticket-editor {
    border-radius: 6px;
}

.ecommerce-editor-card__body .ticket-editor__surface {
    min-height: 280px;
    max-height: 520px;
}

.ecommerce-inline-panel {
    background: #f8fbff;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 14px;
}

.ecommerce-inline-panel[hidden] {
    display: none !important;
}

.ecommerce-inline-panel > header {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    margin: -2px -2px 2px;
    padding-bottom: 10px;
}

.ecommerce-inline-panel > header h3 {
    color: #374151;
    font-size: 1rem;
    margin: 0;
}

.ecommerce-inline-panel > header span {
    color: #475569;
    font-weight: 800;
    letter-spacing: 1px;
}

.ecommerce-product-type-choice {
    display: grid;
    gap: 18px;
}

.ecommerce-product-type-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
}

.ecommerce-product-type-card {
    background: #f8fbff;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: 8px;
    min-height: 132px;
    padding: 18px;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.ecommerce-product-type-card:hover {
    border-color: #b98a36;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    transform: translateY(-1px);
}

.ecommerce-product-type-card strong {
    color: #111827;
    font-size: 1.05rem;
}

.ecommerce-product-type-card span {
    color: #475569;
    line-height: 1.5;
}

.ecommerce-product-page-form label:not(.toggle-field) {
    background: #f8fbff;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    color: #374151;
    display: grid;
    font-weight: 700;
    gap: 8px;
    padding: 11px 12px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.ecommerce-product-page-form .ecommerce-tax-class-field__label label {
    background: transparent;
    border: 0;
    display: inline-flex;
    gap: 0;
    padding: 0;
}

.ecommerce-product-page-form .ecommerce-tax-class-card select {
    font-weight: 400;
    margin-top: 6px;
}

.ecommerce-product-page-form .ecommerce-tax-class-card .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
}

.ecommerce-product-page-form {
    max-width: 100%;
    overflow-x: clip;
    padding-bottom: 76px;
    width: 100%;
}

body:has(.ecommerce-product-page-form) {
    overflow-x: hidden;
}

.ecommerce-product-page-form label:not(.toggle-field):focus-within {
    background: #f7fbff;
    border-color: #bfdbfe;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
}

.ecommerce-product-page-form label:not(.toggle-field) input,
.ecommerce-product-page-form label:not(.toggle-field) select,
.ecommerce-product-page-form label:not(.toggle-field) textarea {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    font-weight: 500;
    min-height: 38px;
    padding: 10px 12px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
    width: 100%;
}

.ecommerce-product-page-form label:not(.toggle-field) input:focus,
.ecommerce-product-page-form label:not(.toggle-field) select:focus,
.ecommerce-product-page-form label:not(.toggle-field) textarea:focus {
    border-color: #94a3ff;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14);
    outline: 0;
}

.ecommerce-product-page-form label:not(.toggle-field) textarea {
    resize: vertical;
}

.ecommerce-product-page-form .ecommerce-ai-training-textarea {
    max-height: 300px;
    min-height: 180px;
}

.ecommerce-product-page-form label:not(.toggle-field) input:disabled,
.ecommerce-product-page-form label:not(.toggle-field) textarea:disabled {
    background: #f8fafc;
    color: #64748b;
}

.ecommerce-product-page-form label:not(.toggle-field) small {
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.35;
}

.ecommerce-product-page-form label.ecommerce-product-switch,
.ecommerce-product-page-form .ecommerce-product-switch {
    align-items: flex-start;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    display: flex;
    gap: 10px;
    min-height: 0;
    padding: 0;
    padding-inline: 0;
    transition: none;
}

.ecommerce-product-page-form label.ecommerce-product-switch:focus-within,
.ecommerce-product-page-form .ecommerce-product-switch:focus-within {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.ecommerce-product-page-form .ecommerce-product-switch .form-check-input {
    background-color: #dbe3ee;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: #cbd5e1;
    flex: 0 0 auto;
    margin: 2px 0 0;
    min-height: 1.25rem;
    padding: 0;
    width: 2.5rem;
}

.ecommerce-product-page-form .ecommerce-product-switch .form-check-input:checked {
    background-color: var(--tblr-primary, #066fd1);
    background-position: right center;
    border-color: var(--tblr-primary, #066fd1);
}

.ecommerce-product-page-form .ecommerce-product-switch .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb, 6, 111, 209), 0.25);
}

.ecommerce-product-page-form .ecommerce-product-switch .form-check-label {
    color: #374151;
    display: grid;
    font-weight: 700;
    gap: 4px;
    line-height: 1.35;
}

.ecommerce-product-page-form .ecommerce-product-switch .form-hint {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.35;
    margin: 0;
}

.ecommerce-product-page-form label.ecommerce-product-switch--inline,
.ecommerce-product-page-form .ecommerce-product-switch--inline {
    align-items: center;
    display: inline-flex;
    margin: 0;
}

.ecommerce-media-preview {
    gap: 10px;
}

.ecommerce-media-preview img,
.ecommerce-media-placeholder {
    aspect-ratio: 16 / 10;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    display: grid;
    max-height: 180px;
    object-fit: cover;
    place-items: center;
    width: 100%;
}

.ecommerce-media-placeholder {
    color: #cbd5e1;
    font-size: 3rem;
    font-weight: 300;
}

.file-picker-preview.ecommerce-product-gallery-preview {
    align-items: start;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 96px;
    padding: 8px;
    width: 100%;
}

.ecommerce-product-gallery-preview .file-picker-preview__item {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    cursor: move;
    display: block;
    height: 74px;
    max-width: 74px;
    overflow: hidden;
    position: relative;
    width: 74px;
}

.ecommerce-product-gallery-preview .file-picker-preview__item:first-child {
    height: 120px;
    max-width: 120px;
    width: 120px;
}

.ecommerce-product-gallery-preview .file-picker-preview__item.is-dragging {
    cursor: move;
    opacity: 0.6;
}

.ecommerce-product-gallery-preview .file-picker-preview__item img {
    border: 0;
    border-radius: 0;
    height: 100%;
    max-height: none;
    object-fit: contain;
    padding: 4px;
    width: 100%;
}

.ecommerce-product-gallery-preview .file-picker-preview__item button {
    align-items: center;
    background: rgba(15, 23, 42, 0.78);
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px;
}

.ecommerce-download-current {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
    padding: 12px;
}

.ecommerce-download-current strong,
.ecommerce-download-current small {
    color: #111827;
    font-size: 0.95rem;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word;
}

.ecommerce-download-current small {
    color: #2563eb;
    font-size: 0.8rem;
}

.ecommerce-virtual-lock {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 12px;
}

.ecommerce-virtual-lock strong {
    color: #9a3412;
    font-size: 0.95rem;
}

.ecommerce-download-dropzone {
    display: grid;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
}

.ecommerce-download-dropzone[hidden] {
    display: none !important;
}

.ecommerce-download-dropzone > label {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #94a3b8;
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-height: 170px;
    padding: 22px;
    text-align: center;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.ecommerce-download-dropzone > label strong,
.ecommerce-download-dropzone > label small,
.ecommerce-download-dropzone > small,
.ecommerce-editor-card__body > small {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word;
}

.ecommerce-download-dropzone > label strong {
    line-height: 1.35;
}

.ecommerce-download-dropzone > label small {
    line-height: 1.4;
}

.ecommerce-download-selected-file {
    background: #ffffff;
    border: 1px solid #dbe5f2;
    border-radius: 7px;
    color: #334155;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.35;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: 9px 11px;
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

.ecommerce-download-selected-file[hidden] {
    display: none !important;
}

.ecommerce-attribute-values {
    gap: 12px;
}

.ecommerce-attribute-value-row {
    align-items: center;
    border: 1px solid #e5e7eb;
    display: grid;
    gap: 10px;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    padding: 8px;
}

.ecommerce-attribute-value-row.is-dragging {
    opacity: 0.6;
}

.ecommerce-attribute-value-row input {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    min-height: 38px;
    padding: 9px 11px;
    width: 100%;
}

.ecommerce-attribute-value-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ecommerce-attribute-value-list span {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    color: #1e3a8a;
    font-size: 0.85rem;
    font-weight: 800;
    padding: 6px 10px;
}

.ecommerce-product-attributes {
    display: grid;
    gap: 12px;
}

.ecommerce-virtual-licenses {
    display: grid;
    gap: 14px;
}

.ecommerce-virtual-license {
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.ecommerce-virtual-license [hidden] {
    display: none !important;
}

.ecommerce-virtual-license__fields {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr);
}

.ecommerce-product-attribute-head,
.ecommerce-product-attribute-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 34px minmax(170px, 0.42fr) minmax(240px, 1fr) 46px;
}

.ecommerce-product-attribute-head {
    border: 1px solid #e5e7eb;
    border-bottom: 0;
    color: #374151;
    font-size: 0.88rem;
    font-weight: 800;
    padding: 8px 10px;
}

.ecommerce-product-attribute-row {
    border: 1px solid #e5e7eb;
    min-width: 0;
    padding: 8px 10px;
}

.ecommerce-product-attribute-row + .ecommerce-product-attribute-row {
    border-top: 0;
}

.ecommerce-product-attribute-row.is-dragging {
    cursor: move;
    opacity: 0.6;
}

.ecommerce-product-attribute-row label {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-width: 0;
    padding: 0 !important;
}

.ecommerce-product-attribute-row .select2-container {
    min-width: 0;
}

.ecommerce-product-options {
    display: grid;
    gap: 14px;
}

.ecommerce-product-option-card {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
}

.ecommerce-product-option-card.is-dragging,
.ecommerce-product-option-value-row.is-dragging,
.ecommerce-product-variation-value-row.is-dragging {
    cursor: move;
    opacity: 0.6;
}

.ecommerce-product-option-card > header {
    align-items: center;
    background: #f3f4f6;
    border-bottom: 1px solid #e5e7eb;
    display: grid;
    gap: 10px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    padding: 10px 14px;
}

.ecommerce-product-option-card.is-dragging > header {
    cursor: move;
}

.ecommerce-product-option-card > header strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ecommerce-product-option-card-actions {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    justify-self: end;
}

.ecommerce-product-option-body {
    display: grid;
    gap: 14px;
    max-height: 1200px;
    opacity: 1;
    overflow: hidden;
    padding: 14px;
    transition: max-height 0.24s ease, opacity 0.18s ease, padding-top 0.24s ease, padding-bottom 0.24s ease;
}

.ecommerce-product-option-body[hidden],
.ecommerce-product-option-card.is-collapsed .ecommerce-product-option-body {
    max-height: 0 !important;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.ecommerce-product-option-fields {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(180px, 1fr) minmax(170px, 0.48fr) minmax(150px, 0.42fr);
}

.ecommerce-product-option-required {
    align-self: end;
    min-height: 44px;
}

.ecommerce-product-option-value-head,
.ecommerce-product-option-value-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 34px minmax(180px, 1fr) minmax(160px, 0.8fr) minmax(140px, 0.48fr) 42px;
}

.ecommerce-product-option-value-head {
    border: 1px solid #e5e7eb;
    border-bottom: 0;
    color: #374151;
    font-size: 0.88rem;
    font-weight: 800;
    padding: 8px 10px;
}

.ecommerce-product-option-value-row {
    border: 1px solid #e5e7eb;
    min-width: 0;
    padding: 8px 10px;
}

.ecommerce-product-option-value-row + .ecommerce-product-option-value-row {
    border-top: 0;
}

.ecommerce-product-option-value-row input,
.ecommerce-product-option-value-row select {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    min-height: 38px;
    min-width: 0;
    padding: 9px 11px;
    width: 100%;
}

.ecommerce-product-variation-value-head,
.ecommerce-product-variation-value-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 34px minmax(180px, 1fr) minmax(180px, 1fr) 42px;
}

.ecommerce-product-variation-value-head {
    border: 1px solid #e5e7eb;
    border-bottom: 0;
    color: #374151;
    font-size: 0.88rem;
    font-weight: 800;
    padding: 8px 10px;
}

.ecommerce-product-variation-value-row {
    border: 1px solid #e5e7eb;
    min-width: 0;
    padding: 8px 10px;
}

.ecommerce-product-variation-value-row + .ecommerce-product-variation-value-row {
    border-top: 0;
}

.ecommerce-product-variation-value-row input,
.ecommerce-product-variation-value-row select {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    min-height: 38px;
    min-width: 0;
    padding: 9px 11px;
    width: 100%;
}

.ecommerce-product-variation-value-row .file-picker-preview {
    min-height: 38px;
}

.ecommerce-product-variation-value-row .file-picker-preview img {
    max-height: 42px;
}

[data-product-variation-current-type="text"] .variation-value-image-col,
[data-product-variation-current-type="text"] .variation-value-color-col,
[data-product-variation-current-type="image"] .variation-value-text-col,
[data-product-variation-current-type="image"] .variation-value-color-col,
[data-product-variation-current-type="color"] .variation-value-text-col,
[data-product-variation-current-type="color"] .variation-value-image-col {
    display: none;
}

[data-product-variation-current-type="image"] .ecommerce-product-variation-value-head,
[data-product-variation-current-type="image"] .ecommerce-product-variation-value-row {
    grid-template-columns: 34px minmax(160px, 0.85fr) minmax(240px, 1.15fr) 42px;
}

[data-product-variation-current-type="color"] .ecommerce-product-variation-value-head,
[data-product-variation-current-type="color"] .ecommerce-product-variation-value-row {
    grid-template-columns: 34px minmax(180px, 1fr) minmax(130px, 0.45fr) 42px;
}

.ecommerce-variation-image-control {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.ecommerce-variation-color-input {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ecommerce-variation-color-input input[type="color"] {
    height: 38px;
    max-width: 44px;
    padding: 2px;
}

.ecommerce-variant-card {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
}

.ecommerce-variant-card + .ecommerce-variant-card {
    margin-top: 14px;
}

.ecommerce-variant-card > header {
    align-items: center;
    background: #f3f4f6;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-height: 44px;
    padding: 8px 12px;
}

.ecommerce-variant-card > header strong {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.ecommerce-variant-card-actions {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.ecommerce-product-page-form .ecommerce-variant-card-actions label.ecommerce-product-switch {
    background: transparent;
    border: 0;
    box-shadow: none;
    min-height: 0;
    padding: 0;
    padding-inline: 0;
}

.ecommerce-variant-card__body {
    border-top: 1px solid #e5e7eb;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(140px, 180px) minmax(0, 1fr);
    max-height: 900px;
    opacity: 1;
    overflow: hidden;
    padding: 16px 14px 18px;
    transition: max-height 0.24s ease, opacity 0.18s ease, padding-top 0.24s ease, padding-bottom 0.24s ease;
}

.ecommerce-variant-card__body[hidden],
.ecommerce-variant-card.is-collapsed .ecommerce-variant-card__body {
    max-height: 0 !important;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.ecommerce-variant-card-actions .ecommerce-product-switch input:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.ecommerce-variant-bulk-edit {
    align-items: center;
    display: grid;
    gap: 14px 18px;
    grid-template-columns: 170px minmax(220px, 0.55fr);
}

.ecommerce-variant-bulk-edit [hidden] {
    display: none !important;
}

.ecommerce-variant-bulk-edit__label {
    color: #374151;
    font-weight: 800;
}

.ecommerce-variant-bulk-edit select,
.ecommerce-variant-bulk-edit input {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    min-height: 38px;
    min-width: 0;
    padding: 9px 11px;
    width: 100%;
}

.ecommerce-variant-bulk-edit .ecommerce-price-prefix input {
    border-radius: 0 6px 6px 0;
}

.ecommerce-variant-bulk-edit .button,
.ecommerce-variant-bulk-edit .btn {
    justify-self: start;
}

.ecommerce-variant-image .file-picker-preview {
    align-items: center;
    border: 2px dashed #cbd5e1;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    min-height: 146px;
    width: 100%;
}

.ecommerce-variant-image .file-picker-preview img {
    border-radius: 6px;
    max-height: 140px;
    object-fit: contain;
}

.ecommerce-variant-image .button {
    margin-top: 10px;
    width: 100%;
}

.ecommerce-variant-fields {
    align-items: start;
    display: grid;
    gap: 14px 18px;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
}

.ecommerce-variant-fields label {
    min-width: 0;
}

.ecommerce-variant-fields .ecommerce-price-prefix {
    margin-top: 0;
}

.ecommerce-variant-card .badge {
    font-size: 0.72rem;
}

.ecommerce-variant-card .badge--info {
    background: #d9f1fa;
    color: #1f3b4d;
    font-weight: 800;
    padding: 4px 10px;
}

.ecommerce-price-prefix {
    align-items: stretch;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    min-width: 0;
    padding: 0 !important;
}

.ecommerce-price-prefix span {
    align-items: center;
    background: #f3f4f6;
    border: 1px solid #cbd5e1;
    border-radius: 6px 0 0 6px;
    border-right: 0;
    color: #374151;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    min-width: 38px;
    padding: 0 10px;
}

.ecommerce-price-prefix input {
    border-radius: 0 6px 6px 0;
}

.ecommerce-product-options-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.ecommerce-product-options-template {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    min-width: min(340px, 100%);
}

.ecommerce-product-options-template .select2-container,
.ecommerce-product-options-template select {
    min-width: 180px;
}

.ecommerce-product-page-form .btn,
.ecommerce-product-page-form .btn span,
.ecommerce-product-page-form .button span {
    align-items: center;
    display: inline-flex;
}

.ecommerce-product-page-form .btn,
.ecommerce-product-page-form .button {
    gap: 8px;
}

.ecommerce-product-page-form .btn svg,
.ecommerce-product-page-form .button svg {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.ecommerce-product-page-form .ecommerce-product-toggle-button,
.ecommerce-product-page-form .ecommerce-product-drag-button,
.ecommerce-product-page-form .ecommerce-product-toggle-button:hover,
.ecommerce-product-page-form .ecommerce-product-drag-button:hover,
.ecommerce-product-page-form .ecommerce-product-toggle-button:focus,
.ecommerce-product-page-form .ecommerce-product-drag-button:focus,
.ecommerce-product-page-form .ecommerce-product-toggle-button:active,
.ecommerce-product-page-form .ecommerce-product-drag-button:active {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--tblr-secondary-color, #6c7a91);
}

.ecommerce-product-page-form .ecommerce-product-toggle-button:hover,
.ecommerce-product-page-form .ecommerce-product-drag-button:hover,
.ecommerce-product-page-form .ecommerce-product-toggle-button:focus,
.ecommerce-product-page-form .ecommerce-product-drag-button:focus {
    color: var(--tblr-primary, #7367f0);
}

.theme-dark .ecommerce-product-page-form .ecommerce-product-toggle-button,
.theme-dark .ecommerce-product-page-form .ecommerce-product-drag-button {
    color: var(--tblr-secondary-color, #cbd5e1);
}

.theme-dark .ecommerce-product-page-form .ecommerce-product-toggle-button:hover,
.theme-dark .ecommerce-product-page-form .ecommerce-product-drag-button:hover,
.theme-dark .ecommerce-product-page-form .ecommerce-product-toggle-button:focus,
.theme-dark .ecommerce-product-page-form .ecommerce-product-drag-button:focus {
    color: var(--tblr-primary, #7367f0);
}

.ecommerce-product-page-form .btn-close,
.ecommerce-product-page-form .btn-close:hover,
.ecommerce-product-page-form .btn-close:focus,
.ecommerce-product-page-form .btn-close:active,
#fileManagerPickerModal .btn-close,
#fileManagerPickerModal .btn-close:hover,
#fileManagerPickerModal .btn-close:focus,
#fileManagerPickerModal .btn-close:active {
    background-color: transparent;
    box-shadow: none;
}

#fileManagerPickerModal .modal-dialog {
    min-width: 540px;
    width: min(80vw, 960px);
}

@media (max-width: 575.98px) {
    #fileManagerPickerModal .modal-dialog {
        max-width: 80vw;
        min-width: 0;
        width: 80vw;
    }
}

.ecommerce-product-page-form .ts-dropdown .optgroup-header,
.ecommerce-product-page-form .ts-dropdown .optgroup-header:hover,
.mailmarket-tabler-shell .ts-dropdown .optgroup-header {
    background: var(--tblr-bg-surface, #ffffff);
    color: var(--tblr-body-color, #2f2b3d);
    cursor: default !important;
    font-weight: 700 !important;
    pointer-events: none !important;
}

.ecommerce-product-page-form .ts-dropdown .optgroup .option {
    padding-left: 1.1rem;
}

.ecommerce-product-page-form select[data-no-select2],
.ecommerce-product-page-form select.form-select:not(.tomselected):not(.ts-hidden-accessible),
.ecommerce-variant-bulk-edit select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-right: 38px;
}

.modal-dialog.ecommerce-product-delete-modal {
    border-top: 3px solid var(--tblr-danger, #d63939);
    max-width: min(520px, calc(100vw - 32px));
    min-width: min(420px, calc(100vw - 32px));
    padding: 0;
    position: relative;
    width: auto;
}

.ecommerce-product-delete-close {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 1;
}

.ecommerce-product-delete-body {
    display: grid;
    gap: 14px;
    justify-items: center;
    padding: 34px 34px 32px;
    text-align: center;
}

.ecommerce-product-delete-body h2 {
    font-size: 18px;
    margin: 0;
}

.ecommerce-product-delete-body p {
    margin: 0;
}

.ecommerce-product-delete-icon {
    align-items: center;
    color: var(--tblr-danger, #d63939);
    display: inline-flex;
    justify-content: center;
}

.ecommerce-product-delete-icon svg {
    height: 46px;
    width: 46px;
}

.tabler-compat .ecommerce-product-delete-modal .ecommerce-product-delete-footer,
.ecommerce-product-delete-modal .ecommerce-product-delete-footer {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
    border-top: 1px solid var(--tblr-border-color, #dadfe5);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: flex-end;
    margin: 0;
    padding: 18px 24px;
}

.ecommerce-product-delete-footer .btn {
    flex: 0 0 auto;
    width: auto;
}

.ecommerce-product-delete-footer .btn-link {
    margin-right: auto;
}

.ecommerce-product-delete-footer .btn-danger {
    white-space: nowrap;
}

.modal-dialog.ecommerce-product-ai-modal {
    max-width: min(760px, calc(100vw - 32px));
    width: 100%;
}

.ecommerce-product-ai-modal .grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 575.98px) {
    .modal-dialog.ecommerce-product-delete-modal {
        min-width: 0;
        width: calc(100vw - 24px);
    }

    .tabler-compat .ecommerce-product-delete-modal .ecommerce-product-delete-footer,
    .ecommerce-product-delete-modal .ecommerce-product-delete-footer {
        flex-wrap: wrap;
    }

    .ecommerce-product-delete-footer .btn-link {
        margin-right: 0;
    }

    .ecommerce-product-ai-modal .grid--two {
        grid-template-columns: 1fr;
    }
}

.ecommerce-category-tree-panel {
    display: grid;
    gap: 12px;
}

.ecommerce-category-tree-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ecommerce-category-tree-links {
    align-items: center;
    color: #2563eb;
    display: flex;
    gap: 4px;
}

.ecommerce-category-tree-links button {
    background: transparent;
    border: 0;
    color: #2563eb;
    cursor: pointer;
    font: inherit;
    padding: 0;
}

.ecommerce-category-tree-links button:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

.ecommerce-category-tree {
    max-width: 720px;
    min-height: 180px;
    overflow-x: auto;
    padding: 2px 0;
}

.ecommerce-category-tree .jstree-node {
    margin-top: 1px;
    margin-bottom: 1px;
}

.ecommerce-category-tree .jstree-anchor {
    border-radius: 0;
    color: #2f2f2f;
    min-height: 22px;
    padding: 0 5px;
}

.ecommerce-category-tree .jstree-clicked {
    background: #bfdef0;
    box-shadow: none;
    color: #1f2937;
}

.ecommerce-category-tree .jstree-hovered {
    background: #e8f4fb;
    box-shadow: none;
}

.ecommerce-category-tree .jstree-anchor > .jstree-themeicon.jstree-folder {
    background: none !important;
    position: relative;
}

.ecommerce-category-tree .jstree-anchor > .jstree-themeicon.jstree-folder::before {
    background: #b7791f;
    border-radius: 2px;
    content: "";
    height: 12px;
    left: 3px;
    position: absolute;
    top: 8px;
    width: 17px;
}

.ecommerce-category-tree .jstree-anchor > .jstree-themeicon.jstree-folder::after {
    background: #b7791f;
    border-radius: 2px 2px 0 0;
    content: "";
    height: 5px;
    left: 4px;
    position: absolute;
    top: 5px;
    width: 9px;
}

.ecommerce-category-tree .jstree-ocl {
    background: none !important;
    position: relative;
}

.ecommerce-category-tree .jstree-open > .jstree-ocl::before,
.ecommerce-category-tree .jstree-closed > .jstree-ocl::before {
    align-items: center;
    background: #ffffff;
    border: 1px solid #111827;
    color: #111827;
    content: "+";
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    height: 12px;
    justify-content: center;
    left: 6px;
    line-height: 1;
    position: absolute;
    top: 6px;
    width: 12px;
}

.ecommerce-category-tree .jstree-open > .jstree-ocl::before {
    content: "-";
}

.ecommerce-category-tree .jstree-leaf > .jstree-ocl::before {
    content: none;
}

.ecommerce-category-tree .jstree-node {
    background-image: linear-gradient(to bottom, #4b5563 50%, transparent 50%) !important;
    background-position: 12px 0 !important;
    background-repeat: repeat-y !important;
    background-size: 1px 2px !important;
}

.ecommerce-category-tree .jstree-last {
    background-image: linear-gradient(to bottom, #4b5563 50%, transparent 50%) !important;
}

.ecommerce-category-tree .jstree-node > .jstree-ocl::after {
    border-top: 1px dotted #4b5563;
    content: "";
    height: 0;
    left: 24px;
    position: absolute;
    top: 12px;
    width: 8px;
}

.ecommerce-category-tree .jstree-container-ul > .jstree-node > .jstree-ocl::after {
    content: none;
}

.ecommerce-attribute-value-row .icon-button,
.ecommerce-option-value-row .icon-button,
.ecommerce-variation-value-row .icon-button,
.ecommerce-product-attribute-row .icon-button,
.ecommerce-product-option-card > header .icon-button,
.ecommerce-product-option-value-row .icon-button,
.ecommerce-product-variation-value-row .icon-button,
.ecommerce-variant-card > header .icon-button {
    background: #f3f4f6;
    border-color: #f3f4f6;
    color: #374151;
    height: 38px;
    width: 38px;
}

.ecommerce-attribute-value-row .icon-button:hover,
.ecommerce-option-value-row .icon-button:hover,
.ecommerce-variation-value-row .icon-button:hover,
.ecommerce-product-attribute-row .icon-button:hover,
.ecommerce-product-option-card > header .icon-button:hover,
.ecommerce-product-option-value-row .icon-button:hover,
.ecommerce-product-variation-value-row .icon-button:hover,
.ecommerce-variant-card > header .icon-button:hover {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
}

.ecommerce-option-values {
    gap: 12px;
}

.ecommerce-option-value-head,
.ecommerce-option-value-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 44px minmax(0, 1fr) minmax(120px, 0.7fr) minmax(140px, 0.55fr) auto;
}

.ecommerce-option-value-head {
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    font-weight: 800;
    padding: 0 8px 6px;
}

.ecommerce-option-value-row {
    border: 1px solid #e5e7eb;
    padding: 8px;
}

.ecommerce-option-value-row.is-dragging {
    opacity: 0.6;
}

.ecommerce-option-value-handle {
    align-items: center;
    color: #64748b;
    cursor: move;
    display: inline-flex;
    gap: 6px;
    font-weight: 900;
    line-height: 1;
    user-select: none;
}

.ecommerce-option-value-handle:active {
    cursor: move;
}

.ecommerce-option-value-row input,
.ecommerce-option-value-row select {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    min-height: 38px;
    min-width: 0;
    padding: 9px 11px;
    width: 100%;
}

.ecommerce-variation-values {
    gap: 12px;
}

.ecommerce-variation-value-head,
.ecommerce-variation-value-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 44px minmax(0, 1fr) minmax(0, 1fr) minmax(180px, 0.75fr) minmax(130px, 0.5fr) auto;
}

.ecommerce-variation-value-head {
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    font-weight: 800;
    padding: 0 8px 6px;
}

.ecommerce-variation-value-row {
    border: 1px solid #e5e7eb;
    padding: 8px;
}

.ecommerce-variation-value-row.is-dragging {
    opacity: 0.6;
}

.ecommerce-variation-value-row input,
.ecommerce-variation-value-row select {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    min-height: 38px;
    min-width: 0;
    padding: 9px 11px;
    width: 100%;
}

.ecommerce-variation-image-control {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.ecommerce-variation-image-control .file-picker-preview {
    align-items: center;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    min-width: 42px;
    overflow: hidden;
}

.ecommerce-variation-image-control .file-picker-preview img,
.ecommerce-variation-image-preview img {
    display: block;
    height: 38px;
    object-fit: cover;
    width: 38px;
}

.ecommerce-variation-color-preview {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    white-space: nowrap;
}

.ecommerce-variation-color-preview__swatch {
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    display: inline-block;
    flex: 0 0 auto;
    height: 24px;
    width: 36px;
}

.ecommerce-variation-color-preview__value {
    display: inline-block;
    min-width: 7ch;
}

.ecommerce-variation-details-values__value,
.ecommerce-variation-details-values td:nth-child(2) {
    width: 180px;
}

.ecommerce-variation-color-input {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) 34px;
    min-height: 38px;
    min-width: 0;
    padding: 4px 5px 4px 10px;
    width: 100%;
}

.ecommerce-variation-value-row .ecommerce-variation-color-input input {
    border: 0;
    border-radius: 0;
    min-height: 0;
    padding: 0;
}

.ecommerce-variation-value-row .ecommerce-variation-color-input input[type="text"] {
    background: transparent;
    font-family: inherit;
    height: 28px;
}

.ecommerce-variation-value-row .ecommerce-variation-color-input input[type="color"] {
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    height: 28px;
    overflow: hidden;
    width: 32px;
}

.ecommerce-variation-value-row .ecommerce-variation-color-input input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.ecommerce-variation-value-row .ecommerce-variation-color-input input[type="color"]::-webkit-color-swatch {
    border: 0;
    border-radius: 5px;
}

.ecommerce-variation-value-row .ecommerce-variation-color-input input[type="color"]::-moz-color-swatch {
    border: 0;
    border-radius: 5px;
}

[data-variation-current-type="text"] .variation-value-image-col,
[data-variation-current-type="text"] .variation-value-color-col,
[data-variation-current-type="image"] .variation-value-text-col,
[data-variation-current-type="image"] .variation-value-color-col,
[data-variation-current-type="color"] .variation-value-text-col,
[data-variation-current-type="color"] .variation-value-image-col {
    display: none;
}

[data-variation-current-type="text"] .ecommerce-variation-value-head,
[data-variation-current-type="text"] .ecommerce-variation-value-row {
    grid-template-columns: 44px minmax(0, 1fr) minmax(0, 1fr) auto;
}

[data-variation-current-type="image"] .ecommerce-variation-value-head,
[data-variation-current-type="image"] .ecommerce-variation-value-row {
    grid-template-columns: 44px minmax(0, 1fr) minmax(220px, 1fr) auto;
}

[data-variation-current-type="color"] .ecommerce-variation-value-head,
[data-variation-current-type="color"] .ecommerce-variation-value-row {
    grid-template-columns: 44px minmax(0, 1fr) minmax(140px, 0.5fr) auto;
}

@media (max-width: 760px) {
    .ecommerce-product-attribute-head,
    .ecommerce-option-value-head,
    .ecommerce-product-option-value-head,
    .ecommerce-product-variation-value-head {
        display: none;
    }

    .ecommerce-product-attribute-row {
        grid-template-columns: 32px minmax(0, 1fr) 42px;
    }

    .ecommerce-product-attribute-row label {
        grid-column: 2 / 3;
    }

    .ecommerce-product-attribute-row label + label {
        grid-column: 2 / 4;
    }

    .ecommerce-product-attribute-row [data-remove-product-attribute] {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }

    .ecommerce-attribute-value-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-attribute-value-row > * {
        grid-column: 1;
    }

    .ecommerce-option-value-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-product-option-fields,
    .ecommerce-product-option-value-row,
    .ecommerce-product-variation-value-row,
    .ecommerce-product-type-grid,
    .ecommerce-virtual-license__fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-product-option-value-row > *,
    .ecommerce-product-variation-value-row > *,
    .ecommerce-product-option-fields > * {
        grid-column: 1;
    }

    [data-product-variation-current-type] .ecommerce-product-variation-value-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-variation-image-control,
    .ecommerce-variation-color-input {
        align-items: stretch;
        flex-direction: column;
    }

    .ecommerce-variation-color-input input[type="color"] {
        max-width: none;
        width: 100%;
    }

    .ecommerce-variant-card__body,
    .ecommerce-variant-fields,
    .ecommerce-variant-bulk-edit {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-variant-bulk-edit > * {
        grid-column: 1;
    }

    .ecommerce-product-options-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ecommerce-product-options-template {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .ecommerce-product-options-template .select2-container,
    .ecommerce-product-options-template select,
    .ecommerce-product-options-template button {
        width: 100% !important;
    }

    .ecommerce-option-value-handle,
    .ecommerce-option-value-row input,
    .ecommerce-option-value-row label,
    .ecommerce-option-value-row select,
    .ecommerce-option-value-row button {
        grid-column: 1;
    }

    .ecommerce-variation-value-head {
        display: none;
    }

    [data-variation-current-type] .ecommerce-variation-value-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-variation-value-row > *,
    .ecommerce-variation-image-control {
        grid-column: 1;
    }
}

.ecommerce-download-dropzone.is-dragover > label,
.ecommerce-download-dropzone > label:hover {
    background: #eff6ff;
    border-color: #2563eb;
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.12);
}

.ecommerce-download-dropzone__icon {
    align-items: center;
    background: #dbeafe;
    border-radius: 999px;
    color: #2563eb;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.ecommerce-download-dropzone__icon svg {
    height: 22px;
    width: 22px;
}

.ecommerce-download-progress {
    background: #e5e7eb;
    border-radius: 999px;
    height: 9px;
    overflow: hidden;
}

.ecommerce-download-progress span {
    background: linear-gradient(90deg, #2563eb, #c28a2c);
    display: block;
    height: 100%;
    transition: width 0.18s ease;
    width: 0;
}

.ecommerce-download-progress.is-uploading span {
    animation: ecommerce-upload-progress 1.1s ease-in-out infinite;
}

.ecommerce-download-actions {
    display: flex;
    justify-content: center;
}

.ecommerce-download-actions .button {
    min-width: 150px;
}

.ecommerce-download-actions[hidden] {
    display: none !important;
}

@keyframes ecommerce-upload-progress {
    0% {
        opacity: 0.65;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.65;
    }
}

.ecommerce-product-actions {
    align-items: center;
    background: rgba(255, 255, 255, 0.98);
    border: 0;
    border-top: 1px solid #e2e8f0;
    border-radius: 0;
    bottom: 0;
    box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.08);
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    left: 0;
    margin: 0;
    padding: 14px max(24px, calc((100vw - 1440px) / 2 + 24px));
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1220;
}

.theme-dark .ecommerce-editor-card {
    background: #111827;
    border-color: #374151;
}

.theme-dark .ecommerce-section-drag-handle {
    color: #98b2dd;
}

.theme-dark .ecommerce-section-drag-handle:hover {
    background: #1f2937;
    color: #c4b5fd;
}

.theme-dark .ecommerce-tax-class-field__label label,
.theme-dark .ecommerce-tax-class-intro h3,
.theme-dark .ecommerce-tax-class-grid h3 {
    color: #f9fafb;
}

.theme-dark .ecommerce-tax-class-card {
    background: #162033;
    border-color: #334155;
    color: #e5edf7;
}

.theme-dark .ecommerce-tax-class-card:focus-within {
    background: #17243a;
    border-color: #3b82f6;
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.12);
}

.theme-dark .ecommerce-tax-class-info-button,
.theme-dark .ecommerce-tax-class-intro__icon,
.theme-dark .ecommerce-tax-class-grid article > span {
    background: #1f2937;
    border-color: #334155;
    color: #c4b5fd;
}

.theme-dark .ecommerce-tax-class-info-button:hover {
    background: #273449;
    border-color: #4f46e5;
}

.theme-dark .ecommerce-tax-class-modal .modal-header p,
.theme-dark .ecommerce-tax-class-intro p,
.theme-dark .ecommerce-tax-class-grid p {
    color: #98b2dd;
}

.attribute-value-bulk-list {
    display: grid;
    gap: 12px;
}

.attribute-value-bulk-row {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
    display: grid;
    gap: 12px;
    padding: 14px;
}

.attribute-value-bulk-row__head {
    align-items: start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.attribute-value-bulk-row__head h3 {
    color: #2f2b3d;
    font-size: 17px;
    line-height: 1.35;
    margin: 0;
}

.attribute-value-bulk-row__head p {
    color: #6d6a7a;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    text-align: right;
}

.attribute-value-bulk-row__controls {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.attribute-value-bulk-row [hidden] {
    display: none !important;
}

.attribute-value-bulk-row label,
.attribute-value-bulk-password,
.attribute-value-bulk-rename-preview {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #2f2b3d;
    display: grid;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    padding: 12px;
}

.attribute-value-bulk-rename-preview {
    align-content: center;
}

.attribute-value-bulk-rename-preview span {
    color: #6d6a7a;
    font-size: 13px;
}

.attribute-value-bulk-rename-preview strong {
    color: #2f2b3d;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.attribute-value-bulk-row select,
.attribute-value-bulk-password input {
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: #2f2b3d;
    font-size: 14px;
    font-weight: 500;
    min-height: 42px;
    padding: 9px 12px;
    width: 100%;
}

.attribute-value-bulk-row select:focus,
.attribute-value-bulk-password input:focus {
    border-color: #7367f0;
    box-shadow: 0 0 0 3px rgba(115, 103, 240, 0.14);
    outline: 0;
}

.attribute-value-bulk-row small,
.attribute-value-bulk-password small {
    color: #6d6a7a;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.attribute-value-bulk-password {
    margin-top: 14px;
}

.attribute-value-bulk-password input::placeholder {
    color: #a8aaae;
}

.theme-dark .attribute-value-bulk-row {
    background: #111827;
    border-color: #334155;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
}

.theme-dark .attribute-value-bulk-row__head h3,
.theme-dark .attribute-value-bulk-row label,
.theme-dark .attribute-value-bulk-password,
.theme-dark .attribute-value-bulk-rename-preview strong {
    color: #f9fafb;
}

.theme-dark .attribute-value-bulk-row__head p,
.theme-dark .attribute-value-bulk-row small,
.theme-dark .attribute-value-bulk-password small,
.theme-dark .attribute-value-bulk-rename-preview span {
    color: #98b2dd;
}

.theme-dark .attribute-value-bulk-row label,
.theme-dark .attribute-value-bulk-password,
.theme-dark .attribute-value-bulk-rename-preview {
    background: #0f172a;
    border-color: #263244;
}

.theme-dark .attribute-value-bulk-row select,
.theme-dark .attribute-value-bulk-password input {
    background: #111827;
    border-color: #374151;
    color: #f9fafb;
}

@media (max-width: 720px) {
    .attribute-value-bulk-row__head {
        display: grid;
    }

    .attribute-value-bulk-row__head p {
        text-align: left;
    }

    .attribute-value-bulk-row__controls {
        grid-template-columns: minmax(0, 1fr);
    }
}

.theme-dark .ecommerce-tax-class-intro {
    background: linear-gradient(135deg, rgba(115, 103, 240, 0.16), rgba(0, 207, 232, 0.08));
    border-color: #334155;
}

.theme-dark .ecommerce-tax-class-grid article {
    background: #0f172a;
    border-color: #263244;
}

.theme-dark .ecommerce-order-product-card,
.theme-dark .ecommerce-order-line,
.theme-dark .ecommerce-order-finance-card,
.theme-dark .ecommerce-order-discount-timing,
.theme-dark .ecommerce-order-invoice-header {
    background: #111827;
    border-color: #2f3a4d;
}

body.theme-dark:has(.ecommerce-order-page-form) main.content,
body.theme-dark:has(.ecommerce-order-page-form) .content {
    background: #1f2937;
}

body.theme-dark:has(.ecommerce-order-page-form) .ecommerce-product-edit-head {
    background: transparent;
}

.theme-dark .ecommerce-order-store-brand,
.theme-dark .ecommerce-order-invoice-meta label > span,
.theme-dark .ecommerce-order-billing-grid h3,
.theme-dark .ecommerce-order-cart__head strong,
.theme-dark .ecommerce-order-bill-list dd {
    color: #f9fafb;
}

.theme-dark .ecommerce-order-store-block,
.theme-dark .ecommerce-order-bill-list dt {
    color: #a9b4c7;
}

.theme-dark .ecommerce-order-store-brand span {
    background: #5b5fc7;
}

.theme-dark .ecommerce-order-invoice-meta input[disabled] {
    background: #111827;
    border-color: #334155;
    color: #dbeafe;
}

.theme-dark .ecommerce-order-cart {
    border-top-color: #263244;
}

.theme-dark .ecommerce-order-cart__columns,
.theme-dark .ecommerce-order-totals span {
    color: #a9b4c7;
}

.theme-dark .ecommerce-order-invoice-footer,
.theme-dark .ecommerce-order-invoice-card .form-grid,
.theme-dark .ecommerce-order-totals div {
    border-color: #263244;
}

.theme-dark .ecommerce-order-preview-card,
.theme-dark .ecommerce-order-view-actions,
.theme-dark .ecommerce-order-detail-hero,
.theme-dark .ecommerce-order-detail-card,
.theme-dark .ecommerce-order-detail-actions {
    background: #111827;
    border-color: #374151;
}

.theme-dark .ecommerce-order-preview-header {
    background: #0f172a;
    border-color: #263244;
}

.theme-dark .ecommerce-order-preview-meta h2,
.theme-dark .ecommerce-order-preview-billing h3,
.theme-dark .ecommerce-order-view-note strong,
.theme-dark .ecommerce-order-view-table th,
.theme-dark .ecommerce-order-detail-hero h2,
.theme-dark .ecommerce-order-detail-card h2,
.theme-dark .ecommerce-order-detail-item__product strong,
.theme-dark .ecommerce-order-detail-list dd,
.theme-dark .ecommerce-order-detail-stat strong {
    color: #f9fafb;
}

.theme-dark .ecommerce-order-preview-meta,
.theme-dark .ecommerce-order-preview-billing section,
.theme-dark .ecommerce-order-view-footer section,
.theme-dark .ecommerce-order-view-note,
.theme-dark .ecommerce-order-detail-hero p,
.theme-dark .ecommerce-order-detail-card p,
.theme-dark .ecommerce-order-detail-item__product small,
.theme-dark .ecommerce-order-detail-stat span,
.theme-dark .ecommerce-order-detail-item > div > span,
.theme-dark .ecommerce-order-detail-list dt {
    color: #98b2dd;
}

.theme-dark .ecommerce-order-detail-items__head {
    color: #98b2dd;
}

.theme-dark .ecommerce-order-detail-item__qty,
.theme-dark .ecommerce-order-detail-item__price {
    color: #eef2ff;
}

.theme-dark .ecommerce-order-view-table-wrap,
.theme-dark .ecommerce-order-view-table td,
.theme-dark .ecommerce-order-view-table th,
.theme-dark .ecommerce-order-view-note,
.theme-dark .ecommerce-order-detail-stat,
.theme-dark .ecommerce-order-detail-item {
    border-color: #263244;
}

.theme-dark .ecommerce-order-detail-stat,
.theme-dark .ecommerce-order-detail-item__icon {
    background: #0f172a;
}

.theme-dark .ecommerce-order-line__media,
.theme-dark .ecommerce-order-detail-item__icon {
    background: #162033;
    color: #98b2dd;
}

.theme-dark .ecommerce-order-product-card strong,
.theme-dark .ecommerce-order-line__summary strong,
.theme-dark .ecommerce-order-finance-card > strong,
.theme-dark .ecommerce-order-line output,
.theme-dark .ecommerce-order-totals strong {
    color: #f9fafb;
}

.theme-dark .ecommerce-order-product-card small,
.theme-dark .ecommerce-order-line__summary small,
.theme-dark .ecommerce-order-page-form small,
.theme-dark .ecommerce-order-page-form .muted,
.theme-dark .ecommerce-order-totals span,
.theme-dark .ecommerce-order-item-stack small {
    color: #a9b4c7;
}

.theme-dark .ecommerce-order-product-card em {
    color: #6bbf9a;
}

.theme-dark .ecommerce-order-price-note,
.theme-dark .ecommerce-order-line__price-note {
    color: #8fb8a4 !important;
}

.theme-dark .ecommerce-order-totals strong.ecommerce-order-total-value--plus {
    color: #7fb696;
}

.theme-dark .ecommerce-order-totals strong.ecommerce-order-total-value--minus {
    color: #d18a8a;
}

.theme-dark .ecommerce-order-product-card:hover {
    border-color: #64748b;
    box-shadow: none;
}

.theme-dark .ecommerce-order-line[data-saved-order-item="1"] {
    background: #1b2434;
    border-color: #46546a;
    box-shadow: inset 4px 0 0 #64748b;
}

.theme-dark .ecommerce-order-line[data-saved-order-item="1"] input[readonly] {
    background: #202b3f;
    border-color: #46546a;
    color: #d8d6de;
}

.theme-dark .ecommerce-order-line[data-saved-order-item="1"] select {
    background-color: #202b3f;
    border-color: #526174;
    color: #f9fafb;
}

.theme-dark .ecommerce-order-line__fulfillment-static,
.theme-dark .ecommerce-order-address-card,
.theme-dark .ecommerce-order-address-choice,
.theme-dark .ecommerce-order-customer-address .ecommerce-customer-address-form,
.theme-dark .ecommerce-order-address-modal .form-grid label,
.theme-dark .ecommerce-order-address-modal .form > label {
    background: #151f2f;
    border-color: #334155;
    color: #dbeafe;
}

.theme-dark .ecommerce-order-address-choice:hover,
.theme-dark .ecommerce-order-address-choice.is-selected {
    background: #1b2638;
    border-color: #64748b;
    box-shadow: none;
}

.theme-dark .ecommerce-order-address-card span,
.theme-dark .ecommerce-order-address-card p,
.theme-dark .ecommerce-order-address-choice span {
    color: #a9b4c7;
}

.theme-dark .ecommerce-order-address-card strong,
.theme-dark .ecommerce-order-address-choice strong {
    color: #f9fafb;
}

.theme-dark .ecommerce-order-address-card .button,
.theme-dark .ecommerce-order-address-card .button:disabled {
    background: #202b3f;
    border-color: #46546a;
    color: #cbd5e1;
    opacity: 1;
}

.theme-dark .ecommerce-order-address-card .button:disabled {
    color: #7f8ca3;
    cursor: not-allowed;
}

.theme-dark .ecommerce-order-address-choices,
.theme-dark .ecommerce-order-tax-summary,
.theme-dark .ecommerce-order-tax-summary span {
    border-color: #334155;
}

.theme-dark .ecommerce-order-tax-summary span {
    background: #151f2f;
    color: #cbd5e1;
}

.theme-dark .ecommerce-order-download-trigger.button--outline {
    background: #202b3f;
    border-color: #46546a;
    color: #cbd5e1;
}

.theme-dark .ecommerce-order-totals div {
    border-bottom-color: #263244;
}

.theme-dark .ecommerce-order-coupon-state span {
    background: #111827;
    border-color: #334155;
    color: #e5e7eb;
}

.theme-dark .ecommerce-order-product-detail__footer {
    border-top-color: #263244;
}

.theme-dark .ecommerce-order-quantity-stepper {
    background: #0f172a;
    border-color: #334155;
}

.theme-dark .ecommerce-order-quantity-stepper button {
    background: #111827;
    color: #dbeafe;
}

.theme-dark .ecommerce-order-quantity-stepper button:hover {
    background: #1f2937;
    color: #f9fafb;
}

.theme-dark .ecommerce-order-quantity-stepper input {
    background: #0f172a;
    border-color: #334155;
    color: #f9fafb;
}

.theme-dark .ecommerce-order-empty-cart,
.theme-dark .ecommerce-order-product-card__image,
.theme-dark .ecommerce-order-product-detail__image {
    background: #172033;
    border-color: #334155;
}

.theme-dark .ecommerce-order-product-card__image svg,
.theme-dark .ecommerce-order-product-detail__image svg {
    color: #64748b;
    opacity: 0.78;
}

.theme-dark .ecommerce-order-product-detail__top,
.theme-dark .ecommerce-order-product-detail__thumbs button {
    border-color: #263244;
}

.theme-dark .ecommerce-order-product-detail__top h3,
.theme-dark .ecommerce-order-choice-group > strong {
    color: #f9fafb;
}

.theme-dark .ecommerce-order-product-detail__top > strong {
    color: #6bbf9a;
}

.theme-dark .ecommerce-stock-line {
    color: #6bbf9a;
}

.theme-dark .ecommerce-order-choice-group > strong span {
    color: #a9b4c7;
}

.theme-dark .ecommerce-order-choice-group > strong .ecommerce-config-required {
    color: #ef9a9a;
}

.theme-dark .ecommerce-order-choice-group > strong [data-config-selected] {
    color: #a9b4c7;
}

.theme-dark .ecommerce-order-choice {
    background: #0f172a;
    border-color: #334155;
    color: #e5edf7;
}

.theme-dark .ecommerce-order-choice.is-selected {
    border-color: #6bbf9a;
    box-shadow: 0 0 0 2px rgba(107, 191, 154, 0.14);
}

.theme-dark .ecommerce-order-native-choice:has(input:checked) {
    border-color: #6bbf9a;
    box-shadow: 0 0 0 2px rgba(107, 191, 154, 0.12);
}

.theme-dark .ecommerce-order-choice[data-tooltip]::before,
.theme-dark .ecommerce-order-native-choice[data-tooltip]::before {
    background: #e5e7eb;
    color: #111827;
}

.theme-dark .ecommerce-order-choice[data-tooltip]::after,
.theme-dark .ecommerce-order-native-choice[data-tooltip]::after {
    border-top-color: #e5e7eb;
}

.theme-dark .ecommerce-order-native-choice {
    background: #0f172a;
    border-color: #334155;
    color: #e5edf7;
}

.theme-dark .ecommerce-order-native-choice input {
    accent-color: #6bbf9a;
}

.theme-dark .ecommerce-order-choice-group [data-option-select] {
    background-color: #0f172a;
    background-image: linear-gradient(45deg, transparent 50%, #a9b4c7 50%), linear-gradient(135deg, #a9b4c7 50%, transparent 50%);
    border-color: #334155;
    color: #e5edf7;
}

.theme-dark .ecommerce-order-choice-group [data-option-select][multiple] {
    background-image: none;
}

.theme-dark .ecommerce-inline-panel {
    background: #162033;
    border-color: #334155;
}

.theme-dark .ecommerce-product-type-card,
.theme-dark .ecommerce-virtual-license {
    background: #162033;
    border-color: #334155;
}

.theme-dark .ecommerce-product-type-card strong {
    color: #f9fafb;
}

.theme-dark .ecommerce-product-type-card span {
    color: #cbd5e1;
}

.theme-dark .ecommerce-inline-panel > header {
    border-bottom-color: #334155;
}

.theme-dark .ecommerce-inline-panel > header h3,
.theme-dark .ecommerce-inline-panel > header span {
    color: #e5e7eb;
}

.theme-dark .ecommerce-editor-card > header {
    border-bottom-color: #374151;
}

.theme-dark .ecommerce-editor-card > header h2,
.theme-dark .ecommerce-product-page-form label:not(.toggle-field) {
    color: #e5e7eb;
}

.theme-dark .ecommerce-product-page-form label:not(.toggle-field) {
    background: #162033;
    border-color: #334155;
}

.theme-dark .ecommerce-product-page-form label:not(.toggle-field):focus-within {
    background: #17243a;
    border-color: #3b82f6;
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.12);
}

.theme-dark .ecommerce-product-breadcrumb a,
.theme-dark .ecommerce-product-breadcrumb strong,
.theme-dark .ecommerce-editor-card > header span,
.theme-dark .ecommerce-editor-card__header-actions {
    color: #cbd5e1;
}

.theme-dark .ecommerce-editor-card__header-actions .icon-button {
    color: #e5e7eb;
}

.theme-dark .ecommerce-editor-card__header-actions .icon-button:hover {
    background: #1f2937;
    border-color: #334155;
}

.theme-dark .ecommerce-product-page-form label:not(.toggle-field) input,
.theme-dark .ecommerce-product-page-form label:not(.toggle-field) select,
.theme-dark .ecommerce-product-page-form label:not(.toggle-field) textarea {
    background: #0f172a;
    border-color: #334155;
    color: #f9fafb;
}

.theme-dark .ecommerce-product-page-form label:not(.toggle-field) input:disabled,
.theme-dark .ecommerce-product-page-form label:not(.toggle-field) textarea:disabled {
    background: #111827;
    color: #94a3b8;
}

.theme-dark .ecommerce-product-page-form .ecommerce-product-switch,
.theme-dark .ecommerce-product-page-form .ecommerce-product-switch:focus-within {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.theme-dark .ecommerce-product-page-form .ecommerce-product-switch .form-check-label {
    color: #e5e7eb;
}

.theme-dark .ecommerce-product-page-form .ecommerce-product-switch .form-hint {
    color: #94a3b8;
}

.theme-dark .ecommerce-product-page-form .ecommerce-product-switch .form-check-input {
    background-color: #334155;
    border-color: #475569;
}

.theme-dark .ecommerce-product-page-form .ecommerce-product-switch .form-check-input:checked {
    background-color: var(--tblr-primary, #066fd1);
    border-color: var(--tblr-primary, #066fd1);
}

.theme-dark .ecommerce-download-current {
    background: #0f172a;
    border-color: #334155;
}

.theme-dark .ecommerce-download-current strong {
    color: #f9fafb;
}

.theme-dark .ecommerce-virtual-lock {
    background: #431407;
    border-color: #9a3412;
}

.theme-dark .ecommerce-virtual-lock strong {
    color: #fed7aa;
}

.theme-dark .ecommerce-download-dropzone > label {
    background: #0f172a;
    border-color: #475569;
}

.theme-dark .ecommerce-download-dropzone.is-dragover > label,
.theme-dark .ecommerce-download-dropzone > label:hover {
    background: #172554;
    border-color: #60a5fa;
}

.theme-dark .ecommerce-download-dropzone__icon {
    background: #1e3a8a;
    color: #bfdbfe;
}

.theme-dark .ecommerce-download-progress {
    background: #334155;
}

.theme-dark .ecommerce-download-selected-file {
    background: #0f172a;
    border-color: #334155;
    color: #e5e7eb;
}

.theme-dark .ecommerce-attribute-value-row {
    border-color: #334155;
}

.theme-dark .ecommerce-attribute-value-row input {
    background: #0f172a;
    border-color: #334155;
    color: #f9fafb;
}

.theme-dark .ecommerce-product-attribute-head,
.theme-dark .ecommerce-product-attribute-row,
.theme-dark .ecommerce-product-option-card,
.theme-dark .ecommerce-product-option-card > header,
.theme-dark .ecommerce-product-option-value-head,
.theme-dark .ecommerce-product-option-value-row,
.theme-dark .ecommerce-product-variation-value-head,
.theme-dark .ecommerce-product-variation-value-row,
.theme-dark .ecommerce-variant-card,
.theme-dark .ecommerce-variant-card > header,
.theme-dark .ecommerce-variant-card__body {
    border-color: #334155;
}

.theme-dark .ecommerce-product-option-card > header,
.theme-dark .ecommerce-variant-card > header {
    background: #1f2937;
}

.theme-dark .ecommerce-category-tree .jstree-anchor {
    color: #e5e7eb;
}

.theme-dark .ecommerce-category-tree .jstree-clicked {
    background: #ddbc82;
    border-radius: 5px;
    color: #111827;
}

.theme-dark .ecommerce-category-tree .jstree-hovered {
    background: rgba(221, 188, 130, 0.5);
    border-radius: 5px;
    color: #f9fafb;
}

.theme-dark .ecommerce-category-tree .jstree-node > .jstree-ocl::after {
  border-top-color: #e5e7eb;
}

.ecommerce-store-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.ecommerce-store-card {
  background: var(--surface, #fff);
  border: 1px solid var(--border-color, #dbe3ef);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 18px;
}

.ecommerce-store-card__header,
.ecommerce-selected-store-panel {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.ecommerce-store-card__header h2,
.ecommerce-selected-store-panel h2 {
  margin: 0;
}

.ecommerce-store-card__meta,
.ecommerce-store-card__stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.ecommerce-store-card__meta div,
.ecommerce-store-card__stats span {
  background: var(--surface-muted, #f8fafc);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 6px;
  padding: 10px;
}

.ecommerce-store-card__meta dt {
  color: var(--text-muted, #64748b);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.ecommerce-store-card__meta dd {
  margin: 0;
}

.ecommerce-store-card__stats strong {
  display: block;
  font-size: 20px;
}

.ecommerce-store-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.theme-dark .ecommerce-store-card {
  background: #111827;
  border-color: #263244;
  box-shadow: none;
}

body.theme-dark .ecommerce-store-card__meta div,
body.theme-dark .ecommerce-store-card__stats span {
  background: #0f172a;
  border-color: #263244;
}

@media (max-width: 720px) {
  .ecommerce-store-card__meta,
  .ecommerce-store-card__stats {
    grid-template-columns: 1fr;
  }
}

.theme-dark .ecommerce-category-tree .jstree-node {
    background-image: linear-gradient(to bottom, #e5e7eb 40%, transparent 40%) !important;
}

.theme-dark .ecommerce-category-tree .jstree-last {
    background-image: linear-gradient(to bottom, #e5e7eb 40%, transparent 40%) !important;
}

.theme-dark .ecommerce-category-tree .jstree-open > .jstree-ocl::before,
.theme-dark .ecommerce-category-tree .jstree-closed > .jstree-ocl::before {
    background: #0f172a;
    border-color: #e5e7eb;
    color: #e5e7eb;
}

.theme-dark .ecommerce-category-tree-links,
.theme-dark .ecommerce-category-tree-links button {
    color: #93c5fd;
}

.theme-dark .ecommerce-variant-card .badge--info {
    background: #0f213d;
    color: #bfdbfe;
}

.theme-dark .ecommerce-product-attribute-head,
.theme-dark .ecommerce-product-option-value-head,
.theme-dark .ecommerce-product-variation-value-head {
    color: #d1d5db;
}

.theme-dark .ecommerce-attribute-value-row .icon-button,
.theme-dark .ecommerce-option-value-row .icon-button,
.theme-dark .ecommerce-variation-value-row .icon-button,
.theme-dark .ecommerce-product-attribute-row .icon-button,
.theme-dark .ecommerce-product-option-card > header .icon-button,
.theme-dark .ecommerce-product-option-value-row .icon-button,
.theme-dark .ecommerce-product-variation-value-row .icon-button,
.theme-dark .ecommerce-variant-card > header .icon-button {
    background: #1f2937;
    border-color: #334155;
    color: #e5e7eb;
}

.theme-dark .ecommerce-attribute-value-row .icon-button:hover,
.theme-dark .ecommerce-option-value-row .icon-button:hover,
.theme-dark .ecommerce-variation-value-row .icon-button:hover,
.theme-dark .ecommerce-product-attribute-row .icon-button:hover,
.theme-dark .ecommerce-product-option-card > header .icon-button:hover,
.theme-dark .ecommerce-product-option-value-row .icon-button:hover,
.theme-dark .ecommerce-product-variation-value-row .icon-button:hover,
.theme-dark .ecommerce-variant-card > header .icon-button:hover {
    background: #450a0a;
    border-color: #7f1d1d;
    color: #fecaca;
}

.theme-dark .ecommerce-option-value-head,
.theme-dark .ecommerce-option-value-row {
    border-color: #334155;
}

.theme-dark .ecommerce-option-value-head {
    color: #d1d5db;
}

.theme-dark .ecommerce-option-value-row input,
.theme-dark .ecommerce-option-value-row select,
.theme-dark .ecommerce-product-option-value-row input,
.theme-dark .ecommerce-product-option-value-row select,
.theme-dark .ecommerce-product-variation-value-row input,
.theme-dark .ecommerce-product-variation-value-row select,
.theme-dark .ecommerce-variant-fields input,
.theme-dark .ecommerce-variant-fields select,
.theme-dark .ecommerce-variant-bulk-edit input,
.theme-dark .ecommerce-variant-bulk-edit select {
    background: #0f172a;
    border-color: #334155;
    color: #f9fafb;
}

.theme-dark .ecommerce-variant-bulk-edit__label {
    color: #d1d5db;
}

.theme-dark .ecommerce-price-prefix span {
    background: #1f2937;
    border-color: #334155;
    color: #e5e7eb;
}

.theme-dark .ecommerce-variation-value-head,
.theme-dark .ecommerce-variation-value-row,
.theme-dark .ecommerce-variation-image-control .file-picker-preview,
.theme-dark .ecommerce-variation-color-input,
.theme-dark .ecommerce-variation-color-preview__swatch {
    border-color: #334155;
}

.theme-dark .ecommerce-variation-value-head {
    color: #d1d5db;
}

.theme-dark .ecommerce-variation-value-row input,
.theme-dark .ecommerce-variation-value-row select {
    background: #0f172a;
    border-color: #334155;
    color: #f9fafb;
}

.theme-dark .ecommerce-variation-color-input {
    background: #0f172a;
}

.theme-dark .ecommerce-product-actions {
    background: rgba(17, 24, 39, 0.96);
    border-color: #374151;
}

.theme-dark .button--danger-ghost {
    background: rgba(127, 29, 29, 0.22);
    border-color: #7f1d1d;
    color: #fecaca;
}

.theme-dark .button--danger-ghost:hover {
    background: rgba(153, 27, 27, 0.34);
    border-color: #ef4444;
    color: #fee2e2;
}

.theme-dark .button-link {
    color: #93c5fd;
}

.theme-dark .button-link:hover {
    color: #f8d99b;
}

@media (max-width: 980px) {
    .ecommerce-product-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ecommerce-product-actions,
    .sidebar-collapsed .ecommerce-product-actions {
        left: 0;
        padding: 12px 16px;
        right: 0;
    }

    .ecommerce-order-actions,
    .sidebar-collapsed .ecommerce-order-actions {
        background: rgba(255, 255, 255, 0.98);
        border-top: 1px solid #e2e8f0;
        bottom: 0;
        box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.08);
        left: 0;
        padding: 12px 0;
        right: 0;
        width: 100%;
    }

    .ecommerce-order-actions__inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ecommerce-order-actions__buttons {
        width: 100%;
    }

    .ecommerce-order-actions__buttons .btn {
        flex: 1 1 0;
        justify-content: center;
    }

    .ecommerce-product-edit-head {
        align-items: flex-start;
        flex-direction: row;
    }

    .ecommerce-product-breadcrumb {
        justify-content: flex-start;
    }

    .ecommerce-product-editor {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .ecommerce-product-edit-head {
        flex-direction: column;
    }

    .ecommerce-order-edit-head,
    .ecommerce-order-detail-head,
    .ecommerce-order-view-head {
        flex-direction: row;
        min-height: 76px;
        padding-right: 56px;
        position: relative;
    }

    .ecommerce-order-edit-head .ecommerce-order-head-actions,
    .ecommerce-order-detail-head .ecommerce-order-head-actions,
    .ecommerce-order-view-head .ecommerce-order-head-actions {
        position: absolute;
        right: 0;
        top: 16px;
    }

    .ecommerce-order-edit-head .ecommerce-order-head-actions .btn,
    .ecommerce-order-detail-head .ecommerce-order-head-actions .btn,
    .ecommerce-order-view-head .ecommerce-order-head-actions .btn {
        height: 42px;
        justify-content: center;
        padding: 0;
        width: 42px;
    }

    .ecommerce-order-edit-head .ecommerce-order-head-actions .btn span,
    .ecommerce-order-detail-head .ecommerce-order-head-actions .btn span,
    .ecommerce-order-view-head .ecommerce-order-head-actions .btn span {
        display: none;
    }

    .ecommerce-product-header-back {
        width: 100%;
    }
}

@media (max-width: 1240px) {
    .ecommerce-product-editor {
        grid-template-columns: 1fr;
    }

    .ecommerce-order-view-layout,
    .ecommerce-order-detail-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-order-editor__catalog {
        position: static;
    }

    .ecommerce-order-view-actions,
    .ecommerce-order-detail-sidebar {
        position: static;
    }

    body:has(.ecommerce-order-page-form) .app-shell {
        width: auto;
    }
}

@media (max-width: 1440px) {
    .ecommerce-order-editor {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-order-editor__catalog {
        position: static;
    }
}

@media (max-width: 900px) {
    body:has(.ecommerce-order-page-form) .app-shell {
        width: 100%;
    }

    .ecommerce-tax-class-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-order-page-form .form-grid,
    .ecommerce-order-line,
    .ecommerce-order-finance-panel,
    .ecommerce-order-finance-column,
    .ecommerce-order-inline-fields,
    .ecommerce-order-invoice-header,
    .ecommerce-order-invoice-meta label,
    .ecommerce-order-billing-grid,
    .ecommerce-order-invoice-footer,
    .ecommerce-order-preview-header,
    .ecommerce-order-preview-billing,
    .ecommerce-order-view-footer,
    .ecommerce-order-detail-hero,
    .ecommerce-order-detail-item,
    .ecommerce-order-detail-grid,
    .ecommerce-order-product-detail,
    .ecommerce-order-product-detail__footer {
        grid-template-columns: minmax(0, 1fr);
    }

    .ecommerce-order-detail-items__head {
        display: none;
    }

    .ecommerce-order-preview-card {
        padding: 24px;
    }

    .ecommerce-order-view-table-wrap {
        overflow-x: auto;
    }

    .ecommerce-order-cart__columns {
        display: none;
    }

    .ecommerce-order-line > * {
        grid-column: 1;
    }

    .ecommerce-order-line output {
        text-align: left;
    }

    .ecommerce-order-line__actions {
        justify-content: flex-start;
    }

    .ecommerce-order-detail-item__actions {
        justify-content: flex-start;
    }

    .ecommerce-order-product-detail__top {
        display: grid;
    }

    .ecommerce-order-product-detail__image {
        min-height: 260px;
    }

    .ecommerce-order-quantity-stepper {
        max-width: none;
        width: 100%;
    }
}

.page-search-empty {
    margin-top: 18px;
}

.button.is-loading,
.button:disabled,
button.button:disabled {
    cursor: wait;
    opacity: 0.72;
}

.button.is-loading::before {
    animation: spin 0.8s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 8px;
    vertical-align: -2px;
    width: 14px;
}

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

.copy-field {
    align-items: stretch;
    display: flex;
    gap: 10px;
}

.copy-field input {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    color: #111827;
    flex: 1;
    min-width: 0;
    padding: 10px 12px;
}

.theme-dark .copy-field input {
    background: #0b1120;
    border-color: #263244;
    color: #f9fafb;
}

.action-panel {
    color: inherit;
    display: block;
}

.table {
    border-collapse: collapse;
    width: 100%;
}

.table th,
.table td {
    border-bottom: 1px solid #e5e7eb;
    padding: 14px 10px;
    text-align: left;
    vertical-align: middle;
}

.table th {
    color: #6b7280;
    font-size: 12px;
    text-transform: uppercase;
}

.transaction-row--pending td {
    background: #fff7ed;
    border-bottom-color: #fed7aa;
}

.transaction-row--pending td:first-child {
    border-left: 4px solid #f59e0b;
}

.transaction-row--pending:hover td {
    background: #ffedd5;
}

.filters-form,
.inline-form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.filters-form input,
.filters-form select {
    min-width: 180px;
}

.inline-form {
    display: inline-flex;
    margin: 0 4px 4px 0;
}

.segmented-control {
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border);
    border-radius: 8px;
    display: inline-flex;
    gap: 4px;
    padding: 4px;
}

.segmented-control a {
    border-radius: 6px;
    color: var(--muted);
    font-weight: 700;
    padding: 8px 14px;
    text-decoration: none;
}

.segmented-control a.is-active {
    background: var(--surface);
    box-shadow: var(--shadow-sm);
    color: var(--primary);
}

.subscription-payment-options {
    display: grid;
    gap: 10px;
}

.subscription-payment-options .form-selectgroup-label {
    border-color: var(--tblr-border-color);
    border-radius: 8px;
    min-height: 82px;
    padding: 16px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.subscription-payment-options .form-selectgroup-label:hover {
    border-color: rgba(var(--tblr-primary-rgb), .34);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
    transform: translateY(-1px);
}

.subscription-payment-options .form-selectgroup-input:checked + .form-selectgroup-label {
    border-color: rgba(var(--tblr-primary-rgb), .62);
    box-shadow: 0 0 0 3px rgba(var(--tblr-primary-rgb), .1);
}

.subscription-payment-options .form-selectgroup-input:checked + .form-selectgroup-label strong,
.subscription-payment-options .form-selectgroup-input:checked + .form-selectgroup-label svg {
    color: var(--tblr-primary, #206bc4);
}



.checkbox-row {
    align-items: center;
    display: flex;
    gap: 10px;
    line-height: 1.5;
}

.checkbox-row input {
    accent-color: var(--primary);
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.form-label {
    color: #334155;
    display: block;
    font-weight: 800;
    margin-bottom: 8px;
}

.form-actions--end {
    justify-content: flex-end;
}

.theme-dark .subscription-payment-options .form-selectgroup-input:checked + .form-selectgroup-label strong,
.theme-dark .subscription-payment-options .form-selectgroup-input:checked + .form-selectgroup-label svg {
    color: #a5b4fc;
}

.theme-dark .plan-feature-list--clean,
.theme-dark .plan-feature-details,
.theme-dark .plan-feature-table div {
    border-color: #334155;
}

.theme-dark .subscription-step-label,
.theme-dark .plan-feature-list--clean span,
.theme-dark .plan-feature-table span {
    color: #a7b3c6;
}

.theme-dark .plan-feature-list--clean strong,
.theme-dark .plan-feature-table strong {
    color: #f9fafb;
}

.billing-summary-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin-bottom: 16px;
}

.billing-summary-grid article {
    background: var(--surface-muted);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 16px;
}

.billing-summary-grid span {
    color: var(--muted);
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}

.billing-summary-grid strong {
    color: var(--text);
    font-size: 22px;
}

.billing-summary-total {
    background: rgba(79, 70, 229, 0.08) !important;
    border-color: rgba(79, 70, 229, 0.24) !important;
}

.plan-card.is-current {
    border-color: rgba(34, 197, 94, 0.55);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.08);
}

.form-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.permissions-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 12px 0;
}

.permissions-grid label {
    align-items: flex-start;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    padding: 10px;
}

.modal__panel--wide {
    max-width: 980px;
}

.saas-admin-body .brand small {
    color: var(--muted);
    display: block;
    font-size: 12px;
    margin-top: 2px;
}

.saas-admin-body .topbar__actions {
    align-items: center;
    display: flex;
    gap: 14px;
}

.saas-admin-body .app-shell {
    background: transparent;
    flex: 1;
    margin: 0 0 0 260px;
    max-width: 1440px;
    min-height: auto;
    padding: 84px 24px 32px;
    transition: margin-left 180ms ease;
    width: min(1440px, calc(100% - 260px));
}

.saas-admin-body .app-shell__topbar {
    align-items: center;
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    left: 260px;
    min-height: 60px;
    padding: 0 24px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1100;
}

.saas-admin-body .app-shell__topbar > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.saas-admin-body .app-shell__topbar > div strong,
.saas-admin-body .app-shell__topbar > div span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.saas-admin-body .sidebar {
    box-shadow: 10px 0 30px rgba(15, 23, 42, 0.06);
}

.saas-admin-body .dt-container {
    max-width: 100%;
    overflow-x: auto;
}

.saas-admin-body .dt-container .dataTable {
    min-width: 860px;
}

.saas-admin-body .table-actions {
    min-width: max-content;
}

.saas-filter-panel {
    padding: 18px;
}

.saas-filter-form {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(240px, 1.4fr) minmax(190px, 0.8fr) minmax(190px, 0.8fr) auto;
}

.saas-filter-form label {
    background: #f8fbff;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    color: #475569;
    display: grid;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    letter-spacing: 0;
    padding: 11px 12px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.saas-filter-form label:focus-within {
    background: #f7fbff;
    border-color: #bfdbfe;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
}

.saas-filter-form input,
.saas-filter-form select {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    min-height: 42px;
    padding: 9px 11px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
    width: 100%;
}

.saas-filter-form input:focus,
.saas-filter-form select:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(184, 137, 61, 0.16);
    outline: 0;
}

.saas-filter-actions {
    align-items: center;
    display: flex;
    gap: 10px;
}

.saas-tenants-table-wrap .dataTable,
.saas-tenants-table-wrap table {
    min-width: 920px;
    width: 100% !important;
}

.plan-card-grid {
    display: grid;
    align-items: stretch;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.plan-card {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 20px;
}

.plan-card-badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 28px;
}

.plan-card h3 {
    color: var(--tblr-body-color);
    font-size: 22px;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.plan-price {
    align-items: baseline;
    border-top: 1px solid var(--tblr-border-color);
    display: flex;
    gap: 8px;
    margin-top: 2px;
    padding-top: 14px;
}

.plan-price strong {
    color: var(--tblr-body-color);
    font-size: 32px;
    line-height: 1;
}

.plan-price--small strong {
    font-size: 18px;
}

.plan-feature-list {
    color: #475569;
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 18px;
}

.plan-feature-list--clean {
    border-top: 1px solid #e5e7eb;
    list-style: none;
    padding: 12px 0 0;
}

.plan-feature-list--clean li {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.plan-feature-list--clean span {
    color: #64748b;
}

.plan-feature-list--clean strong {
    color: #111827;
    font-size: 14px;
    text-align: right;
}

.plan-feature-details {
    border-top: 1px solid #e5e7eb;
    padding-top: 10px;
}

.plan-feature-details summary {
    color: var(--primary);
    cursor: pointer;
    font-weight: 800;
}

.plan-feature-table {
    display: grid;
    gap: 0;
    max-height: 320px;
    overflow: auto;
}

.plan-feature-table div {
    align-items: center;
    border-bottom: 1px solid #edf2f7;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 9px 12px;
}

.plan-feature-table div:last-child {
    border-bottom: 0;
}


.plan-feature-table span {
    color: #64748b;
}

.plan-feature-table strong {
    color: #111827;
    font-size: 14px;
    text-align: right;
}

.plan-general-limits {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, 320px);
}

.plan-module-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

.plan-module-card {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 12px 14px;
}

.plan-module-toggle {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}

.plan-module-toggle .toggle-switch {
    flex-basis: 44px;
    height: 24px;
    width: 44px;
}

.plan-module-toggle .toggle-switch::before {
    height: 18px;
    width: 18px;
}

.plan-module-toggle input:checked + .toggle-switch::before {
    transform: translateX(20px);
}

.plan-module-fields {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.plan-module-fields[hidden] {
    display: none;
}

.plan-module-fields label {
    min-width: 0;
}

.plan-module-fields input {
    min-height: 38px;
    padding: 8px 10px;
}

.plan-module-fields small,
.plan-general-limits small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.35;
}

.saas-admin-body .sidebar__nav {
    padding-bottom: 14px;
}

.saas-admin-body .sidebar__nav a {
    min-height: 42px;
}

.saas-admin-brand {
    align-items: center;
    color: var(--text);
    display: flex;
    gap: 10px;
    min-width: 0;
}

.saas-admin-brand .brand__mark {
    color: #94a3b8;
}

.saas-admin-navbar-logo {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    max-width: 180px;
}

.saas-admin-navbar-logo__image {
    display: block;
    max-height: 32px;
    max-width: 180px;
    object-fit: contain;
    width: auto;
}

.saas-admin-navbar-logo__image--dark {
    display: none;
}

[data-bs-theme="dark"] .saas-admin-navbar-logo__image--light {
    display: none;
}

[data-bs-theme="dark"] .saas-admin-navbar-logo__image--dark {
    display: block;
}

.workspace-navbar-logo,
.public-share-brand__logo {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.workspace-navbar-logo {
    height: 32px;
    max-width: 180px;
}

.workspace-navbar-logo__image {
    display: block;
    max-height: 32px;
    max-width: 180px;
    object-fit: contain;
    width: auto;
}

.workspace-navbar-logo__image--dark {
    display: none;
}

[data-bs-theme="dark"] .workspace-navbar-logo__image--light {
    display: none;
}

[data-bs-theme="dark"] .workspace-navbar-logo__image--dark {
    display: block;
}

.dashboard-cron-alert {
    display: grid;
    gap: 8px;
}

.dashboard-cron-alert code {
    background: rgba(255, 255, 255, .55);
    border-radius: 6px;
    color: inherit;
    display: block;
    overflow-x: auto;
    padding: 10px;
}

.theme-dark .dashboard-cron-alert code {
    background: rgba(15, 23, 42, .75);
}

.toolbar {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.modal {
    align-items: center;
    backdrop-filter: blur(6px);
    background: rgba(17, 24, 39, 0.48);
    display: none;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 1300;
}

.modal.is-open {
    display: flex;
}

.modal__panel {
    background: #ffffff;
    border-radius: 8px;
    max-height: 92vh;
    max-width: 720px;
    overflow: auto;
    padding: 24px;
    width: 100%;
}

.modal__panel--wide {
    max-width: 980px;
}

.modal__panel--small {
    max-width: 460px;
}

.modal__panel--danger {
    border-top: 4px solid #dc2626;
}

.modal__header {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 8px 8px 0 0;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: -24px -24px 18px;
    padding: 18px 24px;
}

.modal__head {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 8px 8px 0 0;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: -24px -24px 18px;
    padding: 18px 24px;
}

.modal__header h2,
.modal__header h3,
.modal__head h2,
.modal__head h3 {
    margin: 0;
}

.modal__header .icon-button {
    background: #e2e8f0;
    color: #0f172a;
}

.modal__close {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: 800;
    height: 36px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 36px;
}

.modal__close:hover {
    background: var(--surface-hover);
    color: var(--text);
}

.modal__close svg {
    height: 18px;
    width: 18px;
}

.modal__actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.modal__actions .button,
.modal__actions button.button {
    flex: 0 0 auto;
    width: auto;
}

.theme-dark .modal__header,
.theme-dark .modal__head {
    background: #0f172a;
    border-bottom-color: #263244;
}

.theme-dark .modal__header .icon-button {
    background: #1f2937;
    color: #f9fafb;
}

.theme-dark .modal__close {
    background: #1f2937;
    border-color: #263244;
    color: #f9fafb;
}

.image-preview-modal__panel {
    align-items: center;
    background: transparent;
    border: 0;
    box-shadow: none;
    display: flex;
    justify-content: center;
    max-width: 90vw;
    padding: 0;
    position: relative;
}

.image-preview-modal {
    z-index: 2000;
}

.image-preview-modal__panel img {
    display: block;
    height: auto;
    max-height: 85vh;
    max-width: 80vw;
    object-fit: contain;
    width: auto;
}

.image-preview-modal__close {
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(15, 23, 42, .24);
    position: absolute;
    right: -14px;
    top: -14px;
    z-index: 2;
}

.text-link {
    background: transparent;
    border: 0;
    color: var(--accent);
    cursor: pointer;
    display: inline;
    font: inherit;
    font-weight: 800;
    padding: 0;
    text-align: left;
}

.text-link:hover {
    color: var(--accent-hover);
    text-decoration: underline;
}

.delete-warning {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    color: #991b1b;
    margin-bottom: 18px;
    padding: 16px;
}

.delete-warning p {
    margin: 10px 0 0;
}

.theme-dark .delete-warning {
    background: #22161a;
    border-color: #5b2430;
    color: #f3d6db;
}

.theme-dark .delete-warning .muted,
.theme-dark .delete-warning p {
    color: #c9b6bc;
}

.theme-dark .delete-warning strong {
    color: #fff1f2;
}

.button:disabled,
button.button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.button.is-disabled,
button.button.is-disabled,
.icon-button.is-disabled {
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

.icon-button {
    background: #eef2f7;
    border: 0;
    border-radius: 6px;
    color: #111827;
    cursor: pointer;
    font-size: 20px;
    height: 36px;
    width: 36px;
}

.checkbox {
    align-items: center;
    display: flex !important;
    flex-direction: row;
    font-weight: 400 !important;
}

.checkbox input {
    width: auto;
}

.permission-group {
    border: 1px solid var(--line-soft, #e5e7eb);
    border-radius: 10px;
    display: grid;
    gap: 14px;
    padding: 16px;
}

.permission-group__header h3 {
    font-size: 16px;
    margin: 0;
}

.permission-group__items {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.permission-checkbox {
    align-items: flex-start;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    gap: 10px !important;
    padding: 12px;
}

.permission-checkbox span {
    display: grid;
    gap: 4px;
}

.permission-checkbox strong {
    color: #111827;
    font-size: 13px;
}

.permission-checkbox small {
    color: #6b7280;
    font-size: 12px;
}

.table-actions {
    text-align: right;
    white-space: nowrap;
}

.table-actions > .button,
.table-actions > .icon-button,
.table-actions > a,
.table-actions > button {
    margin: 3px 0 3px 8px;
    vertical-align: middle;
}

.table-actions .table-action-icon {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    min-height: 36px;
    min-width: 36px;
    padding: 0;
    position: relative;
    width: 36px;
}

.table-actions .table-action-icon svg {
    height: 17px;
    width: 17px;
}

.table-actions .table-action-icon[data-tooltip]:hover::after,
.table-actions .table-action-icon[data-tooltip]:focus-visible::after {
    background: #2f2b3d;
    border-radius: 6px;
    box-shadow: 0 10px 28px rgba(47, 43, 61, 0.18);
    color: #ffffff;
    content: attr(data-tooltip);
    font-size: 12px;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    padding: 8px 10px;
    pointer-events: none;
    position: absolute;
    top: -8px;
    transform: translate(-50%, -100%);
    white-space: nowrap;
    z-index: 1300;
}

.theme-dark .table-actions .table-action-icon[data-tooltip]:hover::after,
.theme-dark .table-actions .table-action-icon[data-tooltip]:focus-visible::after {
    background: #ffffff;
    color: #2f2b3d;
}

.theme-dark .permission-group {
    border-color: #334155;
}

.theme-dark .permission-checkbox {
    border-color: #334155;
}

.theme-dark .permission-checkbox strong {
    color: #f8fafc;
}

.theme-dark .permission-checkbox small {
    color: #94a3b8;
}

.badge {
    background: #eef2f7;
    border-radius: 999px;
    color: #374151;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 9px;
}

.badge--ok {
    background: #ecfdf5;
    color: #047857;
}

.badge--warn {
    background: #fff7ed;
    color: #c2410c;
}

.theme-dark .badge--ok {
    background: #111111;
    color: #dc9f35;
}

.theme-dark .badge--warn {
    background: #2d7803;
    color: #ffffff;
}

.badge--danger {
    background: #fef2f2;
    color: #b91c1c;
}

.detail-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detail-grid div {
    background: #f9fafb;
    border-radius: 6px;
    padding: 12px;
}

    color: #0f172a;
    font-size: 20px;
    margin: 0 0 4px;
}

.profile-usage-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-usage-card {
    display: grid;
    gap: 12px;
}

.profile-usage-card > div:first-child {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.profile-usage-card strong {
    color: #0f172a;
    font-size: 18px;
    line-height: 1.25;
    text-align: right;
}

.profile-usage-meter {
    background: #e5e7eb;
    border-radius: 999px;
    height: 9px;
    overflow: hidden;
}

.profile-usage-meter span {
    background: linear-gradient(90deg, #14b8a6, #6366f1);
    border-radius: inherit;
    display: block;
    height: 100%;
    margin: 0;
}

textarea[readonly] {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    margin-top: 12px;
    padding: 12px;
    width: 100%;
}

.detail-grid strong {
    color: #111827;
    display: block;
    margin-bottom: 6px;
}

.media-preview-block {
    display: grid;
    gap: 10px;
    margin: 4px 0 10px;
}

.media-preview-block__label {
    color: var(--text-muted);
    font-size: 14px;
    margin: 0;
}

.media-preview-link {
    align-items: center;
    background: var(--panel-muted);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    min-height: 84px;
    padding: 12px;
    text-decoration: none;
    width: fit-content;
}

.media-preview-image {
    display: block;
    height: auto;
    max-width: 100%;
}

.media-preview-image--og {
    width: 280px;
    max-width: 280px;
}

.media-preview-image--favicon {
    max-height: 96px;
    max-width: 96px;
}

.row-click {
    cursor: pointer;
}

.toolbar__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.section-head {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.section-head h2,
.section-head h3 {
    margin: 0 0 6px;
}

.asset-manager {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: 260px minmax(0, 1fr);
}

.asset-manager__sidebar,
.asset-manager__main {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 8px;
}

.asset-manager__sidebar {
    position: sticky;
    top: 86px;
    overflow: hidden;
}

.asset-manager__sidebar-head {
    align-items: center;
    background: var(--surface-soft);
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
}

.asset-manager__sidebar-head span {
    background: rgba(184, 137, 61, 0.14);
    border-radius: 999px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 800;
    padding: 4px 9px;
}

.asset-folder-list {
    display: grid;
    gap: 6px;
    padding: 12px;
}

.asset-folder-row {
    align-items: center;
    display: flex;
    gap: 4px;
    padding-left: calc(var(--asset-folder-depth, 0) * 14px);
}

.asset-folder {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--text);
    cursor: pointer;
    font-weight: 700;
    padding: 10px 12px;
    text-align: left;
}

.asset-folder-row .asset-folder {
    flex: 1;
    min-width: 0;
}

.asset-folder-row__actions {
    display: flex;
    gap: 3px;
}

.asset-folder-row__actions button {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #64748b;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    padding: 5px 6px;
}

.asset-folder-row__actions button:hover {
    background: var(--surface-soft);
    border-color: var(--border);
    color: var(--text);
}

.asset-folder:hover,
.asset-folder.is-active {
    background: var(--surface-soft);
    border-color: var(--border);
}

.asset-manager__main {
    min-height: 520px;
    padding: 18px;
}

.asset-manager__tools {
    align-items: end;
    border-bottom: 1px solid var(--border);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin: -2px 0 18px;
    padding: 0 0 16px;
}

.asset-manager__tools h2 {
    margin: 0 0 4px;
}

.asset-search {
    display: grid;
    gap: 6px;
    min-width: min(340px, 100%);
}

.asset-search span {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.asset-search input {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: var(--text);
    padding: 11px 12px;
}

.asset-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}

.asset-bulk-toolbar {
    align-items: center;
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    padding: 10px 12px;
}

.asset-bulk-toolbar[hidden] {
    display: none;
}

.asset-card {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 5px 16px rgba(35, 31, 26, 0.06);
    overflow: hidden;
    position: relative;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.asset-card:hover {
    border-color: var(--accent);
    box-shadow: 0 10px 24px rgba(35, 31, 26, 0.1);
    transform: translateY(-2px);
}

.asset-card__select {
    align-items: center;
    background: rgba(15, 23, 42, 0.78);
    border-radius: 5px;
    color: #ffffff;
    display: flex;
    font-size: 11px;
    font-weight: 800;
    gap: 5px;
    left: 8px;
    padding: 5px 7px;
    position: absolute;
    top: 8px;
    z-index: 1;
}

.asset-card__select input {
    margin: 0;
}

.asset-card__image {
    align-items: center;
    aspect-ratio: 4 / 3;
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.16), rgba(148, 163, 184, 0.08));
    display: flex;
    justify-content: center;
}

.asset-card__image img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.asset-card__body {
    display: grid;
    gap: 7px;
    padding: 13px;
}

.asset-card__body strong {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asset-card__body span {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.asset-card__actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 4px;
}

.asset-card__actions .button {
    font-size: 11px;
    padding: 8px 7px;
    text-align: center;
}

.asset-empty {
    align-items: center;
    background: var(--surface-soft);
    border: 1px dashed var(--border);
    border-radius: 8px;
    color: #64748b;
    display: flex;
    font-weight: 700;
    justify-content: center;
    min-height: 180px;
    padding: 20px;
}

.asset-empty[hidden] {
    display: none;
}

body.theme-dark .asset-manager__sidebar,
body.theme-dark .asset-manager__main,
body.theme-dark .asset-search input {
    background: #171412;
}

body.theme-dark .asset-card {
    background: #211d19;
}

body.theme-dark .asset-search span,
body.theme-dark .asset-card__body span,
body.theme-dark .asset-empty {
    color: #98b2dd;
}

.drive-manager {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
    border: 1px solid var(--tblr-border-color);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    min-height: calc(100vh - 188px);
    overflow: visible;
}

.drive-manager:fullscreen,
.drive-manager.is-fullscreen,
.drive-manager.is-focus-mode {
    border: 0;
    border-radius: 0;
    height: 100dvh;
    min-height: 100vh;
    overflow: hidden;
    width: 100%;
}

.drive-manager:fullscreen .drive-sidebar,
.drive-manager.is-fullscreen .drive-sidebar,
.drive-manager.is-focus-mode .drive-sidebar {
    max-height: 100vh;
    overflow-y: auto;
}

.drive-manager:fullscreen .drive-workspace,
.drive-manager.is-fullscreen .drive-workspace,
.drive-manager.is-focus-mode .drive-workspace {
    max-height: 100dvh;
    overflow-y: auto;
}

@media (min-width: 821px) {
    .drive-manager:fullscreen .drive-sidebar,
    .drive-manager.is-fullscreen .drive-sidebar,
    .drive-manager.is-focus-mode .drive-sidebar {
        position: static;
    }
}

body.file-manager-focus-mode {
    margin: 0 !important;
    min-height: 100vh;
    overflow: hidden;
    padding: 0 !important;
}

body.file-manager-focus-mode .mailmarket-sticky-header,
body.file-manager-focus-mode #themeCustomizer,
body.file-manager-focus-mode [data-theme-customizer-open] {
    display: none !important;
}

body.file-manager-focus-mode .page,
body.file-manager-focus-mode .page-wrapper,
body.file-manager-focus-mode .page-body,
body.file-manager-focus-mode .page-body > .container-xl,
body.file-manager-focus-mode .page-body > .container-fluid {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    padding: 0 !important;
    width: 100%;
}

body.file-manager-focus-mode .page {
    height: 100dvh;
    width: 100vw !important;
}

.drive-sidebar {
    background: var(--tblr-bg-surface-secondary);
    border-right: 1px solid var(--tblr-border-color);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: calc(100vh - 104px);
    overflow-y: auto;
    padding: 18px 12px;
    position: sticky;
    top: var(--drive-desktop-sticky-top, 56px);
    z-index: 4;
}

.drive-sidebar__mobile-head,
.drive-sidebar-toggle,
.drive-sidebar-backdrop {
    display: none;
}

.drive-sidebar-backdrop[hidden] {
    display: none !important;
}

.drive-sidebar-lock {
    overflow: hidden;
}

.drive-nav {
    display: grid;
    gap: 6px;
}

.drive-nav button,
.drive-breadcrumbs button {
    background: transparent;
    border: 0;
    color: var(--tblr-body-color);
    cursor: pointer;
    font-weight: 800;
    text-align: left;
}

.drive-nav button {
    border-radius: 6px;
    padding: 11px 12px;
}

.drive-nav .btn {
    border-radius: var(--tblr-border-radius);
    font-weight: 500;
    gap: .5rem;
    padding: .45rem .625rem;
    text-align: left;
}

.drive-provider-switch {
    position: relative;
}

.drive-provider-switch > .btn {
    width: 100%;
}

.drive-provider-switch .dropdown-menu {
    border-radius: 8px;
}

.drive-nav-separator {
    border-top: 1px solid var(--tblr-border-color);
    display: block;
    margin: 4px 2px;
}

.drive-nav button:hover,
.drive-nav button.is-active {
    background: rgba(var(--tblr-primary-rgb), .12);
    color: var(--tblr-primary);
}

.drive-storage {
    display: grid;
    gap: 8px;
    padding: 12px;
}

.drive-storage__bar,
.drive-upload__progress {
    background: rgba(148, 163, 184, .24);
    border-radius: 999px;
    height: 7px;
    overflow: hidden;
}

.drive-storage__bar span,
.drive-upload__progress span {
    background: var(--tblr-primary);
    display: block;
    height: 100%;
    transition: width 180ms ease;
}

.drive-workspace {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
    border-radius: 0 8px 8px 0;
    min-width: 0;
    padding: 18px;
}

.drive-toolbar,
.drive-toolbar__controls,
.drive-breadcrumbs,
.drive-selection {
    align-items: center;
    display: flex;
    gap: 10px;
}

.drive-select-all--page {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    margin: 0 0 10px;
}

.drive-select-all--page input {
    margin: 0;
}

.drive-toolbar {
    align-items: stretch;
    border: 1px solid var(--tblr-border-color);
    border-radius: 8px;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 16px;
    padding: 14px;
}

.drive-toolbar__title {
    align-items: center;
    border-top: 1px solid var(--tblr-border-color);
    display: flex;
    gap: 10px;
    min-width: 0;
    padding-top: 12px;
    width: 100%;
}

.drive-select-all--page,
.drive-grid,
.drive-pagination,
.drive-empty {
    position: relative;
    z-index: 1;
}

.drive-breadcrumbs {
    flex-wrap: wrap;
    min-height: 28px;
    row-gap: 4px;
}

.drive-breadcrumbs span {
    color: #94a3b8;
}

.drive-toolbar__controls .drive-search input {
    background: transparent;
    border: 0;
    min-width: 230px;
    padding: 0 60px 0 0;
    text-align: left;
}

.drive-toolbar__controls .drive-search input::-webkit-search-cancel-button,
.drive-toolbar__controls .drive-search input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.drive-toolbar__controls .form-select {
    min-height: 32px;
    min-width: 132px;
}

.drive-toolbar__controls {
    justify-content: flex-end;
    width: 100%;
}

.drive-search {
    align-items: center;
    background: var(--tblr-bg-forms);
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius: 7px;
    display: flex;
    gap: 7px;
    min-height: 32px;
    padding: 0 .5rem;
    position: relative;
}

.drive-search__icon,
.drive-search__clear {
    align-items: center;
    color: var(--tblr-secondary);
    display: inline-flex;
    height: 28px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
}

.drive-search__icon {
    pointer-events: none;
    right: 6px;
}

.drive-search__clear {
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    padding: 0;
    right: 34px;
}

.drive-search__clear:hover,
.drive-search__clear:focus-visible {
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-body-color);
    outline: 0;
}

.drive-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    padding: 18px 0 4px;
}

.drive-pagination .is-active {
    background: #205fdc;
    color: #fff;
}

.drive-activity {
    display: grid;
    gap: 8px;
}

.drive-activity article {
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 7px;
    display: grid;
    gap: 3px;
    padding: 10px;
}

.share-link-form {
    border-bottom: 1px solid var(--border);
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.share-link-form__intro {
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 7px;
    display: grid;
    gap: 4px;
    padding: 12px;
}

.share-link-form__intro p,
.share-link-list__heading p {
    color: var(--text-muted);
    font-size: 12px;
    margin: 0;
}

.share-link-form label {
    gap: 6px;
}

.share-link-form label > span {
    color: var(--info-text);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.share-link-list {
    display: grid;
    gap: 8px;
}

.share-link-list__heading,
.share-link-row,
.share-link-row__main,
.share-link-row__actions {
    align-items: center;
    display: flex;
}

.share-link-list__heading {
    gap: 12px;
    justify-content: space-between;
    padding: 0 2px 3px;
}

.share-link-list__heading h3 {
    font-size: 15px;
    margin: 0 0 2px;
}

.share-link-list__heading > span {
    align-items: center;
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    padding: 0 8px;
}

.share-link-row {
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 7px;
    gap: 12px;
    justify-content: space-between;
    padding: 11px 12px;
}

.share-link-row__main {
    gap: 10px;
    min-width: 0;
}

.share-link-row__main div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.share-link-row__main strong {
    color: var(--text);
    font-size: 13px;
}

.share-link-row__main small {
    color: var(--text-muted);
    font-size: 11px;
}

.share-link-access {
    align-items: center;
    display: inline-flex;
    font-weight: 700;
    gap: 3px;
}

.share-link-access svg {
    height: 12px;
    width: 12px;
}

.share-link-status {
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 7px;
    text-transform: uppercase;
}

.share-link-row.is-revoked {
    opacity: .72;
}

.share-link-row__actions {
    flex: 0 0 auto;
    gap: 6px;
}

.share-link-empty {
    background: var(--surface-soft);
    border: 1px dashed var(--border);
    border-radius: 7px;
    color: var(--text-muted);
    display: grid;
    gap: 4px;
    padding: 16px;
    text-align: center;
}

.share-link-empty strong {
    color: var(--text);
    font-size: 13px;
}

.share-link-empty span {
    font-size: 12px;
}

@media (max-width: 620px) {
    .share-link-row {
        align-items: stretch;
        flex-direction: column;
    }
}

.file-preview-toolbar {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.file-preview-toolbar h1 {
    font-size: 20px;
    margin: 0;
}

.file-preview-stage {
    align-items: center;
    background: #111827;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 210px);
    overflow: hidden;
    padding: 18px;
}

.file-preview-stage img,
.file-preview-stage video,
.file-preview-stage iframe {
    border: 0;
    max-height: calc(100vh - 250px);
    max-width: 100%;
}

.file-preview-stage iframe {
    height: calc(100vh - 250px);
    width: 100%;
}

.file-preview-stage .video-js.vjs-fullscreen,
.file-preview-stage .video-js.vjs-fullscreen .vjs-tech,
.file-preview-stage video:fullscreen,
.file-preview-stage video:-webkit-full-screen {
    height: 100vh !important;
    max-height: 100vh !important;
    max-width: none !important;
    width: 100vw !important;
}

.file-preview-stage--video {
    align-items: stretch;
    background: #0f172a;
    min-height: 0;
    overflow: visible;
    padding: 0;
}

.file-preview-stage--video video,
.file-preview-stage--video .video-js {
    max-height: none;
}

.file-video-layout {
    --public-accent: var(--tblr-primary, #206bc4);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    height: min(72vh, 760px);
    min-height: 360px;
    width: 100%;
}

.public-share-page .file-video-layout {
    --public-accent: var(--accent, #675dd8);
}

.file-video-player {
    align-items: center;
    background: #020617;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 18px;
}

.file-video-player .video-js {
    height: 100%;
    max-height: 100%;
    width: 100%;
}

.file-video-player .video-js .vjs-tech {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.file-video-player .video-js .file-video-buffer-loader {
    align-items: center;
    background: rgba(15, 23, 42, .88);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 6px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
    color: #fff;
    display: flex;
    gap: 12px;
    justify-content: center;
    left: 50%;
    min-height: 76px;
    min-width: 210px;
    padding: 14px 16px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.file-video-player .video-js .file-video-buffer-loader[hidden] {
    display: none;
}

.file-video-buffer-loader__spinner {
    animation: file-video-buffer-spin .8s linear infinite;
    border: 3px solid rgba(255, 255, 255, .36);
    border-top-color: #fff;
    border-radius: 999px;
    flex: 0 0 auto;
    display: block;
    height: 30px;
    width: 30px;
}

.file-video-buffer-loader__content {
    display: grid;
    gap: 3px;
    min-width: 132px;
}

.file-video-buffer-loader__status {
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    line-height: 1.2;
}

.file-video-buffer-loader__percent {
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.file-video-buffer-loader__track {
    background: rgba(255, 255, 255, .22);
    border-radius: 999px;
    display: block;
    height: 3px;
    margin-top: 3px;
    overflow: hidden;
    width: 100%;
}

.file-video-buffer-loader__track > span {
    background: var(--public-accent, var(--tblr-primary, #206bc4));
    display: block;
    height: 100%;
    transition: width .2s linear;
    width: 0;
}

.file-video-player .video-js.is-video-controls-disabled .vjs-big-play-button,
.file-video-player .video-js.is-video-controls-disabled .vjs-control-bar {
    cursor: wait;
    opacity: .42;
    pointer-events: none;
}

@keyframes file-video-buffer-spin {
    to {
        transform: rotate(360deg);
    }
}

.file-video-player .vjs-fluid {
    height: 100%;
    max-height: 100%;
    padding-top: 0;
}

.file-video-player .vjs-skip-backward-10,
.file-video-player .vjs-skip-forward-10 {
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    width: 3.5em;
}

.file-video-player .vjs-skip-backward-10 .vjs-icon-placeholder::before {
    content: "\21B6 10";
    font-family: inherit;
    font-size: 12px;
    line-height: 3;
}

.file-video-player .vjs-skip-forward-10 .vjs-icon-placeholder::before {
    content: "10 \21B7";
    font-family: inherit;
    font-size: 12px;
    line-height: 3;
}

.file-video-fallback {
    color: #94a3b8;
    font-size: 12px;
    margin: 10px 0 0;
    text-align: center;
}

.file-video-playlist {
    background: #111827;
    border-left: 1px solid #334155;
    color: #f8fafc;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.file-video-playlist__header {
    border-bottom: 1px solid #334155;
    display: grid;
    gap: 9px;
    padding: 14px;
}

.file-video-playlist__controls {
    align-items: center;
    background: rgba(148, 163, 184, .12);
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 7px;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 8px;
}

.file-video-playlist__header div,
.file-video-playlist__meta {
    display: grid;
    gap: 3px;
}

.file-video-playlist__header .file-video-playlist__controls {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.file-video-playlist__header span,
.file-video-playlist__meta span {
    color: #94a3b8;
    font-size: 11px;
}

.file-video-autoplay {
    align-items: center;
    color: #cbd5e1;
    display: flex;
    font-size: 12px;
    gap: 9px;
}

.file-video-autoplay input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #0f1117;
    border: 2px solid #94a3b8;
    border-radius: 4px;
    cursor: pointer;
    display: inline-grid;
    flex: 0 0 auto;
    height: 18px;
    place-content: center;
    margin: 0;
    width: 18px;
}

.file-video-autoplay input::after {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: "";
    display: block;
    height: 10px;
    opacity: 0;
    transform: rotate(45deg) translate(-1px, -1px);
    width: 5px;
}

.file-video-autoplay input:checked {
    background: var(--public-accent);
    border-color: var(--public-accent);
}

.file-video-autoplay input:checked::after {
    opacity: 1;
}

.file-video-autoplay input:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--public-accent) 32%, transparent);
    outline: 0;
}

.file-video-resume-settings {
    align-items: center;
    background: rgba(148, 163, 184, .12);
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 6px;
    color: #e2e8f0;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 30px;
    justify-content: center;
    padding: 0;
    width: 30px;
}

.file-video-resume-settings:hover,
.file-video-resume-settings:focus-visible {
    background: color-mix(in srgb, var(--public-accent) 24%, rgba(148, 163, 184, .14));
    border-color: color-mix(in srgb, var(--public-accent) 56%, #94a3b8);
    color: #ffffff;
    outline: 0;
}

.file-video-resume-settings svg {
    height: 16px;
    width: 16px;
}

.file-video-playlist__items {
    display: grid;
    gap: 2px;
    overflow: auto;
    padding: 7px;
}

.file-video-playlist__item {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #f8fafc;
    display: grid;
    gap: 9px;
    grid-template-columns: 54px minmax(0, 1fr);
    padding: 7px;
    text-decoration: none;
}

.file-video-playlist__item:hover {
    background: #1e293b;
}

.file-video-playlist__item.is-active {
    background: #26354b;
    border-color: #c08d36;
}

.file-video-playlist__thumb {
    align-items: center;
    aspect-ratio: 16 / 9;
    background: #334155;
    border-radius: 4px;
    color: #e2e8f0;
    display: flex;
    font-size: 15px;
    justify-content: center;
}

.file-video-playlist__meta strong {
    font-size: 12px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.drive-preview-modal {
    background: #f8fafc;
    border: 1px solid var(--border);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .3);
    height: min(88vh, 900px);
    max-width: min(1180px, calc(100vw - 36px));
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.file-manager-upload-dialog,
.file-manager-resource-dialog,
.file-manager-destination-dialog {
    max-width: min(760px, calc(100vw - 48px));
    width: min(760px, calc(100vw - 48px));
}

.file-manager-resource-dialog.file-manager-resource-dialog--wide {
    max-width: min(1040px, calc(100vw - 48px));
    width: min(1040px, calc(100vw - 48px));
}

.file-manager-preview-dialog {
    max-width: min(1180px, calc(100vw - 48px));
    width: min(1180px, calc(100vw - 48px));
}

.file-manager-preview-dialog.file-manager-preview-dialog--compact {
    max-width: min(680px, calc(100vw - 48px));
    width: min(680px, calc(100vw - 48px));
}

.file-manager-preview-dialog .drive-preview-modal {
    max-width: none;
}

.file-manager-preview-dialog.file-manager-preview-dialog--compact .drive-preview-modal {
    height: min(78vh, 720px);
}

.file-manager-generated-form label:not(.form-check):not(.toggle-field) {
    display: grid;
    gap: .35rem;
    margin-bottom: 0;
    width: 100%;
}

.file-manager-generated-form label:not(.form-check):not(.toggle-field) > span {
    color: var(--tblr-secondary);
    font-weight: 500;
}

.file-manager-generated-form .drive-label-row {
    align-items: center;
    display: inline-flex;
    gap: .25rem;
}

.file-manager-generated-form .drive-label-row .text-danger {
    color: var(--tblr-danger) !important;
}

.file-manager-generated-form .ts-wrapper,
.file-manager-generated-form .form-control,
.file-manager-generated-form .form-select {
    width: 100%;
}

.file-manager-generated-form .folder-combobox label {
    display: grid;
    gap: .35rem;
}

.file-manager-generated-form .d-flex.justify-content-end {
    padding-top: .25rem;
}

.file-manager-generated-form label.drive-inline-required-label:not(.form-check):not(.toggle-field),
.drive-inline-required-label {
    align-items: center;
    display: inline-flex;
    gap: .25rem;
    width: auto;
}

@media (max-width: 575.98px) {
    .file-manager-upload-dialog,
    .file-manager-resource-dialog,
    .file-manager-destination-dialog,
    .file-manager-preview-dialog {
        max-width: calc(100vw - 20px);
        width: calc(100vw - 20px);
    }
}

@media (max-width: 820px) {
    .file-manager-preview-dialog .drive-preview-modal {
        height: calc(100dvh - 20px);
        max-height: calc(100dvh - 20px);
    }

    .file-preview-embed .file-preview-stage--video {
        height: calc(100vh - 96px);
        overflow-y: auto;
    }

    .file-preview-embed .file-video-layout {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(260px, 1fr);
        height: auto;
        min-height: 100%;
    }

    .file-preview-embed .file-video-player {
        aspect-ratio: 16 / 9;
        min-height: 0;
        padding: 0;
    }

    .file-preview-embed .file-video-fallback {
        display: none;
    }

    .file-preview-embed .file-video-playlist {
        border-left: 0;
        border-top: 1px solid #334155;
        min-height: 260px;
    }
}

.drive-preview-modal .modal-body,
.drive-preview-modal [data-preview-frame] {
    background: #f8fafc;
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
}

.file-preview-embed-body {
    background: #f8fafc;
    margin: 0;
    padding: 0;
}

.file-preview-embed-body--password {
    background: #f8fafc;
}

.file-preview-embed .file-preview-toolbar {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    margin: 0;
    padding: 12px 16px;
    position: sticky;
    top: 0;
    z-index: 4;
}

.file-preview-embed .file-preview-toolbar h1 {
    color: #0f172a;
}

.file-preview-embed .file-preview-toolbar .muted {
    color: #64748b;
}

.file-preview-embed .file-preview-toolbar .icon-button {
    align-items: center;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    padding: 0;
    text-align: center;
}

.file-preview-embed .file-preview-toolbar .icon-button:hover {
    background: #e2e8f0;
}

.file-preview-download {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    justify-content: center;
}

.file-preview-download svg {
    height: 17px;
    width: 17px;
}

@media (max-width: 991.98px) {
    .file-preview-embed .file-preview-toolbar [data-preview-fullscreen] {
        display: none;
    }
}

.file-preview-embed .file-preview-stage {
    background: #eef2f7;
    border-radius: 0;
    height: calc(88vh - 112px);
    min-height: 0;
    overflow: auto;
    padding: 0;
}

.file-preview-embed .file-preview-stage img,
.file-preview-embed .file-preview-stage video,
.file-preview-embed .file-preview-stage iframe {
    display: block;
    max-height: 100%;
    transition: transform 160ms ease;
}

.file-preview-embed .file-preview-stage iframe {
    height: 100%;
}

.file-preview-embed .file-preview-stage--video {
    overflow: hidden;
}

.file-preview-embed .file-preview-password {
    border-color: var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    box-shadow: none;
    margin: 1rem auto;
    max-width: 620px;
    width: calc(100% - 2rem);
}

.file-preview-embed-body--password .file-preview-embed {
    background: var(--tblr-body-bg);
    min-height: 100vh;
}

.file-preview-embed-body--password .file-preview-toolbar {
    position: static;
}

.file-preview-embed-body--password .file-preview-password .btn {
    gap: .45rem;
}

.drive-password-guard .btn,
.drive-owner-unlock .btn {
    gap: .45rem;
}

.file-preview-embed .file-preview-stage.is-pannable img {
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.file-preview-embed .file-preview-stage.is-panning img {
    cursor: grabbing;
}

.file-preview-embed:fullscreen {
    background: #eef2f7;
    height: 100vh;
}

.file-preview-embed:fullscreen .file-preview-stage {
    height: calc(100vh - 74px);
}

.file-preview-embed.is-video-shell-fullscreen .file-preview-toolbar {
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(0);
    transition: transform 220ms ease;
    width: 100%;
}

.file-preview-embed.is-video-shell-fullscreen.is-video-toolbar-hidden .file-preview-toolbar {
    transform: translateY(-100%);
}

.file-preview-embed.is-video-shell-fullscreen .file-preview-stage--video {
    height: 100vh;
}

.file-preview-embed-body.theme-dark .file-preview-embed:fullscreen {
    background: #111827;
}

.public-share-page {
    --public-accent: var(--accent, #675dd8);
    --public-accent-hover: var(--accent-hover, #5b52c6);
    --public-border: #d8e0ea;
    --public-muted: #64748b;
    --border: var(--public-border);
    --primary: var(--public-accent);
    --surface-soft: #f2f5f9;
    --text: #172033;
    background: #eef2f6;
    color: #172033;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    min-height: 100vh;
}

.public-share-page--context-locked {
    -webkit-touch-callout: none;
}

.public-share-page--selection-locked,
.public-share-page--selection-locked * {
    -webkit-user-select: none;
    user-select: none;
}

.public-share-page--selection-locked img {
    -webkit-user-drag: none;
    user-drag: none;
}

.public-share-page--video {
    --public-border: #2d2d32;
    --public-muted: #a1a1aa;
    background: #09090b;
    color: #f4f4f5;
    color-scheme: dark;
}

body.public-share-page.public-share-page--video {
    background: #09090b !important;
    color: #f4f4f5 !important;
}

.public-share-page--video .public-share-brand,
.public-share-page--video .public-share-file-header,
.public-share-page--video .public-share-file-header h1 {
    color: #f4f4f5 !important;
}

.public-share-page--video .public-share-back {
    border-color: #3f3f46;
    color: #a1a1aa;
}

.public-share-page--video .public-share-back:hover {
    border-color: var(--public-accent);
    color: var(--public-accent);
}

.public-share-shell {
    margin: 0 auto;
    max-width: 1320px;
    padding: 22px 24px 48px;
}

.public-share-brand {
    align-items: center;
    border-bottom: 1px solid var(--public-border);
    display: flex;
    gap: 11px;
    margin-bottom: 24px;
    padding: 0 2px 18px;
}

.public-share-brand__mark {
    align-items: center;
    background: #172033;
    border-radius: 7px;
    color: #fff;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.public-share-brand__logo {
    min-height: 38px;
    max-width: 220px;
}

.public-share-brand__logo-image {
    display: block;
    max-height: 38px;
    max-width: 220px;
    object-fit: contain;
    width: auto;
}

.public-share-brand__logo-image--dark {
    display: none;
}

.public-share-page--video .public-share-brand__logo-image--light {
    display: none;
}

.public-share-page--video .public-share-brand__logo-image--dark {
    display: block;
}

.public-share-page--video .public-share-brand__mark {
    background: var(--public-accent);
}

.public-share-brand__mark svg {
    height: 20px;
    width: 20px;
}

.public-share-brand__text {
    display: grid;
    gap: 2px;
}

.public-share-brand strong {
    font-size: 14px;
}

.public-share-brand small {
    color: var(--public-muted);
    font-size: 11px;
}

.public-share-brand__trust {
    align-items: center;
    color: #16835b;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    margin-left: auto;
}

.public-share-page--video .public-share-brand__trust {
    color: #86efac;
}

.public-share-brand__trust svg {
    height: 16px;
    width: 16px;
}

.public-share-folder-header,
.public-share-file-header {
    align-items: center;
    background: #fff;
    border: 1px solid var(--public-border);
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 20px 22px;
}

.public-share-page--video .public-share-file-header {
    background: #171719;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .32);
}

.public-share-folder-header__main,
.public-share-file-header__main {
    align-items: center;
    display: flex;
    gap: 14px;
    min-width: 0;
}

.public-share-folder-header__icon,
.public-share-file-header__icon,
.public-share-password__icon,
.public-share-unavailable__icon {
    align-items: center;
    background: #e8f0ff;
    border: 1px solid #c9d9ff;
    border-radius: 8px;
    color: #2563eb;
    display: flex;
    flex: 0 0 auto;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.public-share-file-header__icon--video {
    background: #202024;
    border-color: var(--public-accent);
    color: var(--public-accent);
}

.public-share-folder-header__icon svg,
.public-share-file-header__icon svg,
.public-share-password__icon svg,
.public-share-unavailable__icon svg {
    height: 26px;
    width: 26px;
}

.public-share-back {
    align-items: center;
    border: 1px solid var(--public-border);
    border-radius: 7px;
    color: inherit;
    display: inline-flex;
    flex: 0 0 auto;
    height: 38px;
    justify-content: center;
    text-decoration: none;
    width: 38px;
}

.public-share-back:hover {
    border-color: var(--public-accent);
    color: var(--public-accent);
}

.public-share-back svg {
    height: 18px;
    width: 18px;
}

.public-share-eyebrow,
.public-share-folder-header__meta,
.public-share-file-header__meta {
    color: var(--public-muted);
    margin: 0;
}

.public-share-eyebrow {
    color: var(--public-accent);
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.public-share-folder-header h1,
.public-share-file-header h1 {
    color: inherit;
    font-size: 22px;
    line-height: 1.25;
    margin: 0 0 7px;
    overflow-wrap: anywhere;
}

.public-share-folder-header__meta {
    font-size: 13px;
}

.public-share-file-header__meta {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 7px;
}

.public-share-file-header__meta span {
    border-right: 1px solid var(--public-border);
    padding-right: 7px;
}

.public-share-file-header__meta span:last-child {
    border-right: 0;
    padding-right: 0;
}

.public-share-file-header__actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

.public-share-view-only {
    align-items: center;
    color: var(--public-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
}

.public-share-view-only svg {
    height: 16px;
    width: 16px;
}

.public-share-download {
    background: var(--public-accent);
    border-color: var(--public-accent);
}

.public-share-download:hover,
.public-share-password .form-actions .button:hover,
.public-download-dialog [data-download-proceed]:hover,
.public-video-resume-dialog [data-video-resume]:hover {
    background: var(--public-accent-hover);
    border-color: var(--public-accent-hover);
}

.public-share-password .form-actions .button,
.public-download-dialog [data-download-proceed],
.public-video-resume-dialog [data-video-resume] {
    background: var(--public-accent);
    border-color: var(--public-accent);
    color: #fff;
}

.public-share-viewer {
    background: #fff;
    border: 1px solid var(--public-border);
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .08);
    margin-top: 14px;
    min-height: 340px;
    overflow: hidden;
}

.public-share-viewer > img {
    display: block;
    margin: 0 auto;
    max-height: calc(100vh - 210px);
    max-width: 100%;
    object-fit: contain;
}

.public-share-viewer iframe {
    min-height: calc(100vh - 190px);
}

.public-share-cinema {
    background: #000;
    border-color: #303036;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .48);
}

.public-share-cinema .file-video-layout {
    height: min(76vh, 820px);
    min-height: 480px;
}

.public-share-cinema .file-video-layout--solo {
    grid-template-columns: minmax(0, 1fr);
}

.public-share-cinema .file-video-player {
    background: #000;
    padding: 16px;
}

.public-share-page--video .video-js .vjs-big-play-button {
    background: var(--public-accent);
    border-color: var(--public-accent);
}

.public-share-page--video .video-js .vjs-play-progress,
.public-share-page--video .video-js .vjs-volume-level {
    background-color: var(--public-accent);
}

.public-share-cinema .file-video-playlist {
    background: #141416;
    border-left-color: #303036;
}

.public-share-cinema .file-video-playlist__header {
    border-bottom-color: #303036;
}

.public-share-cinema .file-video-playlist__header strong {
    align-items: center;
    display: flex;
    gap: 8px;
}

.public-share-cinema .file-video-playlist__header strong svg {
    height: 17px;
    width: 17px;
}

.public-share-cinema .file-video-playlist__item:hover {
    background: #222225;
}

.public-share-cinema .file-video-playlist__item.is-active {
    background: #202024;
    border-color: var(--public-accent);
}

.public-share-cinema .file-video-playlist__thumb {
    background: #29292e;
}

.public-share-cinema .file-video-playlist__thumb svg {
    height: 16px;
    width: 16px;
}

.public-share-breadcrumbs {
    align-items: center;
    color: #94a3b8;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 7px;
    padding: 16px 4px 4px;
}

.public-share-breadcrumbs svg {
    height: 14px;
    width: 14px;
}

.public-share-breadcrumbs a {
    color: #2563eb;
    font-weight: 700;
    text-decoration: none;
}

.public-share-breadcrumbs a:hover {
    text-decoration: underline;
}

.public-share-breadcrumbs strong {
    color: #475569;
}

.public-share-section {
    margin-top: 24px;
}

.public-share-section__heading {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 11px;
}

.public-share-section__heading h2 {
    color: #172033;
    font-size: 15px;
    margin: 0;
}

.public-share-section__heading span {
    align-items: center;
    background: #dfe7f2;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    height: 21px;
    justify-content: center;
    min-width: 21px;
    padding: 0 7px;
}

.public-share-folder-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.public-share-folder-card {
    align-items: center;
    background: #fff;
    border: 1px solid var(--public-border);
    border-radius: 8px;
    color: #172033;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 14px;
    text-decoration: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.public-share-folder-card:hover {
    border-color: #2563eb;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .09);
    transform: translateY(-2px);
}

.public-share-folder-card__icon {
    align-items: center;
    background: #e8f0ff;
    border-radius: 7px;
    color: #2563eb;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.public-share-folder-card__icon svg {
    height: 22px;
    width: 22px;
}

.public-share-folder-card__copy,
.public-share-item__copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.public-share-folder-card__copy strong,
.public-share-item__copy strong {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-share-folder-card__copy small,
.public-share-item__copy small {
    color: var(--public-muted);
    font-size: 11px;
    font-weight: 700;
}

.public-share-folder-card__arrow {
    color: #94a3b8;
}

.public-share-folder-card__arrow svg {
    height: 18px;
    width: 18px;
}

.public-share-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}

.public-share-item {
    background: #fff;
    border: 1px solid var(--public-border);
    border-radius: 8px;
    color: #172033;
    display: grid;
    grid-template-rows: 148px minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.public-share-item:hover {
    border-color: #2563eb;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .1);
    transform: translateY(-2px);
}

.public-share-item__preview {
    align-items: center;
    background: #e8edf3;
    color: #475569;
    display: flex;
    justify-content: center;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.public-share-item__preview--video {
    background: #171719;
    color: #fff;
}

.public-share-item__preview--audio {
    background: #ede9fe;
    color: #6d28d9;
}

.public-share-item__preview--code {
    background: #dcfce7;
    color: #166534;
}

.public-share-item__preview img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.public-share-item__file-icon {
    align-items: center;
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 999px;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.public-share-item__preview--video .public-share-item__file-icon {
    background: var(--public-accent);
    border-color: var(--public-accent);
}

.public-share-item__file-icon svg {
    height: 22px;
    width: 22px;
}

.public-share-item__type {
    background: rgba(15, 23, 42, .78);
    border-radius: 4px;
    bottom: 9px;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    left: 9px;
    padding: 4px 6px;
    position: absolute;
}

.public-share-item__duration {
    background: rgba(15, 23, 42, .78);
    border-radius: 4px;
    bottom: 34px;
    color: #fff;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    left: 9px;
    line-height: 1;
    padding: 4px 6px;
    position: absolute;
}

.public-share-item__copy {
    padding: 12px 13px 13px;
}

.public-share-empty,
.public-share-password,
.public-share-unavailable {
    align-items: center;
    background: #fff;
    border: 1px solid var(--public-border);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
    display: flex;
    flex-direction: column;
    margin: 10vh auto 0;
    max-width: 560px;
    padding: 42px 32px;
    text-align: center;
}

.public-share-empty {
    border-style: dashed;
    box-shadow: none;
    margin-top: 24px;
}

.public-share-empty span {
    color: #2563eb;
}

.public-share-empty span svg {
    height: 34px;
    width: 34px;
}

.public-share-empty h2,
.public-share-password h1,
.public-share-unavailable h1 {
    color: #172033;
    font-size: 22px;
    margin: 10px 0 7px;
}

.public-share-empty p,
.public-share-password > .muted,
.public-share-unavailable p:last-child {
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

.public-share-password .form {
    margin-top: 24px;
    text-align: left;
    width: 100%;
}

.public-share-password .form-actions {
    justify-content: flex-end;
}

.public-share-page--video .public-share-password {
    background: #151517;
    border-color: #303036;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .46);
    color: #f4f4f5;
}

.public-share-page--video .public-share-password h1,
.public-share-page--video .public-share-password label {
    color: #f4f4f5;
}

.public-share-page--video .public-share-password > .muted {
    color: #a1a1aa;
}

.public-share-page--video .public-share-password__icon {
    background: #202024;
    border-color: var(--public-accent);
    color: var(--public-accent);
}

.public-share-page--video .public-share-password .form label {
    background: #1d1d20;
    border: 1px solid #34343a;
    border-radius: 7px;
    display: grid;
    gap: 9px;
    padding: 12px;
}

.public-share-page--video .public-share-password input {
    background: #101012;
    border-color: #3b3b42;
    color: #f4f4f5;
}

.public-share-page--video .public-share-password input:focus {
    border-color: var(--public-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--public-accent) 24%, transparent);
}

.public-share-preview-unavailable {
    align-items: center;
    color: #64748b;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 340px;
    padding: 36px;
    text-align: center;
}

.public-share-preview-unavailable > svg {
    color: #2563eb;
    height: 40px;
    margin-bottom: 12px;
    width: 40px;
}

.public-share-preview-unavailable strong {
    color: #172033;
    font-size: 18px;
}

.public-share-preview-unavailable p {
    margin: 6px 0 0;
}

.public-download-dialog {
    background: #fff;
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
    color: #172033;
    max-width: min(460px, calc(100vw - 28px));
    padding: 0;
    width: 100%;
}

.public-download-dialog::backdrop {
    background: rgba(9, 9, 11, .72);
    backdrop-filter: blur(3px);
}

.public-download-dialog__body {
    padding: 26px;
    position: relative;
}

.public-download-dialog__close {
    align-items: center;
    background: transparent;
    border: 0;
    color: #64748b;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 34px;
}

.public-download-dialog__close svg {
    height: 19px;
    width: 19px;
}

.public-download-dialog__icon {
    align-items: center;
    background: #e8f0ff;
    border-radius: 8px;
    color: #2563eb;
    display: flex;
    height: 50px;
    justify-content: center;
    margin-bottom: 18px;
    width: 50px;
}

.public-download-dialog__icon svg {
    height: 24px;
    width: 24px;
}

.public-download-dialog h2 {
    font-size: 20px;
    margin: 0 0 7px;
}

.public-download-dialog__body > p:not(.public-share-eyebrow) {
    color: #64748b;
    margin: 0;
}

.public-download-dialog__file {
    align-items: center;
    background: #f2f5f9;
    border: 1px solid #d8e0ea;
    border-radius: 7px;
    display: flex;
    gap: 12px;
    margin-top: 20px;
    min-width: 0;
    padding: 12px;
}

.public-download-dialog__file > svg {
    color: #2563eb;
    flex: 0 0 auto;
    height: 24px;
    width: 24px;
}

.public-download-dialog__file span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.public-download-dialog__file strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-download-dialog__file small {
    color: #64748b;
}

.public-download-dialog__actions {
    background: #f2f5f9;
    border-top: 1px solid #d8e0ea;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 14px 18px;
}

.public-share-page--video .public-download-dialog,
.public-video-resume-dialog {
    --public-accent: var(--accent, var(--tblr-primary, #206bc4));
    background: #151517;
    border: 1px solid #34343a;
    border-radius: 8px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .58);
    color: #f4f4f5;
    max-width: min(440px, calc(100vw - 28px));
    padding: 0;
    width: 100%;
}

.public-video-resume-dialog::backdrop {
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, .78);
}

.public-share-page--video .public-download-dialog h2,
.public-video-resume-dialog h2 {
    color: #f4f4f5;
}

.public-share-page--video .public-download-dialog__body > p:not(.public-share-eyebrow),
.public-video-resume-dialog__body > p:not(.public-share-eyebrow) {
    color: #a1a1aa;
}

.public-share-page--video .public-download-dialog__close {
    color: #a1a1aa;
}

.public-share-page--video .public-download-dialog__icon,
.public-video-resume-dialog__icon {
    background: #202024;
    color: var(--public-accent);
}

.public-share-page--video .public-download-dialog__file {
    background: #202024;
    border-color: #3a3a40;
}

.public-share-page--video .public-download-dialog__file > svg,
.public-video-resume-dialog__icon {
    color: var(--public-accent);
}

.public-share-page--video .public-download-dialog__file small {
    color: #a1a1aa;
}

.public-share-page--video .public-download-dialog__actions,
.public-video-resume-dialog__actions {
    background: #101012;
    border-top: 1px solid #34343a;
}

.public-share-page--video .public-download-dialog .button--ghost,
.public-video-resume-dialog .button--ghost {
    background: #202024;
    border-color: #3a3a40;
    color: #d4d4d8;
}

.public-video-resume-dialog__body {
    padding: 26px;
}

.public-video-resume-dialog__icon {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 50px;
    justify-content: center;
    margin-bottom: 18px;
    width: 50px;
}

.public-video-resume-dialog__icon svg {
    height: 24px;
    width: 24px;
}

.public-video-resume-dialog h2 {
    color: #f4f4f5 !important;
    font-size: 20px;
    margin: 0 0 7px;
}

.public-video-resume-dialog .public-share-eyebrow {
    color: var(--public-accent) !important;
}

.public-video-resume-dialog__body,
.public-video-resume-dialog__body p,
.public-video-resume-dialog__remember {
    color: #e4e4e7;
}

.public-video-resume-dialog__body > p:not(.public-share-eyebrow) {
    color: #c4c4cc !important;
}

.public-video-resume-dialog__body ::selection {
    background: color-mix(in srgb, var(--public-accent) 40%, transparent);
    color: #fff;
}

.public-video-resume-dialog__remember {
    align-items: center;
    background: #202024;
    border: 1px solid #3a3a40;
    border-radius: 7px;
    cursor: pointer;
    display: flex;
    gap: 9px;
    margin-top: 20px;
    padding: 12px;
}

.public-video-resume-dialog__remember input {
    accent-color: var(--public-accent);
    height: 17px;
    margin: 0;
    width: 17px;
}

.public-video-resume-dialog__actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 14px 18px;
}

.public-video-settings-button {
    align-items: center;
    background: var(--public-accent);
    border: 1px solid var(--public-accent);
    border-radius: 999px;
    bottom: 22px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .38);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    font-size: 13px;
    font-weight: 800;
    padding: 11px 16px;
    position: fixed;
    right: 22px;
    z-index: 1090;
}

.public-video-settings-button:hover,
.public-video-settings-button:focus-visible {
    background: var(--public-accent-hover);
    border-color: var(--public-accent-hover);
    outline: 0;
}

.public-video-settings-button svg {
    height: 17px;
    width: 17px;
}

@media (max-width: 780px) {
    .public-share-shell {
        padding: 14px 12px 28px;
    }

    .public-share-brand {
        margin-bottom: 16px;
        padding-bottom: 14px;
    }

    .public-share-brand__trust span {
        display: none;
    }

    .public-video-settings-button {
        bottom: 14px;
        padding: 11px;
        right: 14px;
    }

    .public-video-settings-button span {
        display: none;
    }

    .public-share-folder-header,
    .public-share-file-header {
        align-items: stretch;
        flex-direction: column;
        padding: 16px;
    }

    .public-share-file-header {
        position: relative;
    }

    .public-share-file-header__main {
        padding-right: 48px;
    }

    .public-share-file-header__main {
        align-items: flex-start;
    }

    .public-share-folder-header__icon,
    .public-share-file-header__icon {
        height: 46px;
        width: 46px;
    }

    .public-share-folder-header__icon svg,
    .public-share-file-header__icon svg {
        height: 22px;
        width: 22px;
    }

    .public-share-folder-header h1,
    .public-share-file-header h1 {
        font-size: 18px;
    }

    .public-share-file-header__actions {
        position: absolute;
        right: 12px;
        top: 12px;
    }

    .public-share-download {
        align-items: center;
        display: inline-flex;
        height: 40px;
        justify-content: center;
        padding: 0;
        width: 40px;
    }

    .public-share-download span {
        display: none;
    }

    .public-share-download svg {
        margin: 0;
    }

    .public-share-folder-grid {
        grid-template-columns: 1fr;
    }

    .public-share-grid {
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-share-item {
        grid-template-rows: 112px minmax(0, 1fr);
    }

    .public-share-cinema .file-video-layout {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(160px, 34vh);
        height: auto;
        min-height: 0;
    }

    .public-share-cinema .file-video-player {
        aspect-ratio: 16 / 9;
        min-height: 0;
        padding: 0;
    }

    .public-share-cinema .file-video-playlist {
        border-left: 0;
        border-top: 1px solid #303036;
        max-height: 34vh;
    }

    .public-share-cinema .file-video-fallback {
        display: none;
    }

    .public-share-password,
    .public-share-unavailable {
        margin-top: 7vh;
        padding: 30px 20px;
    }
}

@media (max-width: 380px) {
    .public-share-grid {
        grid-template-columns: 1fr;
    }

    .public-share-file-header__icon {
        display: none;
    }
}

.file-picker-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    margin-top: 16px;
    max-height: 58vh;
    overflow: auto;
}

#fileManagerPickerModal .modal-dialog {
    max-width: min(940px, calc(100vw - 28px));
}

.file-picker-search {
    display: grid;
    gap: 8px;
    margin-top: 16px;
}

.file-picker-search span {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

#fileManagerPickerModal input[type="search"] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 7px;
    color: var(--text);
    min-height: 44px;
    padding: 10px 12px;
    width: 100%;
}

.file-picker-empty {
    grid-column: 1 / -1;
    padding: 26px 4px;
}

.file-picker-source-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 0;
}

.file-picker-source-tabs button {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    font-weight: 800;
}

.file-picker-source-tabs button.is-active {
    background: var(--tblr-primary);
    border-color: var(--tblr-primary);
    color: #fff;
}

.file-picker-source-tabs button svg {
    height: 16px;
    width: 16px;
}

#fileManagerPickerModal .modal-header {
    align-items: center;
    min-height: 72px;
}

#fileManagerPickerModal .file-picker-close {
    align-items: center;
    border-color: var(--tblr-border-color);
    color: var(--tblr-secondary);
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    margin-left: auto;
    width: 34px;
}

#fileManagerPickerModal .file-picker-close:hover,
#fileManagerPickerModal .file-picker-close:focus {
    background: var(--tblr-bg-surface-secondary);
    border-color: var(--tblr-secondary);
    color: var(--tblr-body-color);
}

#fileManagerPickerModal .file-picker-close svg {
    height: 18px;
    stroke-width: 2.25;
    width: 18px;
}

.file-picker-heading {
    align-items: center;
    display: flex;
    gap: 11px;
    min-width: 0;
}

.file-picker-heading__icon {
    align-items: center;
    background: var(--tblr-primary-lt);
    border-radius: 6px;
    color: var(--tblr-primary);
    display: inline-flex;
    flex: 0 0 38px;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.file-picker-heading__icon svg {
    height: 19px;
    width: 19px;
}

.file-picker-heading p {
    color: var(--tblr-secondary);
    font-size: 12px;
    line-height: 1.35;
    margin: 3px 0 0;
}

.file-picker-breadcrumbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
}

.file-picker-breadcrumbs button,
.file-picker-folder {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--text);
    cursor: pointer;
}

.file-picker-breadcrumbs button {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    font-weight: 800;
    padding: 7px 9px;
}

.file-picker-breadcrumbs > svg {
    color: var(--tblr-secondary);
    height: 14px;
    width: 14px;
}

.file-picker-folders {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    margin-top: 14px;
}

.file-picker-folder {
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 10px;
    text-align: left;
}

.file-picker-folder svg {
    color: var(--tblr-primary);
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
}

.file-picker-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 7px;
    color: var(--text);
    cursor: pointer;
    display: grid;
    gap: 7px;
    padding: 8px;
    text-align: left;
}

.file-picker-card strong {
    color: var(--text);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.file-picker-card img,
.file-picker-preview img {
    height: 92px;
    object-fit: contain;
    width: 100%;
}

.file-picker-preview {
    display: block;
    margin: 6px 0;
}

.file-picker-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.file-picker-actions [hidden] {
    display: none !important;
}

.drive-search span {
    color: var(--tblr-secondary);
    font-size: 13px;
}

.drive-search input:focus {
    box-shadow: none;
    outline: 0;
}

.drive-selection {
    background: var(--tblr-bg-surface-secondary);
    border: 1px solid var(--tblr-border-color);
    border-radius: 7px;
    flex-wrap: wrap;
    margin-bottom: 14px;
    padding: 10px;
}

.drive-selection[hidden],
.drive-selection [hidden],
.drive-empty[hidden],
.drive-upload-list[hidden],
.drive-trash-actions[hidden] {
    display: none !important;
}

.drive-manager {
    position: relative;
}

.drive-loading-overlay {
    align-items: center;
    background: color-mix(in srgb, var(--tblr-body-bg) 82%, transparent);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    inset: 0;
    justify-content: center;
    position: absolute;
    z-index: 90;
}

.drive-loading-overlay[hidden] {
    display: none !important;
}

.drive-loading-overlay__spinner {
    animation: drive-loading-spin .75s linear infinite;
    border: 3px solid rgba(var(--tblr-primary-rgb), .2);
    border-radius: 50%;
    border-top-color: var(--tblr-primary);
    height: 30px;
    width: 30px;
}

.drive-loading-overlay strong {
    color: var(--tblr-body-color);
    font-size: 13px;
}

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

.drive-trash-actions {
    align-items: center;
    background: rgba(220, 38, 38, .06);
    border: 1px solid rgba(220, 38, 38, .18);
    border-radius: 7px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 10px 12px;
}

.drive-trash-actions span {
    color: #991b1b;
    font-size: 12px;
    font-weight: 700;
}

.drive-trash-actions .btn-danger {
    color: #ffffff;
}

.drive-trash-actions .btn-danger span,
.drive-trash-actions .btn-danger svg {
    color: #ffffff;
    stroke: currentColor;
}

.drive-dropzone {
    background: var(--tblr-bg-surface-secondary);
    border: 1px dashed var(--tblr-border-color);
    border-radius: 7px;
    color: var(--tblr-secondary);
    display: grid;
    gap: 4px;
    margin-bottom: 16px;
    padding: 22px 14px;
    text-align: center;
}

.drive-upload-input {
    display: none;
}

.drive-dropzone__browse {
    justify-self: center;
    margin-top: .5rem;
    max-width: 220px;
    min-width: 170px;
    width: auto;
}

.drive-upload-modal .drive-dropzone__browse > span {
    color: inherit;
}

.drive-upload-modal {
    max-width: 660px;
}

.drive-upload-modal .form {
    gap: 12px;
}

.drive-upload-modal .drive-dropzone {
    background: var(--tblr-bg-surface-secondary);
    border-color: var(--tblr-border-color);
    margin-bottom: 0;
}

.drive-upload-modal .drive-dropzone strong {
    color: var(--tblr-body-color);
    font-size: 15px;
}

.drive-upload-modal .drive-dropzone > span {
    color: var(--tblr-secondary);
    font-size: 12px;
}

.drive-upload-list {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
}

.drive-upload {
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 7px;
    display: grid;
    gap: 6px;
    padding: 10px;
}

.drive-upload--active {
    align-items: end;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 12px;
}

.drive-upload__body {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.drive-upload__body strong,
.drive-upload__body small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drive-upload--active [data-upload-cancel] {
    min-width: 96px;
}

.drive-upload--pending {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.drive-upload--pending div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.drive-upload--pending strong,
.drive-upload--pending small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theme-dark .drive-preview-modal,
.theme-dark .drive-preview-modal > iframe {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
}

.file-preview-embed-body.theme-dark,
.file-preview-embed-body.theme-dark .file-preview-stage {
    background: #111827;
}

.file-preview-embed-body.theme-dark .file-preview-toolbar {
    background: var(--tblr-bg-surface);
    border-bottom-color: var(--tblr-border-color);
}

.file-preview-embed-body.theme-dark .file-preview-toolbar h1 {
    color: var(--tblr-heading-color);
}

.file-preview-embed-body.theme-dark .file-preview-toolbar .muted {
    color: var(--tblr-secondary);
}

.file-preview-embed-body.theme-dark .file-preview-toolbar .icon-button {
    background: var(--tblr-bg-surface-secondary);
    border-color: var(--tblr-border-color);
    color: var(--tblr-body-color);
}

.file-preview-embed-body.theme-dark .file-preview-toolbar .icon-button:hover {
    background: rgba(var(--tblr-primary-rgb), .1);
}

.drive-upload .button {
    justify-self: start;
}

@media (max-width: 575.98px) {
    .drive-upload--active {
        grid-template-columns: 1fr;
    }

    .drive-upload--active [data-upload-cancel] {
        justify-self: end;
        min-width: 96px;
    }
}

.drive-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
    min-height: 320px;
    align-content: start;
}

.drive-grid--list {
    grid-template-columns: minmax(0, 1fr) !important;
}

.drive-item {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
    border: 1px solid var(--tblr-border-color);
    border-radius: 7px;
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 10px;
    position: relative;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.drive-grid--list .drive-item {
    align-items: center;
    gap: 12px;
    grid-template-columns: 26px 52px minmax(0, 1fr) minmax(120px, auto) 34px;
    padding: 7px 9px;
}

.drive-grid--list .drive-item > label {
    grid-column: 1;
    left: auto;
    position: static;
    top: auto;
}

.drive-grid--list .drive-item__preview {
    grid-column: 2;
    height: 46px;
    width: 46px;
}

.drive-grid--list .drive-item__name {
    grid-column: 3;
}

.drive-grid--list .drive-item__name {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.drive-grid--list .drive-item__name strong {
    min-width: 0;
}

.drive-item__name {
    min-width: 0;
}

.drive-item__name strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drive-grid--list .drive-item small {
    grid-column: 4;
    text-align: right;
}

.drive-grid--list .drive-item-menu {
    grid-column: 5;
    justify-self: end;
    position: relative;
    right: auto;
    top: auto;
}

.drive-grid--list .drive-folder-icon {
    font-size: 30px;
}

.drive-grid--list .drive-file-icon {
    font-size: 9px;
    min-height: 36px;
    min-width: 36px;
    padding: 5px;
}

.drive-grid--list .drive-item:hover {
    transform: none;
}

.drive-item:hover {
    border-color: var(--tblr-primary);
    box-shadow: 0 7px 18px rgba(var(--tblr-primary-rgb), .08);
    transform: translateY(-1px);
}

.drive-item:has(.drive-item-menu.is-open) {
    z-index: 3900;
}

.drive-item.is-drop-target,
.drive-breadcrumbs .is-drop-target {
    background: rgba(var(--tblr-primary-rgb), .1);
    border-color: var(--tblr-primary);
    box-shadow: 0 0 0 3px rgba(var(--tblr-primary-rgb), .16);
}

.drive-item.is-location-target {
    border-color: var(--tblr-primary);
    box-shadow: 0 0 0 3px rgba(var(--tblr-primary-rgb), .22), 0 10px 28px rgba(15, 23, 42, .14);
}

.drive-item > label {
    align-items: center;
    background: color-mix(in srgb, var(--tblr-card-bg, var(--tblr-bg-surface)) 94%, transparent);
    border: 1px solid var(--tblr-border-color);
    border-radius: 5px;
    display: flex;
    height: 26px;
    justify-content: center;
    position: absolute;
    left: 9px;
    top: 9px;
    width: 26px;
    z-index: 2;
}

.drive-item__preview {
    align-items: center;
    aspect-ratio: 4 / 3;
    background: var(--tblr-bg-surface-secondary);
    border: 1px solid var(--tblr-border-color);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-decoration: none;
}

button.drive-item__preview {
    color: inherit;
    cursor: pointer;
    width: 100%;
}

.drive-grid--list .drive-item__preview {
    aspect-ratio: 1;
}

.drive-item__preview img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.drive-resource-badges {
    bottom: 7px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
    max-width: calc(100% - 12px);
    position: absolute;
    right: 7px;
    z-index: 3;
}

.drive-item__name > .drive-resource-badges {
    display: none;
    height: 0;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
    width: 0;
}

.drive-grid--list .drive-item__preview > .drive-resource-badges {
    display: none;
}

.drive-grid--list .drive-item__name > .drive-resource-badges {
    bottom: auto;
    display: inline-flex;
    flex: 0 0 auto;
    height: auto;
    justify-content: flex-start;
    max-width: none;
    overflow: visible;
    pointer-events: auto;
    position: static;
    right: auto;
    width: auto;
}

.drive-grid--list .drive-resource-badge {
    height: 18px;
    width: 18px;
}

.drive-grid--list .drive-resource-badge svg {
    height: 11px;
    width: 11px;
}

.drive-resource-badge {
    align-items: center;
    background: var(--tblr-primary);
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 999px;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .12);
    color: #fff;
    display: inline-flex;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.drive-resource-badge--starred {
    background: #f59f00;
}

.drive-resource-badge--workspace {
    background: #206bc4;
}

.drive-resource-badge--link {
    background: #4299e1;
}

.drive-resource-badge--protected,
.drive-resource-badge--private {
    background: #ae3ec9;
}

.drive-resource-badge svg {
    height: 13px;
    stroke-width: 2.25;
    width: 13px;
}

.drive-resource-badge--starred svg {
    fill: currentColor;
}

.drive-folder-icon {
    font-size: 48px;
}

.drive-file-icon {
    align-items: center;
    background: rgba(var(--tblr-primary-rgb), .1);
    border: 1px solid rgba(var(--tblr-primary-rgb), .18);
    border-radius: 6px;
    color: var(--tblr-primary);
    display: flex;
    font-size: 15px;
    font-weight: 900;
    justify-content: center;
    min-height: 76px;
    min-width: 76px;
    padding: 10px;
}

.drive-video-thumb {
    align-items: center;
    background: #171719;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: -5px;
    min-height: calc(100% + 10px);
    position: relative;
    width: calc(100% + 10px);
}

.drive-video-thumb__play {
    align-items: center;
    background: var(--tblr-primary);
    border-radius: 999px;
    color: var(--tblr-primary-fg, #fff);
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.drive-video-thumb__play svg {
    fill: none;
    height: 22px;
    margin-left: 2px;
    stroke-width: 2.2;
    width: 22px;
}

.drive-video-thumb--locked .drive-video-thumb__play svg {
    margin-left: 0;
}

.drive-video-thumb__type {
    background: rgba(15, 23, 42, .78);
    border-radius: 4px;
    bottom: 9px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    left: 9px;
    line-height: 1;
    padding: 5px 6px;
    position: absolute;
}

.drive-video-thumb__duration {
    background: rgba(15, 23, 42, .78);
    border-radius: 4px;
    bottom: 35px;
    color: #fff;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    left: 9px;
    line-height: 1;
    padding: 5px 6px;
    position: absolute;
}

.drive-grid--list .drive-video-thumb {
    border-radius: 5px;
    margin: 0;
    min-height: 0;
    width: 100%;
}

.drive-grid--list .drive-video-thumb__play {
    height: 28px;
    width: 28px;
}

.drive-grid--list .drive-video-thumb__play svg {
    height: 14px;
    width: 14px;
}

.drive-grid--list .drive-video-thumb__type,
.drive-grid--list .drive-video-thumb__duration {
    display: none;
}

.drive-audio-thumb {
    align-items: center;
    background: #ede9fe;
    color: #6d28d9;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: -5px;
    min-height: calc(100% + 10px);
    position: relative;
    width: calc(100% + 10px);
}

.drive-audio-thumb__icon {
    align-items: center;
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(255, 255, 255, .92);
    border-radius: 999px;
    color: #6d28d9;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.drive-audio-thumb__icon svg {
    height: 22px;
    stroke-width: 2.4;
    width: 22px;
}

.drive-audio-thumb__type {
    background: rgba(15, 23, 42, .78);
    border-radius: 4px;
    bottom: 9px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    left: 9px;
    line-height: 1;
    padding: 5px 6px;
    position: absolute;
}

.drive-audio-thumb__duration {
    background: rgba(15, 23, 42, .78);
    border-radius: 4px;
    bottom: 35px;
    color: #fff;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    left: 9px;
    line-height: 1;
    padding: 5px 6px;
    position: absolute;
}

.drive-grid--list .drive-audio-thumb {
    border-radius: 5px;
    margin: 0;
    min-height: 0;
    width: 100%;
}

.drive-grid--list .drive-audio-thumb__icon {
    height: 28px;
    width: 28px;
}

.drive-grid--list .drive-audio-thumb__icon svg {
    height: 14px;
    width: 14px;
}

.drive-grid--list .drive-audio-thumb__type,
.drive-grid--list .drive-audio-thumb__duration {
    display: none;
}

.drive-item strong,
.drive-item small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drive-item-menu {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 40;
}

.drive-item-menu > button {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
    border: 1px solid var(--tblr-border-color);
    border-radius: 5px;
    color: var(--tblr-body-color);
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
    height: 28px;
    line-height: 18px;
    padding: 2px 8px 6px;
    width: 30px;
}

.drive-item-menu > div {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
    border: 1px solid var(--tblr-border-color);
    border-radius: 6px;
    box-shadow: 0 12px 25px rgba(15, 23, 42, .16);
    display: none;
    max-height: min(420px, calc(100vh - 24px));
    min-width: 170px;
    overflow: auto;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 4000;
}

.drive-item-menu.is-open > div {
    display: grid;
}

.drive-item-menu.is-open.is-open-above > div {
    bottom: 30px;
    top: auto;
}

.drive-item-menu a,
.drive-item-menu div button {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--tblr-body-color);
    cursor: pointer;
    display: flex;
    gap: .45rem;
    font-size: 12px;
    padding: 8px;
    text-align: left;
    text-decoration: none;
}

.drive-item-menu a svg,
.drive-item-menu div button svg {
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.drive-item-menu a:hover,
.drive-item-menu div button:hover {
    background: var(--tblr-bg-surface-secondary);
}

@media (max-width: 820px) {
    .file-manager-page-header .row {
        align-items: stretch !important;
    }

    .file-manager-page-header .col,
    .file-manager-page-header .col-auto {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .file-manager-page-header .col-auto {
        justify-content: flex-start;
        margin-left: 0 !important;
        margin-top: .5rem;
    }

    .drive-manager {
        grid-template-columns: minmax(0, 1fr);
        min-height: calc(100vh - 172px);
        overflow: visible;
    }

    .drive-sidebar {
        background: var(--tblr-bg-surface);
        border-right: 1px solid var(--tblr-border-color);
        bottom: 0;
        box-shadow: 18px 0 42px rgba(15, 23, 42, .18);
        justify-content: flex-start;
        left: 0;
        max-height: none;
        max-width: 336px;
        overflow-y: auto;
        padding: 14px;
        position: fixed;
        top: 0;
        transform: translateX(-105%);
        transition: transform 180ms ease;
        width: min(86vw, 336px);
        z-index: 1245;
    }

    .drive-manager.is-sidebar-open .drive-sidebar {
        transform: translateX(0);
    }

    .drive-sidebar__mobile-head {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        min-height: 36px;
    }

    .drive-sidebar-backdrop {
        background: rgba(15, 23, 42, .42);
        border: 0;
        bottom: 0;
        cursor: default;
        display: block;
        left: 0;
        padding: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1240;
    }

    .drive-sidebar-toggle {
        display: inline-flex;
        flex: 0 0 auto;
    }

    .drive-workspace {
        padding: 14px;
    }

    .drive-toolbar {
        display: contents;
        gap: 12px;
        margin: 0 0 14px;
    }

    .drive-toolbar__title {
        background: var(--tblr-card-bg, var(--tblr-bg-surface));
        border-bottom: 1px solid var(--tblr-border-color);
        border-top: 1px solid var(--tblr-border-color);
        margin: 12px -14px 14px;
        padding: 10px 14px;
        position: sticky;
        top: var(--drive-mobile-sticky-top, 0px);
        width: 100%;
        z-index: 1025;
    }

    .drive-toolbar__title > div {
        min-width: 0;
    }

    .drive-toolbar__controls {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr 1fr auto auto;
        margin-bottom: 0;
        width: 100%;
    }

    .drive-toolbar__controls .drive-search {
        grid-column: 1 / -1;
        width: 100%;
    }

    .drive-toolbar__controls .drive-search input {
        min-width: 0;
        width: 100%;
    }

    .drive-toolbar__controls .form-select,
    .drive-toolbar__controls .ts-wrapper {
        min-width: 0;
        width: 100%;
    }

    [data-manager-fullscreen] {
        display: none !important;
    }

    .drive-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .drive-grid--list .drive-item {
        grid-template-columns: 26px 48px minmax(0, 1fr) 34px;
    }

    .drive-grid--list .drive-item > small {
        grid-column: 3;
        text-align: left;
    }

    .drive-grid--list .drive-item-menu {
        grid-column: 4;
    }
}

@media (max-width: 575.98px) {
    .drive-workspace {
        padding: 12px;
    }

    .drive-toolbar__title {
        margin: 12px -12px 12px;
        padding-inline: 12px;
    }

    .drive-toolbar__controls {
        grid-template-columns: 1fr 1fr repeat(2, 34px);
    }

    .drive-toolbar__controls .btn-icon {
        width: 34px;
    }

    .drive-grid:not(.drive-grid--list) {
        gap: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .drive-grid:not(.drive-grid--list) .drive-item {
        gap: 5px;
        padding: 7px;
    }

    .drive-grid:not(.drive-grid--list) .drive-folder-icon {
        font-size: 38px;
    }

    .drive-grid:not(.drive-grid--list) .drive-file-icon {
        font-size: 11px;
        min-height: 54px;
        min-width: 54px;
        padding: 6px;
    }

    .file-preview-download {
        height: 36px;
        padding: 0;
        width: 36px;
    }

    .file-preview-download span {
        display: none;
    }
}

.drive-context-menu {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
    border: 1px solid var(--tblr-border-color);
    border-radius: 7px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .18);
    display: grid;
    min-width: 190px;
    padding: 6px;
    position: fixed;
    z-index: 3000;
}

.drive-context-menu[hidden] {
    display: none;
}

.drive-context-menu a,
.drive-context-menu button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 5px;
    color: var(--tblr-body-color);
    cursor: pointer;
    display: flex;
    gap: .5rem;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 10px;
    text-align: left;
    text-decoration: none;
}

.drive-context-menu a svg,
.drive-context-menu button svg {
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

.file-audio-dock {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
    border: 1px solid var(--tblr-border-color);
    border-radius: 8px 8px 0 0;
    bottom: 0;
    box-shadow: 0 -12px 35px rgba(15, 23, 42, .16);
    left: max(18px, calc(var(--sidebar-width, 250px) + 18px));
    position: fixed;
    right: 18px;
    z-index: 3500;
}

.file-audio-dock[hidden] {
    display: none;
}

.file-audio-dock--iframe {
    height: 112px;
}

.file-audio-dock--iframe iframe {
    border: 0;
    height: 100%;
    width: 100%;
}

.file-audio-dock__close {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2;
}

.file-audio-dock__main {
    align-items: center;
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(3, 36px) minmax(150px, 1fr) minmax(140px, 2fr) 90px auto repeat(4, 36px);
    padding: 10px 12px;
}

.file-audio-dock__meta {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.file-audio-dock__meta strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-audio-dock__meta span,
.file-audio-track small {
    color: var(--text-muted);
    font-size: 11px;
}

.file-audio-dock input[type="range"] {
    min-width: 0;
    width: 100%;
}

.file-audio-autoplay {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 5px;
    white-space: nowrap;
}

.file-audio-playlist {
    border-top: 1px solid var(--border);
    display: grid;
    gap: 4px;
    max-height: 280px;
    overflow: auto;
    padding: 9px;
}

.file-audio-playlist[hidden],
.file-audio-dock.is-minimized .file-audio-playlist,
.file-audio-dock.is-minimized .file-audio-dock__meta,
.file-audio-dock.is-minimized [data-audio-progress],
.file-audio-dock.is-minimized [data-audio-volume],
.file-audio-dock.is-minimized .file-audio-autoplay {
    display: none;
}

.file-audio-dock.is-minimized {
    left: auto;
    width: min(310px, calc(100vw - 24px));
}

.file-audio-dock.is-minimized .file-audio-dock__main {
    grid-template-columns: repeat(3, 36px) repeat(4, 36px);
}

.file-audio-playlist__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.file-audio-track {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--text);
    cursor: pointer;
    display: grid;
    gap: 2px;
    padding: 8px;
    text-align: left;
}

.file-audio-track:hover,
.file-audio-track.is-active {
    background: var(--surface-soft);
    border-color: var(--border);
}

.public-audio-layout {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    max-width: 760px;
    padding: 16px;
    width: min(100%, 760px);
}

.public-audio-layout audio {
    width: 100%;
}

.theme-dark .file-audio-dock {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
}

@media (max-width: 900px) {
    .file-audio-dock {
        left: 10px;
        right: 10px;
    }

    .file-audio-dock__main {
        grid-template-columns: repeat(3, 34px) minmax(120px, 1fr) repeat(3, 34px);
    }

    .file-audio-dock [data-audio-progress],
    .file-audio-dock [data-audio-volume],
    .file-audio-autoplay {
        display: none;
    }
}

.drive-context-menu a:hover,
.drive-context-menu button:hover {
    background: var(--surface-soft);
}

.drive-toast {
    background: #172033;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 7px;
    bottom: 22px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .22);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    max-width: min(360px, calc(100vw - 32px));
    padding: 11px 14px;
    position: fixed;
    right: 22px;
    z-index: 4000;
}

.drive-toast[hidden] {
    display: none;
}

.drive-empty {
    color: #64748b;
    padding: 60px 20px;
    text-align: center;
}

body.theme-dark .drive-nav button.is-active,
body.theme-dark .drive-nav button:hover {
    color: var(--tblr-primary);
}

body.theme-dark .drive-trash-actions span {
    color: #fca5a5;
}

body.theme-dark .drive-resource-badge {
    border-color: rgba(255, 255, 255, .28);
    color: #fff;
}

body.theme-dark .file-picker-card,
body.theme-dark .file-picker-folder,
body.theme-dark .file-picker-breadcrumbs button {
    background: #1f2937;
    border-color: #334155;
    color: #f8fafc;
}

body.theme-dark .file-picker-card strong,
body.theme-dark .file-picker-folder strong {
    color: #f8fafc;
}

body.theme-dark #fileManagerPickerModal input[type="search"] {
    background: #111827;
    border-color: #334155;
    color: #f8fafc;
}

body.theme-dark #fileManagerPickerModal input[type="search"]::placeholder {
    color: #94a3b8;
}

.drive-pins {
    border-top: 1px solid var(--tblr-border-color);
    display: grid;
    gap: 7px;
    margin-top: 14px;
    padding: 12px 4px;
}

.drive-pins[hidden] {
    display: none;
}

.drive-pins strong {
    color: var(--tblr-secondary);
    font-size: 11px;
    text-transform: uppercase;
}

.drive-pins div {
    display: grid;
    gap: 4px;
}

.drive-pins button {
    background: transparent;
    border: 0;
    border-radius: 5px;
    color: var(--tblr-body-color);
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    padding: 8px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drive-pins button:hover {
    background: rgba(var(--tblr-primary-rgb), .1);
    color: var(--tblr-primary);
}

.folder-combobox {
    display: grid;
    gap: 7px;
    position: relative;
}

.folder-combobox__list {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 7px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .16);
    display: grid;
    margin-top: 2px;
    max-height: 220px;
    overflow: auto;
    padding: 5px;
    position: fixed;
    z-index: 5200;
}

.folder-combobox__list[hidden],
[data-custom-expiry][hidden] {
    display: none !important;
}

.folder-combobox__list button {
    background: transparent;
    border: 0;
    border-radius: 5px;
    color: var(--text);
    cursor: pointer;
    font-size: 13px;
    padding: 9px;
    text-align: left;
}

.folder-combobox__list button:hover,
.folder-combobox__list button.is-active {
    background: rgba(32, 95, 220, .1);
    color: #205fdc;
}

.drive-info {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 18px;
}

.drive-info div {
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 6px;
    display: grid;
    gap: 3px;
    padding: 9px;
}

.drive-info dt {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.drive-info dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.file-manager-mini-player {
    background: var(--surface-soft);
    margin: 0;
    padding: 16px;
}

.mini-audio-shell,
.mini-audio-now {
    display: grid;
    gap: 10px;
}

.mini-audio-shell {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    min-height: calc(100vh - 32px);
    padding: 14px;
}

.mini-audio-shell h1 {
    font-size: 20px;
    margin: 0;
}

.mini-audio-controls {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, 38px) minmax(90px, 1fr);
}

.mini-audio-shell input[type="range"] {
    width: 100%;
}

.file-document-preview {
    background: #eef2f7;
    margin: 0;
    min-height: 100vh;
    padding: 16px;
}

.file-document-preview--selection-locked,
.file-document-preview--selection-locked * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.file-document-preview--selection-locked canvas,
.file-document-preview--selection-locked img {
    -webkit-user-drag: none;
    user-drag: none;
}

.file-document-preview [data-document-preview] {
    display: grid;
    gap: 14px;
}

.file-document-preview canvas,
.file-document-preview .docx-wrapper,
.file-document-preview pre,
.document-sheet-body {
    background: #fff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 5px 18px rgba(15, 23, 42, .08);
    margin: 0 auto;
    max-width: 100%;
}

.file-document-preview pre {
    box-sizing: border-box;
    overflow: auto;
    padding: 16px;
    width: 100%;
}

.document-sheet-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.document-sheet-tabs button {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    cursor: pointer;
    padding: 7px 10px;
}

.document-sheet-tabs button.is-active {
    background: #205fdc;
    color: #fff;
}

.document-sheet-body {
    overflow: auto;
    width: 100%;
}

.document-sheet-body table {
    border-collapse: collapse;
    min-width: 100%;
}

.document-sheet-body td {
    border: 1px solid #e2e8f0;
    padding: 7px;
    white-space: nowrap;
}

.submission-details {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.submission-details div {
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 6px;
    display: grid;
    gap: 4px;
    padding: 10px;
}

.submission-details dt {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.submission-details dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.playlist-track-options {
    border: 1px solid var(--border);
    border-radius: 6px;
    display: grid;
    gap: 6px;
    max-height: 300px;
    overflow: auto;
    padding: 9px;
}

body.theme-dark .folder-combobox__list,
body.theme-dark .drive-info div,
body.theme-dark .mini-audio-shell {
    background: var(--tblr-card-bg, var(--tblr-bg-surface));
    border-color: var(--tblr-border-color);
}

.drive-share-users,
.drive-share-user-results {
    display: grid;
    gap: 7px;
    margin-top: 10px;
}

.drive-share-user {
    align-items: center;
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--text);
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 9px;
    text-align: left;
}

.drive-share-user div,
.drive-share-user:not(article) {
    cursor: pointer;
}

.drive-share-user small {
    color: var(--text-muted);
    display: block;
}

.drive-share-search {
    background: var(--surface);
    color: var(--text);
    min-height: 42px;
    padding: 10px 12px;
    width: 100%;
}

.drive-share-user.is-pending {
    border-color: #205fdc;
}

.playlist-manager-list,
.playlist-song-list {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.playlist-manager-card,
.playlist-song-list article {
    align-items: center;
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 6px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 11px 12px;
}

.playlist-manager-card small {
    color: var(--text-muted);
    display: block;
    margin-top: 3px;
}

.playlist-manager-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
}

.playlist-song-section + .playlist-song-section {
    border-top: 1px solid var(--border);
    margin-top: 16px;
    padding-top: 14px;
}

.playlist-song-section h3 {
    margin: 0 0 8px;
}

.playlist-song-search label {
    display: grid;
    gap: 6px;
}

.playlist-song-search input[type="search"] {
    background: var(--surface);
    color: var(--text);
    min-height: 42px;
    padding: 10px 12px;
    width: 100%;
}

.file-manager-mini-player.is-compact {
    padding: 0;
}

.file-manager-mini-player.is-compact .mini-audio-shell {
    border: 0;
    border-radius: 0;
    min-height: 112px;
    padding: 10px 54px 10px 12px;
}

.file-manager-mini-player.is-compact .mini-audio-shell header,
.file-manager-mini-player.is-compact .file-audio-playlist,
.file-manager-mini-player.is-compact .file-audio-autoplay {
    display: none;
}

.document-pdf-frame {
    background: #ffffff;
    border: 0;
    display: block;
    height: calc(100vh - 32px);
    min-height: 640px;
    width: 100%;
}

.audio-open-choice {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.audio-open-choice button {
    align-items: flex-start;
    display: grid;
    gap: 4px;
    justify-items: start;
    min-height: 92px;
    padding: 14px;
    text-align: left;
}

.audio-open-choice small {
    color: var(--text-muted);
    font-weight: 500;
    line-height: 1.45;
}

@media (max-width: 620px) {
    .audio-open-choice {
        grid-template-columns: 1fr;
    }

    .drive-info {
        grid-template-columns: 1fr;
    }
}

.filters {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 20px;
}

.filters--tickets {
    align-items: end;
    background: var(--panel-muted);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    grid-template-columns: minmax(220px, 1.5fr) repeat(4, minmax(150px, 1fr)) auto;
    padding: 14px;
}

.filters--tickets label {
    color: var(--text-muted);
    display: grid;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    margin: 0;
    text-transform: uppercase;
}

.filters--tickets input,
.filters--tickets select {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: #111827;
    font: inherit;
    min-height: 42px;
    padding: 10px 12px;
    width: 100%;
}

.theme-dark .filters--tickets input,
.theme-dark .filters--tickets select {
    background: #0f172a;
    border-color: #374151;
    color: #f9fafb;
}

.filters__actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.icon-button-field {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    height: 44px;
    justify-content: center;
    min-width: 44px;
    padding: 0;
}

.stack-list {
    display: grid;
    gap: 12px;
}

.stack-list__item {
    align-items: center;
    background: var(--panel-muted);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 14px 16px;
}

.stack-list__item[hidden],
[data-activity-page-item][hidden] {
    display: none !important;
}

.stack-list__item.is-unread {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 1px rgba(184, 137, 60, 0.15);
}

.stack-list__item p,
.stack-list__item strong,
.stack-list__item small {
    margin: 0;
}

.ticket-layout {
    align-items: start;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr);
}

.ticket-thread,
.ticket-sidebar {
    display: grid;
    gap: 20px;
}

.ticket-summary-card {
    display: grid;
    gap: 10px;
    padding: 16px 20px;
}

.ticket-summary-card__meta,
.ticket-summary-card__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ticket-summary-card__main {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.ticket-summary-card__links {
    justify-content: flex-end;
}

.ticket-summary-details {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    margin-top: 10px;
}

.ticket-summary-details div {
    background: transparent;
    border: 0;
    border-left: 1px solid var(--border-color);
    border-radius: 0;
    display: grid;
    gap: 3px;
    padding: 0 10px;
}

.ticket-summary-details div:first-child {
    border-left: 0;
    padding-left: 0;
}

.ticket-summary-details span,
.ticket-portal-details span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.ticket-summary-details strong,
.ticket-portal-details strong {
    color: var(--text-color);
    font-size: 14px;
}

.ticket-overview-panel {
    display: grid;
    gap: 16px;
    padding: 22px;
}

.ticket-overview-panel[hidden] {
    display: none !important;
}

.ticket-overview-head {
    align-items: flex-start;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ticket-overview-head h2 {
    font-size: 26px;
    margin-bottom: 0;
}

.ticket-overview-badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ticket-overview-grid {
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ticket-overview-grid > div {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.72));
    border: 1px solid var(--border-color);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
    min-width: 0;
    padding: 14px;
}

.ticket-overview-grid strong {
    color: var(--text-muted);
    font-size: 12px;
    text-transform: uppercase;
}

.ticket-overview-grid span,
.ticket-overview-grid a {
    color: var(--text-color);
    font-weight: 700;
    min-width: 0;
    overflow-wrap: anywhere;
}

.ticket-overview-grid a {
    color: var(--accent);
}

.ticket-overview-grid a:hover {
    color: var(--accent-hover);
    text-decoration: underline;
}

.theme-dark .ticket-overview-grid > div {
    background: #111827;
}

.ticket-product-modal {
    display: grid;
    gap: 16px;
}

.ticket-product-modal__image {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: block;
    max-height: 260px;
    max-width: 100%;
    object-fit: contain;
}

.ticket-product-modal__details {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ticket-product-modal__details div,
.ticket-product-modal__section {
    background: var(--panel-muted);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 14px;
}

.ticket-product-modal__details span {
    color: var(--text-muted);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.ticket-product-modal__section {
    line-height: 1.55;
}

.ticket-detail-grid,
.input-copy-row {
    display: grid;
    gap: 14px;
}

.ticket-detail-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin-bottom: 16px;
}

.ticket-detail-grid div {
    background: var(--panel-muted);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

.ticket-detail-grid span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.input-copy-row {
    align-items: end;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 18px;
}

.clickable-row {
    cursor: pointer;
}

.grid-span-2 {
    grid-column: 1 / -1;
}

.product-thumb {
    border: 1px solid var(--border-color);
    border-radius: 6px;
    display: block;
    height: 42px;
    object-fit: cover;
    width: 56px;
}

.product-image-detail {
    grid-row: span 2;
}

.product-image-detail img {
    border-radius: 8px;
    display: block;
    max-height: 180px;
    max-width: 100%;
    object-fit: contain;
}

.product-detail-section {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    margin-top: 16px;
    padding: 16px;
}

.product-detail-section h3 {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 900;
    margin: 0 0 12px;
}

.product-detail-section__body {
    background: transparent;
    margin: 0;
}

.product-detail-section__body p:first-child {
    margin-top: 0;
}

.product-detail-section__body p:last-child {
    margin-bottom: 0;
}

.product-description-head {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.product-description-head label {
    margin: 0;
}

.product-ai-form {
    display: grid;
    gap: 14px;
}

.product-ai-form [hidden] {
    display: none !important;
}

.ticket-pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    margin-top: 14px;
}

.ticket-message-list {
    display: grid;
    gap: 14px;
}

.ticket-conversation-scroll {
    background: #f7f3ec;
    border: 1px solid #d7dee9;
    border-radius: 8px;
    max-height: 620px;
    overflow-y: auto;
    padding: 14px;
}

.ticket-message {
    background: var(--panel-muted);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 16px;
}

.ticket-message--internal_note {
    border-left: 4px solid #b8893c;
}

.ticket-message--public {
    border-left: 4px solid #2f6fdd;
}

.ticket-message--customer {
    background: #ffffff;
    margin-right: clamp(0px, 8vw, 72px);
}

.ticket-message--agent {
    background: #f8fafc;
    margin-left: clamp(0px, 8vw, 72px);
}

.theme-dark .ticket-message--customer,
.theme-dark .ticket-message--agent,
.theme-dark .ticket-reply-composer,
.theme-dark .ticket-comment,
.theme-dark .ticket-message-modal-source,
.theme-dark .ticket-file-card {
    background: #0f172a;
    border-color: #374151;
    color: #f9fafb;
}

.theme-dark .ticket-conversation-scroll {
    background: #110f0f;
    border-color: #334155;
}

.theme-dark .ticket-comments-search input {
    background: #0f172a;
    border-color: #374151;
    color: #f9fafb;
}

.theme-dark .ticket-comment-row,
.theme-dark .mention-suggestions {
    background: #0f172a;
    border-color: #334155;
    color: #f9fafb;
}

.theme-dark .ticket-comment-row:hover {
    background: #111c31;
    border-color: #4b5f80;
}

.theme-dark .ticket-comment-row__avatar {
    background: #1e3a8a;
    color: #dbeafe;
}

.theme-dark .ticket-comment-row__message,
.theme-dark .ticket-comment-row__head small,
.theme-dark .mention-suggestions small {
    color: #a7b3c6;
}

.theme-dark .mention-suggestions button:hover,
.theme-dark .mention-suggestions button:focus {
    background: #1e293b;
}

.ticket-message__head {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.ticket-message__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ticket-message__head strong,
.ticket-message__head small {
    display: block;
}

.ticket-message__body {
    color: var(--text-color);
    line-height: 1.65;
    white-space: normal;
}

.ticket-reply-composer {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    margin-top: 18px;
    padding: 16px;
}

.ticket-editor__surface {
    line-height: 1.65;
    min-height: 180px;
    max-height: 350px;
    outline: 0;
    overflow-y: auto;
    padding: 12px;
    white-space: pre-wrap;
}

.ticket-editor__surface p {
    margin: 0 0 0.85em;
}

.ticket-editor__surface p:last-child {
    margin-bottom: 0;
}

.ticket-attachment-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.ticket-reply-attachments {
    display: grid;
    gap: 8px;
}

.ticket-reply-dropzone {
    align-items: center;
    background: rgba(32, 95, 220, .025);
    border: 1px dashed rgba(32, 95, 220, .38);
    border-radius: 8px;
    display: grid;
    gap: 5px;
    justify-items: center;
    padding: 20px 14px;
    text-align: center;
    transition: background .16s ease, border-color .16s ease;
}

.ticket-reply-dropzone.is-dragging {
    background: rgba(32, 95, 220, .1);
    border-color: #205fdc;
}

.ticket-reply-dropzone span,
.ticket-reply-attachments > small {
    color: var(--text-muted);
    font-size: 12px;
}

.ticket-reply-dropzone input {
    display: none;
}

.ticket-reply-attachment-files {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ticket-reply-attachment-files[hidden] {
    display: none !important;
}

.ticket-reply-attachment-files span {
    background: rgba(32, 95, 220, .08);
    border: 1px solid rgba(32, 95, 220, .18);
    border-radius: 999px;
    color: #205fdc;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 9px;
}

.theme-dark .ticket-reply-dropzone {
    background: rgba(152, 178, 221, .05);
    border-color: rgba(152, 178, 221, .42);
}

.theme-dark .ticket-reply-attachment-files span {
    background: rgba(152, 178, 221, .1);
    border-color: rgba(152, 178, 221, .24);
    color: #98b2dd;
}

.ticket-attachment-chip {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 800;
    padding: 7px 10px;
    text-decoration: none;
}

.ticket-attachment-chip--download {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    gap: 8px;
}

.ticket-attachment-chip--download span {
    background: #ffffff;
    border-radius: 999px;
    color: #1e40af;
    font-size: 11px;
    padding: 3px 7px;
}

.ticket-attachment-image {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: block;
    overflow: hidden;
}

.ticket-attachment-image img {
    display: block;
    height: 86px;
    object-fit: cover;
    width: 116px;
}

.customer-thread-button {
    background: #111827;
    border-color: #111827;
    color: #ffffff;
    padding-inline: 16px;
}

.customer-thread-button:hover {
    background: #374151;
    color: #ffffff;
}

.ticket-message-comments {
    border-top: 1px solid var(--border-color);
    margin-top: 14px;
    padding-top: 12px;
}

.ticket-message-comments summary {
    color: var(--accent);
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
}

.ticket-comment,
.ticket-comment-form {
    margin-top: 12px;
}

.ticket-comment {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 10px 12px;
}

.ticket-comment p {
    margin: 6px 0 0;
}

.ticket-comments-search {
    color: var(--text-muted);
    display: grid;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    margin-bottom: 16px;
}

.ticket-comments-search input {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font: inherit;
    min-height: 42px;
    padding: 10px 12px;
}

.ticket-comment-list {
    display: grid;
    gap: 12px;
}

.ticket-comment-row {
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 12px;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    padding: 14px;
    text-align: left;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
    width: 100%;
}

.ticket-comment-row:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-1px);
}

.ticket-comment-row__avatar {
    align-items: center;
    background: #dbeafe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.ticket-comment-row__content {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.ticket-comment-row__head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}

.ticket-comment-row__head small,
.ticket-comment-row__message {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
}

.ticket-comment-row__body {
    color: var(--text-color);
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-message-modal-source {
    background: #eef6ff;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #2f6fdd;
    border-radius: 8px;
    margin-bottom: 14px;
    padding: 14px;
}

.ticket-message-modal-source__label {
    color: #1d4ed8;
    display: inline-block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.ticket-message-modal-source__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ticket-message-modal-source p,
.ticket-message-modal-source__body {
    line-height: 1.65;
    margin: 10px 0 0;
}

.theme-dark .ticket-message-modal-source {
    background: #0b1b33;
    border-color: #1d4ed8;
}

.ticket-reply-preview {
    background: var(--panel-muted);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    line-height: 1.65;
    max-height: 320px;
    overflow-y: auto;
    padding: 14px;
    white-space: normal;
}

.ticket-modal-comments {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
    max-height: 280px;
    overflow-y: auto;
}

.mention-suggestions {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .18);
    display: grid;
    gap: 2px;
    max-height: 240px;
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    z-index: 1200;
}

.mention-suggestions--modal {
    z-index: 1320;
}

.mention-suggestions[hidden] {
    display: none;
}

.mention-suggestions button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 2px;
    padding: 9px 10px;
    text-align: left;
}

.mention-suggestions button:hover,
.mention-suggestions button:focus {
    background: #eff6ff;
    outline: none;
}

.mention-suggestions small {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
}

.ticket-note-form {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 22px;
    padding-bottom: 22px;
}

.ticket-note-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ticket-notes-list {
    margin-top: 8px;
}

.ticket-image-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    margin-bottom: 20px;
}

.ticket-file-card {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 10px;
}

.ticket-file-check {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
}

.ticket-file-card img {
    aspect-ratio: 4 / 3;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.ticket-document-list {
    display: grid;
    gap: 10px;
}

.notification-list__item {
    color: inherit;
    text-decoration: none;
}

.ticket-portal-body {
    background: #f4f7fb;
    color: #111827;
    margin: 0;
}

.ticket-portal-shell {
    display: grid;
    gap: 22px;
    margin: 0 auto;
    max-width: 920px;
    padding: clamp(18px, 4vw, 48px);
}

.ticket-portal-hero,
.ticket-portal-panel {
    border-radius: 10px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .06);
}

.ticket-portal-hero__head {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ticket-portal-status {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ticket-portal-hero h1 {
    margin-bottom: 8px;
}

.ticket-portal-details {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.ticket-portal-details div {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

.ticket-portal-conversation {
    background: #eef2f7;
    border: 1px solid #d8e0eb;
    border-radius: 10px;
    max-height: 560px;
    overflow-y: auto;
    padding: 14px;
}

.ticket-ai-suggestion,
.ticket-ai-summary {
    background: var(--panel-muted);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    display: grid;
    gap: 12px;
    padding: 16px;
}

.ticket-ai-suggestion h3 {
    margin: 0;
}

.ticket-ai-suggestion__body {
    color: var(--text-color);
    line-height: 1.65;
    white-space: pre-wrap;
}

.ticket-ai-summary--saved {
    background: #f8fafc;
    border-left: 3px solid var(--accent);
    gap: 10px;
    margin-bottom: 14px;
    padding: 12px 14px;
}

.ticket-ai-summary--details {
    margin-top: 18px;
}

.ticket-ai-summary__head {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.ticket-ai-summary__side {
    align-items: flex-end;
    display: grid;
    gap: 8px;
    justify-items: end;
}

.ticket-ai-summary__button {
    font-size: 12px;
    min-height: 30px;
    padding: 7px 10px;
}

.ticket-ai-action-help {
    background: #f8fafc;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    color: var(--text-muted);
    display: grid;
    font-size: 12px;
    gap: 6px;
    line-height: 1.45;
    margin-top: 8px;
    padding: 10px 12px;
}

.ticket-ai-action-help p {
    margin: 0;
}

.ticket-ai-action-help ul {
    margin: 6px 0 0;
    padding-left: 18px;
}

.ticket-ai-action-help li {
    margin: 3px 0;
}

.ticket-ai-action-help strong {
    color: var(--text-color);
}

.ticket-ai-summary__head h3,
.ticket-ai-summary__meta {
    margin: 0;
}

.ticket-ai-summary__head h3 {
    font-size: 15px;
}

.ticket-ai-summary__head .muted {
    font-size: 12px;
    margin: 4px 0 0;
}

.ticket-ai-summary__meta {
    color: var(--text-muted);
    display: grid;
    font-size: 11px;
    gap: 6px;
    text-align: right;
}

.ticket-ai-summary__body {
    color: var(--text-color);
    font-size: 13px;
    line-height: 1.55;
}

.theme-dark .ticket-ai-summary--saved {
    background: #0f172a;
    border-color: #334155;
    border-left-color: var(--accent);
    box-shadow: inset 0 0 0 1px rgba(215, 173, 99, 0.08);
}

.theme-dark .ticket-ai-summary__head h3,
.theme-dark .ticket-ai-summary__body {
    color: #f8fafc;
}

.theme-dark .ticket-ai-summary__head .muted,
.theme-dark .ticket-ai-summary__meta {
    color: #a7b3c6;
}

.theme-dark .ticket-ai-summary__meta strong {
    color: #f1e5cf;
}

.theme-dark .ticket-ai-action-help {
    background: #0f172a;
    border-color: #334155;
    color: #a7b3c6;
}

.theme-dark .ticket-ai-action-help strong {
    color: #f8fafc;
}

.detail-list {
    display: grid;
    gap: 14px;
}

.detail-list--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detail-list div {
    display: grid;
    gap: 4px;
}

.detail-list strong {
    color: var(--text-muted);
    font-size: 13px;
    margin: 0;
}

.ticket-portal-body {
    background: #f4f7fb;
    margin: 0;
    min-height: 100vh;
}

.ticket-portal {
    display: grid;
    gap: 22px;
    margin: 0 auto;
    max-width: 920px;
}

.dt-container {
    font-family: Arial, Helvetica, sans-serif;
}

.theme-dark .dt-container,
.theme-dark .dt-container .dt-info,
.theme-dark .dt-container .dt-length,
.theme-dark .dt-container .dt-search {
    color: #e5e7eb;
}

.theme-dark .dt-container .dt-paging .dt-paging-button {
    background: #111827;
    border: 1px solid #263244;
    border-radius: 6px;
    color: #e5e7eb !important;
}

.theme-dark .dt-container .dt-paging .dt-paging-button.current,
.theme-dark .dt-container .dt-paging .dt-paging-button.current:hover {
    background: var(--accent);
    border-color: var(--accent);
    color: #ffffff !important;
}

.theme-dark .dt-container .dt-paging .dt-paging-button:hover {
    background: #1f2937;
    border-color: #334155;
    color: #ffffff !important;
}

.theme-dark .dt-container .dt-paging .dt-paging-button.disabled,
.theme-dark .dt-container .dt-paging .dt-paging-button.disabled:hover {
    background: transparent;
    border-color: transparent;
    color: #64748b !important;
}

@media (max-width: 820px) {
    .auth-topbar,
    .hero,
    .toolbar,
    .system-info-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .layout {
        display: block;
    }

    .app-shell--auth {
        padding: 22px 14px;
    }

    .auth-split {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .auth-split__intro {
        padding: 26px;
    }

    .auth-split__intro h1 {
        font-size: 30px;
    }

    .auth-split__content,
    .auth-center {
        align-items: stretch;
        min-height: auto;
    }

    .auth-card {
        padding: 24px;
    }

    .sidebar {
        height: auto;
        min-height: auto;
        position: static;
        width: 100%;
    }

    .sidebar__nav {
        max-height: 45vh;
    }

    .app-shell,
    .sidebar-collapsed .app-shell {
        margin-left: 0;
        padding-top: 84px;
        width: 100%;
    }

    .app-shell__topbar,
    .sidebar-collapsed .app-shell__topbar {
        left: 0;
        min-height: 56px;
    }

    .saas-admin-body .app-shell,
    .saas-admin-body.sidebar-collapsed .app-shell {
        margin-left: 0;
        padding: 84px 18px 32px;
        width: 100%;
    }

    .saas-admin-body .app-shell__topbar,
    .saas-admin-body.sidebar-collapsed .app-shell__topbar {
        gap: 12px;
        left: 0;
        padding: 0 18px;
    }

    .saas-admin-body .sidebar {
        height: auto;
        padding-top: 56px;
        position: static;
        width: 100%;
    }

    .saas-admin-body .sidebar__head,
    .saas-admin-body .sidebar__profile {
        display: none;
    }

    .saas-admin-body .sidebar__nav {
        display: flex;
        gap: 8px;
        max-height: none;
        overflow-x: auto;
        padding: 10px 14px;
    }

    .saas-admin-body .sidebar__nav a {
        flex: 0 0 auto;
        min-height: 38px;
        padding: 9px 12px;
        width: auto;
    }

    .saas-admin-body .sidebar__footer {
        display: none;
    }

        text-align: left;
    }

    .copy-field {
        flex-direction: column;
    }

    .filters__actions {
        justify-content: stretch;
    }

    .filters__actions .button {
        flex: 1;
    }

    .saas-filter-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ticket-message--customer,
    .ticket-message--agent {
        margin-left: 0;
        margin-right: 0;
    }

    .detail-list--grid {
        grid-template-columns: 1fr;
    }

    .ticket-summary-card__main,
    .ticket-summary-details,
    .ticket-overview-grid,
    .asset-manager,
    .ticket-product-modal__details {
        grid-template-columns: 1fr;
    }

    .asset-manager__sidebar {
        position: static;
    }

    .ticket-summary-details div,
    .ticket-summary-details div:first-child {
        border-left: 0;
        border-top: 1px solid var(--border-color);
        padding: 8px 0 0;
    }

    .ticket-summary-card__links {
        justify-content: stretch;
    }

    .email-overview__item {
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
        padding: 0 0 16px;
    }

    .email-overview__item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }
}

body.theme-dark {
    --text-muted: #98b2dd;
}

.ecommerce-shipping-countries-form {
    margin-bottom: 20px;
}

.ecommerce-shipping-subtabs {
    align-items: center;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #dbe3ef);
    border-radius: 10px;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 18px;
    padding: 5px;
}

.ecommerce-shipping-subtabs a {
    align-items: center;
    border-radius: 7px;
    color: var(--text-muted, #64748b);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    min-height: 36px;
    padding: 0 13px;
    text-decoration: none;
}

.ecommerce-shipping-subtabs a:hover {
    color: var(--text-main, #111827);
}

.ecommerce-shipping-subtabs a.is-active {
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
    color: #b4893b;
}

.ecommerce-shipping-subtabs span {
    background: rgba(180, 137, 59, 0.12);
    border-radius: 999px;
    color: #b4893b;
    font-size: 11px;
    min-width: 24px;
    padding: 3px 7px;
    text-align: center;
}

.ecommerce-shipping-country-panel {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.72), rgba(255, 255, 255, 0.94));
    border: 1px solid var(--border-color, #dbe3ef);
    border-radius: 10px;
    padding: 18px;
}

.ecommerce-shipping-country-head {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.ecommerce-shipping-country-head h3 {
    margin: 0 0 4px;
}

.ecommerce-shipping-country-count {
    background: rgba(180, 137, 59, 0.12);
    border: 1px solid rgba(180, 137, 59, 0.32);
    border-radius: 999px;
    color: #b4893b;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 10px;
}

.ecommerce-country-search {
    margin-top: 14px;
}

.ecommerce-country-search input {
    background: #ffffff;
    border: 1px solid var(--border-color, #dbe3ef);
    border-radius: 8px;
    color: var(--text-main, #111827);
    font-size: 14px;
    min-height: 42px;
    padding: 0 12px;
    width: 100%;
}

.ecommerce-country-search input:focus {
    border-color: #b4893b;
    box-shadow: 0 0 0 3px rgba(180, 137, 59, 0.16);
    outline: 0;
}

.ecommerce-country-checklist {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 10px;
    margin: 16px 0;
    max-height: 420px;
    overflow: auto;
    padding: 2px 6px 2px 2px;
}

.ecommerce-country-checklist [data-shipping-country-option].is-filtered-out {
    display: none !important;
}

.ecommerce-shipping-country-actions {
    border-top: 1px solid var(--border-color, #dbe3ef);
    display: flex;
    justify-content: flex-end;
    padding-top: 14px;
}

body.theme-dark .ecommerce-shipping-country-panel {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(17, 24, 39, 0.94));
}

body.theme-dark .ecommerce-shipping-subtabs {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.22);
}

body.theme-dark .ecommerce-shipping-subtabs a {
    color: #98b2dd;
}

body.theme-dark .ecommerce-shipping-subtabs a:hover {
    color: #e5edf8;
}

body.theme-dark .ecommerce-shipping-subtabs a.is-active {
    background: #111827;
    color: #d7b46c;
}

body.theme-dark .ecommerce-shipping-country-count {
    background: rgba(180, 137, 59, 0.14);
    border-color: rgba(180, 137, 59, 0.46);
    color: #d7b46c;
}

body.theme-dark .ecommerce-country-search input {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.28);
    color: #e5edf8;
}

.ecommerce-order-customer-select {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.ecommerce-order-customer-select .select2-container {
    min-width: 0;
    width: 100% !important;
}

.ecommerce-order-customer-select .button {
    min-height: 42px;
    white-space: nowrap;
}

.ecommerce-customer-addresses {
    display: grid;
    gap: 14px;
}

.ecommerce-customer-addresses__head {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.ecommerce-customer-addresses__head h3 {
    margin: 0 0 4px;
}

.ecommerce-customer-addresses__actions {
    display: flex;
    justify-content: flex-end;
}

.ecommerce-customer-address-list {
    display: grid;
    gap: 12px;
}

.ecommerce-customer-address-row {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
    border: 1px solid var(--tblr-border-color, #dbe3ef);
    border-radius: 8px;
    display: grid;
    gap: 0;
    overflow: hidden;
    padding: 0;
}

.ecommerce-customer-address-card {
    align-items: start;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 16px;
}

.ecommerce-customer-address-card.is-hidden,
.ecommerce-customer-address-form.is-hidden {
    display: none;
}

.ecommerce-customer-address-card__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ecommerce-customer-address-card strong {
    color: var(--text-main, #111827);
    display: inline-flex;
    font-size: 16px;
}

.ecommerce-customer-address-card span {
    display: inline-flex;
}

.ecommerce-customer-address-card__title span {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    padding: 3px 8px;
}

.ecommerce-customer-address-card__title span.is-default {
    background: rgba(52, 211, 153, 0.12);
    border: 1px solid rgba(52, 211, 153, 0.34);
    color: #047857;
}

.ecommerce-customer-address-card__title span.is-saved {
    background: #eef2f7;
    border: 1px solid #dbe3ef;
    color: #475569;
}

.ecommerce-customer-address-card__title span.is-unsaved {
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.34);
    color: #b45309;
}

.ecommerce-customer-address-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.ecommerce-customer-address-card__meta span {
    align-items: center;
    background: #eef2f7;
    border: 1px solid #dbe3ef;
    border-radius: 999px;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    min-height: 26px;
    padding: 4px 10px;
}

.ecommerce-customer-address-card p {
    color: var(--text-muted, #64748b);
    font-size: 14px;
    line-height: 1.45;
    margin: 12px 0 0;
}

.ecommerce-customer-detail {
    display: grid;
    gap: 16px;
}

.ecommerce-customer-detail__hero {
    align-items: center;
    background: linear-gradient(135deg, #f8fafc, #eef2f7);
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 18px;
}

.ecommerce-customer-detail__avatar {
    align-items: center;
    background: #b4893b;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 24px;
    font-weight: 900;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.ecommerce-customer-detail__hero h3,
.ecommerce-customer-detail__section-head h3 {
    color: var(--text-main, #111827);
    margin: 0;
}

.ecommerce-customer-detail__hero p {
    color: var(--text-muted, #64748b);
    margin: 4px 0 0;
}

.ecommerce-customer-detail__grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ecommerce-customer-detail__grid article,
.ecommerce-customer-detail__section,
.ecommerce-customer-detail-address {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    padding: 14px;
}

.ecommerce-customer-detail__grid span,
.ecommerce-customer-detail__section-head span {
    color: var(--text-muted, #64748b);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.ecommerce-customer-detail__grid strong {
    color: var(--text-main, #111827);
    display: block;
    overflow-wrap: anywhere;
}

.ecommerce-customer-detail__section {
    display: grid;
    gap: 12px;
}

.ecommerce-customer-detail__section-head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.ecommerce-customer-detail__addresses {
    display: grid;
    gap: 10px;
}

.ecommerce-customer-detail-address p,
.ecommerce-customer-detail__notes {
    color: var(--text-muted, #64748b);
    line-height: 1.5;
    margin: 12px 0 0;
}

.ecommerce-customer-address-card__actions {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.ecommerce-customer-address-card__actions .icon-button {
    height: 38px;
    width: 38px;
}

.ecommerce-customer-address-form {
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
    display: grid;
    gap: 1rem;
}

.ecommerce-customer-address-row__head,
.ecommerce-customer-address-row__actions {
    align-items: center;
    display: flex;
    gap: 12px;
}

.ecommerce-customer-address-row__head {
    background: color-mix(in srgb, var(--tblr-bg-surface-secondary, #f6f8fb) 82%, var(--tblr-bg-surface, #ffffff));
    border-bottom: 1px solid var(--tblr-border-color, #dbe3ef);
    justify-content: space-between;
    padding: .875rem 1rem;
}

.ecommerce-customer-address-row__head strong {
    color: var(--tblr-body-color, #111827);
}

.ecommerce-customer-address-row__actions .inline-check {
    align-items: center;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 6px;
    margin: 0;
}

.toggle-field--compact {
    align-items: center;
    border: 0;
    display: inline-flex;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.toggle-field--compact .toggle-switch {
    flex: 0 0 auto;
}

.toggle-field--compact span:last-child {
    font-size: 13px;
    font-weight: 800;
}

.ecommerce-customer-address-form > .form-grid,
.ecommerce-customer-address-form > label.ecommerce-modal-field,
.ecommerce-customer-address-form > .ecommerce-tabler-switch {
    margin-left: 1rem;
    margin-right: 1rem;
}

.ecommerce-customer-address-form > .form-grid {
    margin-top: 1rem;
}

.ecommerce-customer-address-row__actions .btn {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.ecommerce-customer-address-row__actions .btn:hover,
.ecommerce-customer-address-row__actions .btn:focus {
    background: var(--tblr-bg-surface-tertiary, rgba(98, 105, 118, .08)) !important;
}

.ecommerce-customer-address-row__actions .ecommerce-tabler-switch {
    align-items: center;
    margin: 0;
}

.ecommerce-customer-address-row__actions .ecommerce-tabler-switch--compact {
    gap: .5rem;
}

.ecommerce-customer-address-row__actions .ecommerce-tabler-switch--compact .form-check-label {
    font-size: .8125rem;
    font-weight: 700;
    gap: 0;
    line-height: 1.2;
}

.ecommerce-customer-address-form > .ecommerce-tabler-switch {
    margin-bottom: 1rem;
    margin-top: .25rem;
}

.ecommerce-customer-address-form > .ecommerce-address-status-switch {
    margin-left: 2rem;
}

body.theme-dark .ecommerce-customer-address-row {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.22);
}

body.theme-dark .ecommerce-customer-address-row__head {
    background: rgba(30, 41, 59, 0.72);
    border-color: rgba(148, 163, 184, 0.22);
}

body.theme-dark .ecommerce-customer-address-form {
    background: rgba(15, 23, 42, 0.72);
}

body.theme-dark .ecommerce-customer-address-card {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(17, 24, 39, 0.94));
    border-color: rgba(148, 163, 184, 0.24);
}

body.theme-dark .ecommerce-customer-address-row__head strong,
body.theme-dark .ecommerce-customer-address-card strong {
    color: #e5edf8;
}

body.theme-dark .ecommerce-customer-address-card__meta span,
body.theme-dark .ecommerce-customer-address-card__actions .icon-button {
    background: rgba(30, 41, 59, 0.92);
    border-color: rgba(148, 163, 184, 0.26);
    color: #dbeafe;
}

body.theme-dark .ecommerce-customer-address-card__title span.is-default {
    background: rgba(52, 211, 153, 0.14);
    border-color: rgba(52, 211, 153, 0.48);
    color: #34d399;
}

body.theme-dark .ecommerce-customer-address-card__title span.is-saved {
    background: rgba(30, 41, 59, 0.88);
    border-color: rgba(148, 163, 184, 0.28);
    color: #cbd5e1;
}

body.theme-dark .ecommerce-customer-address-card__title span.is-unsaved {
    background: rgba(245, 158, 11, 0.14);
    border-color: rgba(245, 158, 11, 0.44);
    color: #fbbf24;
}

body.theme-dark .ecommerce-customer-address-card p {
    color: #98b2dd;
}

body.theme-dark .ecommerce-customer-detail__hero {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(30, 41, 59, 0.72));
    border-color: rgba(148, 163, 184, 0.24);
}

body.theme-dark .ecommerce-customer-detail__grid article,
body.theme-dark .ecommerce-customer-detail__section,
body.theme-dark .ecommerce-customer-detail-address {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.22);
}

body.theme-dark .ecommerce-customer-detail__grid span,
body.theme-dark .ecommerce-customer-detail__section-head span,
body.theme-dark .ecommerce-customer-detail__hero p,
body.theme-dark .ecommerce-customer-detail-address p,
body.theme-dark .ecommerce-customer-detail__notes {
    color: #98b2dd;
}

body.theme-dark .ecommerce-customer-detail__grid strong,
body.theme-dark .ecommerce-customer-detail__hero h3,
body.theme-dark .ecommerce-customer-detail__section-head h3 {
    color: #e5edf8;
}

.ecommerce-orders-table .badge + .badge,
.table-actions .button + .button {
    margin-left: 6px;
}

.ecommerce-api-keys-panel {
    overflow-x: auto;
}

.ecommerce-api-keys-panel .dt-layout-row {
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.ecommerce-api-keys-table {
    min-width: 1080px;
}

.ecommerce-api-keys-table th:nth-child(1),
.ecommerce-api-keys-table td:nth-child(1) {
    width: 230px;
}

.ecommerce-api-keys-table th:nth-child(2),
.ecommerce-api-keys-table td:nth-child(2) {
    width: 235px;
}

.ecommerce-api-keys-table th:nth-child(4),
.ecommerce-api-keys-table td:nth-child(4) {
    width: 90px;
}

.ecommerce-api-keys-table th:nth-child(5),
.ecommerce-api-keys-table td:nth-child(5) {
    width: 145px;
}

.ecommerce-api-key-title {
    display: grid;
    gap: 4px;
    line-height: 1.2;
}

.ecommerce-api-key-title strong {
    color: var(--text-main, #111827);
    font-size: 15px;
}

.ecommerce-api-key-title span,
.ecommerce-api-last-used {
    color: var(--text-muted, #667085);
    display: block;
    font-size: 13px;
    line-height: 1.25;
}

.ecommerce-api-public-key {
    background: rgba(17, 24, 39, 0.04);
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 6px;
    color: #374151;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    max-width: 100%;
    overflow: hidden;
    padding: 6px 8px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.ecommerce-api-scope-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 520px;
}

.ecommerce-api-scope-list span {
    background: rgba(184, 137, 60, 0.1);
    border: 1px solid rgba(184, 137, 60, 0.24);
    border-radius: 999px;
    color: #8a6124;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 5px 7px;
    white-space: nowrap;
}

body.theme-dark .ecommerce-api-key-title strong {
    color: #e5edf8;
}

body.theme-dark .ecommerce-api-public-key {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.24);
    color: #dbeafe;
}

body.theme-dark .ecommerce-api-scope-list span {
    background: rgba(184, 137, 60, 0.16);
    border-color: rgba(184, 137, 60, 0.34);
    color: #f4d39c;
}

.ecommerce-api-toolbar-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.ecommerce-api-toolbar-actions form {
    margin: 0;
}

.ecommerce-api-docs {
    display: grid;
    gap: 22px;
}

.ecommerce-api-docs__hero {
    align-items: flex-start;
    border-bottom: 1px solid var(--border);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding-bottom: 18px;
}

.ecommerce-api-docs__hero h2 {
    margin: 4px 0 8px;
}

.ecommerce-api-docs__hero .button {
    flex: 0 0 auto;
    min-width: 270px;
    text-align: center;
    white-space: nowrap;
}

.ecommerce-api-docs__hero p,
.ecommerce-api-docs__section-head p,
.ecommerce-api-endpoint-card p,
.ecommerce-api-docs__quickstart p {
    color: var(--muted-color, var(--text));
    margin: 0;
}

.ecommerce-api-docs__eyebrow {
    color: var(--accent);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ecommerce-api-docs__quickstart {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.ecommerce-api-docs__quickstart > div,
.ecommerce-api-endpoint-card,
.ecommerce-api-code-card {
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 14px;
}

.ecommerce-api-docs__quickstart span,
.ecommerce-api-code-card span {
    color: var(--muted-color, var(--text));
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.ecommerce-api-docs code,
.ecommerce-api-code-card pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.ecommerce-api-docs__quickstart code,
.ecommerce-api-resource-list code {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: #374151;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    margin-bottom: 8px;
    overflow-x: auto;
    padding: 8px;
    white-space: nowrap;
}

.ecommerce-api-docs__section-head {
    align-items: end;
    display: flex;
    justify-content: space-between;
}

.ecommerce-api-docs__section-head h3 {
    margin: 0;
}

.ecommerce-api-doc-tabs > input,
.ecommerce-api-vertical-docs > input {
    display: none;
}

.ecommerce-api-doc-tabs {
    display: grid;
    gap: 18px;
}

.ecommerce-api-doc-tabs__nav {
    align-items: center;
    background: var(--surface-soft);
    border: 1px solid var(--border);
    border-radius: 8px;
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    width: fit-content;
}

.ecommerce-api-doc-tabs__nav label {
    border-radius: 6px;
    color: var(--muted-color, var(--text));
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 12px;
}

#apiDocViewGroups:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewGroups"],
#apiDocViewExamples:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewExamples"] {
    background: var(--surface-hover);
    color: var(--text);
}

.ecommerce-api-doc-pane {
    display: none;
}

#apiDocViewGroups:checked ~ .ecommerce-api-doc-pane--groups,
#apiDocViewExamples:checked ~ .ecommerce-api-doc-pane--examples {
    display: grid;
    gap: 16px;
}

.ecommerce-api-endpoint-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.ecommerce-api-endpoint-card {
    display: grid;
    gap: 12px;
}

.ecommerce-api-endpoint-card__head {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.ecommerce-api-endpoint-card h4 {
    margin: 0;
}

.ecommerce-api-methods {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-end;
}

.ecommerce-api-methods span {
    background: var(--surface-hover);
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 5px 7px;
}

.ecommerce-api-resource-list {
    display: grid;
    gap: 6px;
}

.ecommerce-api-scope-list--docs {
    max-width: none;
}

.ecommerce-api-example-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ecommerce-api-example-grid--triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ecommerce-api-vertical-docs {
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    overflow: hidden;
}

.ecommerce-api-vertical-docs__nav {
    background: var(--surface-soft);
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
}

.ecommerce-api-vertical-docs__nav label {
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--muted-color, var(--text));
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    padding: 9px 10px;
}

.ecommerce-api-vertical-docs__content {
    background: var(--bg);
    min-width: 0;
    padding: 16px;
}

.ecommerce-api-group-doc {
    display: none;
    gap: 14px;
}

#apiGroupDocstore:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocstore"],
#apiGroupDoccategories:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccategories"],
#apiGroupDocproducts:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocproducts"],
#apiGroupDoctags:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoctags"],
#apiGroupDocbrands:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocbrands"],
#apiGroupDocattribute_sets:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocattribute_sets"],
#apiGroupDocattributes:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocattributes"],
#apiGroupDocoptions:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocoptions"],
#apiGroupDocvariations:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocvariations"],
#apiGroupDoccustomers:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccustomers"],
#apiGroupDoccustomer_auth:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccustomer_auth"],
#apiGroupDoccoupons:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccoupons"],
#apiGroupDoctaxes:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoctaxes"],
#apiGroupDocshipping:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocshipping"],
#apiGroupDocorders:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocorders"] {
    background: var(--surface-hover);
    border-color: var(--accent);
    color: var(--text);
}

#apiGroupDocstore:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="store"],
#apiGroupDoccategories:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="categories"],
#apiGroupDocproducts:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="products"],
#apiGroupDoctags:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="tags"],
#apiGroupDocbrands:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="brands"],
#apiGroupDocattribute_sets:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="attribute_sets"],
#apiGroupDocattributes:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="attributes"],
#apiGroupDocoptions:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="options"],
#apiGroupDocvariations:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="variations"],
#apiGroupDoccustomers:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="customers"],
#apiGroupDoccustomer_auth:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="customer_auth"],
#apiGroupDoccoupons:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="coupons"],
#apiGroupDoctaxes:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="taxes"],
#apiGroupDocshipping:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="shipping"],
#apiGroupDocorders:checked ~ .ecommerce-api-vertical-docs__content [data-api-group-doc="orders"] {
    display: grid;
}

.ecommerce-api-endpoint-table {
    display: grid;
    gap: 8px;
}

.ecommerce-api-endpoint-table div {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 115px minmax(0, 1fr);
    padding: 10px;
}

.ecommerce-api-endpoint-table strong {
    color: var(--accent);
    font-size: 12px;
}

.ecommerce-api-endpoint-table code {
    overflow-x: auto;
    white-space: nowrap;
}

.ecommerce-api-code-card {
    min-width: 0;
}

.ecommerce-api-code-card div {
    align-items: baseline;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.ecommerce-api-code-card strong {
    color: var(--text);
}

.ecommerce-api-code-card pre {
    background: #0f172a;
    border-radius: 8px;
    color: #e5edf8;
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
    max-height: 350px;
    max-width: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 14px;
    white-space: pre;
}

.ecommerce-api-code-card code {
    color: inherit;
}

body.theme-dark .ecommerce-api-docs__quickstart > div,
body.theme-dark .ecommerce-api-endpoint-card,
body.theme-dark .ecommerce-api-code-card {
    background: var(--surface-soft);
    border-color: var(--border);
}

body.theme-dark .ecommerce-api-docs__hero {
    border-color: var(--border);
}

body.theme-dark .ecommerce-api-doc-tabs__nav,
body.theme-dark .ecommerce-api-vertical-docs,
body.theme-dark .ecommerce-api-vertical-docs__nav,
body.theme-dark .ecommerce-api-endpoint-table div {
    border-color: var(--border);
}

body.theme-dark .ecommerce-api-doc-tabs__nav,
body.theme-dark .ecommerce-api-vertical-docs__nav {
    background: var(--surface-soft);
}

body.theme-dark .ecommerce-api-vertical-docs__content,
body.theme-dark #apiDocViewGroups:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewGroups"],
body.theme-dark #apiDocViewExamples:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewExamples"],
body.theme-dark #apiGroupDocstore:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocstore"],
body.theme-dark #apiGroupDoccategories:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccategories"],
body.theme-dark #apiGroupDocproducts:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocproducts"],
body.theme-dark #apiGroupDoctags:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoctags"],
body.theme-dark #apiGroupDocbrands:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocbrands"],
body.theme-dark #apiGroupDocattribute_sets:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocattribute_sets"],
body.theme-dark #apiGroupDocattributes:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocattributes"],
body.theme-dark #apiGroupDocoptions:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocoptions"],
body.theme-dark #apiGroupDocvariations:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocvariations"],
body.theme-dark #apiGroupDoccustomers:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccustomers"],
body.theme-dark #apiGroupDoccustomer_auth:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccustomer_auth"],
body.theme-dark #apiGroupDoccoupons:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccoupons"],
body.theme-dark #apiGroupDoctaxes:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoctaxes"],
body.theme-dark #apiGroupDocshipping:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocshipping"],
body.theme-dark #apiGroupDocorders:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocorders"] {
    background: var(--surface-hover);
    color: var(--text);
}

body.theme-dark .ecommerce-api-docs__quickstart code,
body.theme-dark .ecommerce-api-resource-list code {
    background: var(--bg);
    border-color: var(--border);
    color: var(--text);
}

body.theme-dark .ecommerce-api-code-card strong {
    color: var(--text);
}

body.theme-dark .ecommerce-api-methods span {
    background: var(--surface-hover);
    border-color: var(--border);
    color: var(--accent);
}

@media (max-width: 980px) {
    .ecommerce-api-docs__quickstart,
    .ecommerce-api-example-grid,
    .ecommerce-api-example-grid--triple {
        grid-template-columns: 1fr;
    }

    .ecommerce-api-vertical-docs {
        grid-template-columns: 1fr;
    }

    .ecommerce-api-vertical-docs__nav {
        border-right: 0;
        border-bottom: 1px solid var(--border);
        flex-direction: row;
        overflow-x: auto;
    }

    .ecommerce-api-endpoint-table div {
        grid-template-columns: 1fr;
    }

    .ecommerce-api-docs__hero,
    .ecommerce-api-docs__section-head {
        align-items: stretch;
        flex-direction: column;
    }
}

.ecommerce-active-theme {
    align-items: center;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(180px, 280px) 1fr;
    margin-top: 16px;
    overflow: hidden;
    padding: 14px;
}

.ecommerce-active-theme img,
.ecommerce-theme-card img {
    aspect-ratio: 4 / 3;
    background: #f3f4f6;
    display: block;
    object-fit: cover;
    width: 100%;
}

.ecommerce-active-theme h3,
.ecommerce-theme-card h3 {
    margin: 8px 0 4px;
}

.ecommerce-theme-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    margin: 18px 0;
}

.ecommerce-theme-grid--modal {
    max-height: min(68vh, 760px);
    overflow: auto;
    padding: 2px 6px 8px 2px;
}

.ecommerce-theme-card {
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dbe3ef);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ecommerce-theme-card.is-active {
    border-color: var(--primary-color, #2563eb);
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.16);
}

.ecommerce-theme-card__body {
    flex: 1;
    padding: 14px;
}

.ecommerce-theme-card__body span {
    color: var(--text-muted, #64748b);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ecommerce-theme-card__body p {
    color: var(--text-muted, #64748b);
    font-size: 13px;
    margin: 0;
    word-break: break-word;
}

.ecommerce-theme-card__actions {
    align-items: center;
    border-top: 1px solid var(--border-color, #dbe3ef);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 12px 14px;
}

.ecommerce-theme-card__actions form {
    margin: 0;
}

.ecommerce-theme-preview-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ecommerce-theme-builder {
    border: 1px solid var(--border-color, #dbe3ef);
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    margin-top: 12px;
    overflow: hidden;
}

.ecommerce-theme-builder__radio {
    display: none;
}

.ecommerce-theme-builder__nav {
    background: #f8fafc;
    border-right: 1px solid var(--border-color, #dbe3ef);
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px;
}

.ecommerce-theme-builder__nav-head {
    border-bottom: 1px solid var(--border-color, #dbe3ef);
    margin-bottom: 8px;
    padding: 2px 4px 12px;
}

.ecommerce-theme-builder__nav-head span,
.ecommerce-theme-builder__panel-head span {
    color: var(--text-muted, #64748b);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ecommerce-theme-builder__nav-head strong {
    color: var(--text-color, #111827);
    display: block;
    font-size: 15px;
    margin-top: 3px;
}

.ecommerce-theme-builder__nav label {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--text-color, #111827);
    cursor: pointer;
    display: flex;
    gap: 10px;
    min-height: 42px;
    padding: 9px 10px;
}

.ecommerce-theme-builder__nav label svg {
    color: var(--text-muted, #64748b);
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.ecommerce-theme-builder__nav label:hover {
    background: #ffffff;
    border-color: var(--border-color, #dbe3ef);
}

#theme-panel-templates:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-templates"],
#theme-panel-header:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-header"],
#theme-panel-slider:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-slider"],
#theme-panel-collection:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-collection"],
#theme-panel-intro:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-intro"],
#theme-panel-products:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-products"],
#theme-panel-full-banner:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-full-banner"],
#theme-panel-tab-products:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-tab-products"],
#theme-panel-services:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-services"],
#theme-panel-blog:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-blog"],
#theme-panel-instagram:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-instagram"],
#theme-panel-brands:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-brands"],
#theme-panel-footer:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-footer"],
#theme-panel-previews:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-previews"] {
    background: #ffffff;
    border-color: var(--primary-color, #2563eb);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.12);
    color: var(--primary-color, #2563eb);
    font-weight: 700;
}

#theme-panel-templates:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-templates"] svg,
#theme-panel-header:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-header"] svg,
#theme-panel-slider:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-slider"] svg,
#theme-panel-collection:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-collection"] svg,
#theme-panel-intro:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-intro"] svg,
#theme-panel-products:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-products"] svg,
#theme-panel-full-banner:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-full-banner"] svg,
#theme-panel-tab-products:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-tab-products"] svg,
#theme-panel-services:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-services"] svg,
#theme-panel-blog:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-blog"] svg,
#theme-panel-instagram:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-instagram"] svg,
#theme-panel-brands:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-brands"] svg,
#theme-panel-footer:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-footer"] svg,
#theme-panel-previews:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-previews"] svg {
    color: var(--primary-color, #2563eb);
}

.ecommerce-theme-builder__content {
    background: var(--surface-color, #ffffff);
    min-height: 420px;
    padding: 22px;
}

.ecommerce-theme-builder__panel {
    display: none;
}

#theme-panel-templates:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="templates"],
#theme-panel-header:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="header"],
#theme-panel-slider:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="slider"],
#theme-panel-collection:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="collection"],
#theme-panel-intro:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="intro"],
#theme-panel-products:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="products"],
#theme-panel-full-banner:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="full-banner"],
#theme-panel-tab-products:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="tab-products"],
#theme-panel-services:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="services"],
#theme-panel-blog:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="blog"],
#theme-panel-instagram:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="instagram"],
#theme-panel-brands:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="brands"],
#theme-panel-footer:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="footer"],
#theme-panel-previews:checked ~ .ecommerce-theme-builder__content [data-theme-builder-panel="previews"] {
    display: block;
}

.ecommerce-theme-builder__panel-head {
    border-bottom: 1px solid var(--border-color, #dbe3ef);
    margin-bottom: 18px;
    padding-bottom: 14px;
}

.ecommerce-theme-builder__panel-head h3 {
    color: var(--text-color, #111827);
    font-size: 20px;
    margin: 4px 0 6px;
}

.ecommerce-theme-builder__panel-head p {
    color: var(--text-muted, #64748b);
    margin: 0;
    max-width: 720px;
}

.ecommerce-theme-builder__actions,
.ecommerce-theme-builder__save {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.ecommerce-theme-builder__save {
    background: #f8fafc;
    border: 1px solid var(--border-color, #dbe3ef);
    border-radius: 8px;
    justify-content: space-between;
    padding: 14px;
}

.ecommerce-theme-builder__save strong,
.ecommerce-theme-builder__save small {
    display: block;
}

.ecommerce-theme-builder__save small {
    color: var(--text-muted, #64748b);
    margin-top: 3px;
}

body.theme-dark .ecommerce-active-theme,
body.theme-dark .ecommerce-theme-card {
    background: #101827;
    border-color: #26364f;
}

body.theme-dark .ecommerce-theme-builder,
body.theme-dark .ecommerce-theme-builder__panel-head,
body.theme-dark .ecommerce-theme-builder__nav,
body.theme-dark .ecommerce-theme-builder__nav-head,
body.theme-dark .ecommerce-theme-builder__save {
    border-color: #26364f;
}

body.theme-dark .ecommerce-theme-builder__nav,
body.theme-dark .ecommerce-theme-builder__save {
    background: #0b1220;
}

body.theme-dark .ecommerce-theme-builder__content,
body.theme-dark .ecommerce-theme-builder__nav label:hover,
body.theme-dark #theme-panel-templates:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-templates"],
body.theme-dark #theme-panel-header:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-header"],
body.theme-dark #theme-panel-slider:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-slider"],
body.theme-dark #theme-panel-collection:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-collection"],
body.theme-dark #theme-panel-intro:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-intro"],
body.theme-dark #theme-panel-products:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-products"],
body.theme-dark #theme-panel-full-banner:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-full-banner"],
body.theme-dark #theme-panel-tab-products:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-tab-products"],
body.theme-dark #theme-panel-services:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-services"],
body.theme-dark #theme-panel-blog:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-blog"],
body.theme-dark #theme-panel-instagram:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-instagram"],
body.theme-dark #theme-panel-brands:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-brands"],
body.theme-dark #theme-panel-footer:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-footer"],
body.theme-dark #theme-panel-previews:checked ~ .ecommerce-theme-builder__nav label[for="theme-panel-previews"] {
    background: #101827;
}

body.theme-dark .ecommerce-theme-builder__nav-head strong,
body.theme-dark .ecommerce-theme-builder__nav label,
body.theme-dark .ecommerce-theme-builder__panel-head h3,
body.theme-dark .ecommerce-theme-builder__save strong {
    color: #e5edf8;
}

body.theme-dark .ecommerce-active-theme img,
body.theme-dark .ecommerce-theme-card img {
    background: #0b1220;
}

@media (max-width: 720px) {
    .ecommerce-country-checklist {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        max-height: 360px;
    }

    .ecommerce-order-customer-select {
        grid-template-columns: 1fr;
    }

    .ecommerce-order-customer-select .button {
        justify-content: center;
        width: 100%;
    }

    .ecommerce-customer-detail__hero,
    .ecommerce-customer-detail__grid {
        grid-template-columns: 1fr;
    }

    .ecommerce-customer-detail__status {
        justify-self: start;
    }

    .ecommerce-active-theme {
        grid-template-columns: 1fr;
    }

    .ecommerce-theme-builder {
        grid-template-columns: 1fr;
    }

    .ecommerce-theme-builder__nav {
        border-right: 0;
        border-bottom: 1px solid var(--border-color, #dbe3ef);
    }

    .ecommerce-theme-builder__content {
        min-height: 0;
        padding: 16px;
    }

    .ecommerce-theme-builder__save {
        align-items: flex-start;
        flex-direction: column;
    }
}

body.theme-dark .form small,
body.theme-dark .form .field-helper,
body.theme-dark .form .muted,
body.theme-dark .form-section small,
body.theme-dark .form-section .field-helper,
body.theme-dark .form-section .muted,
body.theme-dark .form-grid small,
body.theme-dark .form-grid .field-helper,
body.theme-dark .form-grid .muted,
body.theme-dark .client-form-grid small,
body.theme-dark .client-form-grid .field-helper,
body.theme-dark .client-form-grid .muted,
body.theme-dark .modal__panel .form small,
body.theme-dark .modal__panel .form .field-helper,
body.theme-dark .modal__panel .form .muted,
body.theme-dark .toggle-field > span:last-child:not(.toggle-switch) small,
body.theme-dark .toggle-field > span:last-child:not(.toggle-switch) .muted,
body.theme-dark .admin-toggle-field small,
body.theme-dark .saas-filter-form small,
body.theme-dark .field-helper {
    color: #98b2dd !important;
}

/* Shared tenant + Software Admin/Owner theme normalization. Keep this late so older module styles cannot drift. */
body,
body.saas-admin-body {
    background: var(--bg);
    background-image: var(--bg-glow);
    color: var(--text);
}

.sidebar,
.auth-topbar,
.app-shell__topbar,
.panel,
.hero,
.stats article,
.modal__panel,
.auth-card,
.quick-links__menu,
.notification-link,
.topbar-icon-button,
.overview-card,
.email-hub-card,
.form-section,
.form > label:not(.toggle-field),
.form-section > label:not(.toggle-field),
.form .grid > label:not(.toggle-field),
.form .form-grid > label:not(.toggle-field),
.form .client-form-grid > label:not(.toggle-field),
.form-field-card,
.toggle-field,
.admin-toggle-field,
.permission-group,
.permission-checkbox,
.filters,
.saas-filter-form,
.detail-grid div,
.billing-facts div,
.billing-usage-grid div,
.profile-plan-card,
.profile-usage-card,
.profile-plan-hero,
.ecommerce-overview-card,
.ecommerce-editor-card,
.ecommerce-api-docs__quickstart > div,
.ecommerce-api-endpoint-card,
.ecommerce-api-code-card,
.ecommerce-api-vertical-docs__content,
.ecommerce-theme-card,
.ecommerce-active-theme,
.ecommerce-theme-builder__content,
.ecommerce-theme-builder__save {
    background: var(--panel-bg);
    border-color: var(--border);
    color: var(--text);
}

.sidebar__profile,
.quick-links summary,
.tabs-nav,
.ecommerce-shipping-subtabs,
.ecommerce-api-doc-tabs__nav,
.ecommerce-api-vertical-docs__nav,
.ecommerce-theme-builder__nav,
.table th,
.dt-container .dt-paging .dt-paging-button,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.select2-search--dropdown .select2-search__field {
    background: var(--surface-soft);
    border-color: var(--border);
    color: var(--text);
}

.sidebar__head,
.sidebar__footer,
.table th,
.table td,
.modal__header,
.auth-card__foot,
.tabs-nav,
.ecommerce-api-vertical-docs,
.ecommerce-api-endpoint-table div,
.ecommerce-theme-builder,
.ecommerce-theme-builder__panel-head,
.ecommerce-theme-builder__nav-head {
    border-color: var(--border);
}

h1,
h2,
h3,
h4,
.brand,
.toolbar h1,
.panel h2,
.panel h3,
.stats span,
.detail-grid strong strong,
.overview-card strong,
.table strong,
.form label,
.form-section h3,
.permission-checkbox strong,
.ecommerce-api-code-card strong,
.ecommerce-theme-builder__save strong,
.ecommerce-theme-builder__panel-head h3 {
    color: var(--text);
}

.muted,
.form small,
.form .field-helper,
.form .muted,
.form-section small,
.form-section .field-helper,
.form-section .muted,
.form-grid small,
.form-grid .field-helper,
.form-grid .muted,
.client-form-grid small,
.client-form-grid .field-helper,
.client-form-grid .muted,
.modal__panel .form small,
.modal__panel .form .field-helper,
.modal__panel .form .muted,
.toggle-field > span:last-child:not(.toggle-switch) small,
.toggle-field > span:last-child:not(.toggle-switch) .muted,
.admin-toggle-field small,
.saas-filter-form small,
.field-helper,
.sidebar__profile small span p,
.overview-card span,
.overview-card p,
.ecommerce-api-docs__section-head p,
.ecommerce-api-endpoint-card p,
.ecommerce-api-docs__quickstart p,
.ecommerce-api-doc-tabs__nav label,
.ecommerce-api-vertical-docs__nav label,
.ecommerce-api-code-card span {
    color: var(--text-muted) !important;
}

.sidebar__nav a,
.sidebar__footer a,
.nav a,
.quick-links__menu a,
.tabs-nav__button,
.ecommerce-shipping-subtabs a,
.table td,
.dt-container,
.dt-container .dt-info,
.dt-container .dt-length,
.dt-container .dt-search,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-results__option {
    color: var(--text);
}

.sidebar__nav a:hover,
.sidebar__footer a:hover,
.quick-links__menu a:hover,
.tabs-nav__button:hover,
.dt-container .dt-paging .dt-paging-button:hover,
.ecommerce-api-doc-tabs__nav label:hover,
.ecommerce-api-vertical-docs__nav label:hover,
.ecommerce-theme-builder__nav label:hover {
    background: var(--surface-hover);
    color: var(--text);
}

.tabs-nav__button.is-active,
.ecommerce-shipping-subtabs a.is-active,
#apiDocViewGroups:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewGroups"],
#apiDocViewExamples:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewExamples"],
#apiGroupDocstore:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocstore"],
#apiGroupDoccategories:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccategories"],
#apiGroupDocproducts:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocproducts"],
#apiGroupDoctags:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoctags"],
#apiGroupDocbrands:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocbrands"],
#apiGroupDocattribute_sets:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocattribute_sets"],
#apiGroupDocattributes:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocattributes"],
#apiGroupDocoptions:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocoptions"],
#apiGroupDocvariations:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocvariations"],
#apiGroupDoccustomers:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccustomers"],
#apiGroupDoccustomer_auth:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccustomer_auth"],
#apiGroupDoccoupons:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoccoupons"],
#apiGroupDoctaxes:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDoctaxes"],
#apiGroupDocshipping:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocshipping"],
#apiGroupDocorders:checked ~ .ecommerce-api-vertical-docs__nav label[for="apiGroupDocorders"] {
    background: var(--surface-hover);
    border-color: var(--accent);
    color: var(--text) !important;
}

.form input,
.form textarea,
.form select,
textarea[readonly],
.filters input,
.filters select,
.saas-filter-form input,
.saas-filter-form select,
.dt-container .dt-input,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-search--dropdown .select2-search__field {
    background: var(--bg);
    border-color: var(--border);
    color: var(--text);
}

.form input:focus,
.form textarea:focus,
.form select:focus,
.dt-container .dt-input:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.button,
button.button,
.dt-container .dt-paging .dt-paging-button.current,
.dt-container .dt-paging .dt-paging-button.current:hover {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--accent-contrast);
}

.tabs-nav__button.is-active {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--accent-contrast) !important;
}

.button.button--outline,
button.button.button--outline,
.button.button--ghost,
button.button.button--ghost,
.icon-button,
.hamburger,
.notification-link,
.topbar-icon-button {
    background: var(--surface-soft);
    border-color: var(--border);
    color: var(--text);
}

.button.button--outline:hover,
button.button.button--outline:hover,
.button.button--ghost:hover,
button.button.button--ghost:hover,
.icon-button:hover,
.hamburger:hover,
.notification-link:hover,
.topbar-icon-button:hover {
    background: var(--surface-hover);
    color: var(--text);
}

.badge,
.ecommerce-api-scope-list span,
.ecommerce-api-methods span,
.ecommerce-shipping-subtabs span {
    background: var(--surface-hover);
    border-color: var(--border);
    color: var(--text);
}

a,
.ecommerce-api-docs__eyebrow,
.ecommerce-api-endpoint-table strong {
    color: var(--accent);
}

.app-shell__topbar {
    background: color-mix(in srgb, var(--panel-bg) 92%, transparent);
}

body.theme-dark .sidebar,
body.theme-dark .auth-topbar,
body.theme-dark .app-shell__topbar,
body.theme-dark .panel,
body.theme-dark .hero,
body.theme-dark .stats article,
body.theme-dark .modal__panel,
body.theme-dark .auth-card,
body.theme-dark .quick-links__menu,
body.theme-dark .notification-link,
body.theme-dark .topbar-icon-button,
body.theme-dark .overview-card,
body.theme-dark .email-hub-card,
body.theme-dark .form-section,
body.theme-dark .form > label:not(.toggle-field),
body.theme-dark .form-section > label:not(.toggle-field),
body.theme-dark .form .grid > label:not(.toggle-field),
body.theme-dark .form .form-grid > label:not(.toggle-field),
body.theme-dark .form .client-form-grid > label:not(.toggle-field),
body.theme-dark .toggle-field,
body.theme-dark .admin-toggle-field,
body.theme-dark .permission-group,
body.theme-dark .permission-checkbox,
body.theme-dark .filters,
body.theme-dark .saas-filter-form,
body.theme-dark .detail-grid div,
body.theme-dark .billing-facts div,
body.theme-dark .billing-usage-grid div,
body.theme-dark .profile-plan-card,
body.theme-dark .profile-usage-card,
body.theme-dark .profile-plan-hero,
body.theme-dark .ecommerce-overview-card,
body.theme-dark .ecommerce-editor-card,
body.theme-dark .ecommerce-api-docs__quickstart > div,
body.theme-dark .ecommerce-api-endpoint-card,
body.theme-dark .ecommerce-api-code-card,
body.theme-dark .ecommerce-api-vertical-docs__content,
body.theme-dark .ecommerce-theme-card,
body.theme-dark .ecommerce-active-theme,
body.theme-dark .ecommerce-theme-builder__content,
body.theme-dark .ecommerce-theme-builder__save {
    background: var(--panel-bg);
    border-color: var(--border);
    color: var(--text);
}

body.theme-dark .sidebar__profile,
body.theme-dark .quick-links summary,
body.theme-dark .tabs-nav,
body.theme-dark .ecommerce-shipping-subtabs,
body.theme-dark .ecommerce-api-doc-tabs__nav,
body.theme-dark .ecommerce-api-vertical-docs__nav,
body.theme-dark .ecommerce-theme-builder__nav,
body.theme-dark .table th,
body.theme-dark .dt-container .dt-paging .dt-paging-button,
body.theme-dark .select2-container--default .select2-selection--single,
body.theme-dark .select2-container--default .select2-selection--multiple,
body.theme-dark .select2-dropdown,
body.theme-dark .select2-search--dropdown .select2-search__field {
    background: var(--surface-soft);
    border-color: var(--border);
    color: var(--text);
}

body.theme-dark .button.button--outline,
body.theme-dark button.button.button--outline,
body.theme-dark .button.button--ghost,
body.theme-dark button.button.button--ghost,
body.theme-dark .icon-button,
body.theme-dark .hamburger,
body.theme-dark .notification-link,
body.theme-dark .topbar-icon-button,
body.theme-dark .detail-grid div {
    background: var(--surface-soft);
    border-color: var(--border);
    color: var(--text);
}

body.theme-dark .button.button--outline:hover,
body.theme-dark button.button.button--outline:hover,
body.theme-dark .button.button--ghost:hover,
body.theme-dark button.button.button--ghost:hover,
body.theme-dark .icon-button:hover,
body.theme-dark .hamburger:hover,
body.theme-dark .notification-link:hover,
body.theme-dark .topbar-icon-button:hover,
body.theme-dark .sidebar__nav a:hover,
body.theme-dark .sidebar__footer a:hover,
body.theme-dark .sidebar__footer .button:hover,
body.theme-dark .quick-links__menu a:hover,
body.theme-dark .tabs-nav__button:hover,
body.theme-dark .dt-container .dt-paging .dt-paging-button:hover,
body.theme-dark .ecommerce-api-doc-tabs__nav label:hover,
body.theme-dark .ecommerce-api-vertical-docs__nav label:hover,
body.theme-dark .ecommerce-theme-builder__nav label:hover {
    background: var(--surface-hover);
    color: var(--text);
}

body.theme-dark .button,
body.theme-dark button.button,
body.theme-dark .dt-container .dt-paging .dt-paging-button.current,
body.theme-dark .dt-container .dt-paging .dt-paging-button.current:hover,
body.theme-dark .tabs-nav__button.is-active {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--accent-contrast) !important;
}

body.theme-dark .button.button--outline,
body.theme-dark button.button.button--outline,
body.theme-dark .button.button--ghost,
body.theme-dark button.button.button--ghost,
body.theme-dark .icon-button,
body.theme-dark .hamburger,
body.theme-dark .notification-link,
body.theme-dark .topbar-icon-button {
    background: var(--surface-soft);
    border-color: var(--border);
    color: var(--text) !important;
}

body.theme-dark .button.button--outline:hover,
body.theme-dark .button.button--outline:focus,
body.theme-dark .button.button--outline:active,
body.theme-dark button.button.button--outline:hover,
body.theme-dark button.button.button--outline:focus,
body.theme-dark button.button.button--outline:active,
body.theme-dark .button.button--ghost:hover,
body.theme-dark .button.button--ghost:focus,
body.theme-dark .button.button--ghost:active,
body.theme-dark button.button.button--ghost:hover,
body.theme-dark button.button.button--ghost:focus,
body.theme-dark button.button.button--ghost:active,
body.theme-dark .icon-button:hover,
body.theme-dark .icon-button:focus,
body.theme-dark .icon-button:active,
body.theme-dark .hamburger:hover,
body.theme-dark .hamburger:focus,
body.theme-dark .hamburger:active,
body.theme-dark .notification-link:hover,
body.theme-dark .topbar-icon-button:hover {
    background: var(--surface-hover);
    border-color: var(--border);
    color: var(--text) !important;
}

body.theme-dark .form input,
body.theme-dark .form textarea,
body.theme-dark .form select,
body.theme-dark textarea[readonly],
body.theme-dark .filters input,
body.theme-dark .filters select,
body.theme-dark .saas-filter-form input,
body.theme-dark .saas-filter-form select,
body.theme-dark .dt-container .dt-input,
body.theme-dark .select2-container--default .select2-selection--single,
body.theme-dark .select2-container--default .select2-selection--multiple,
body.theme-dark .select2-search--dropdown .select2-search__field {
    background: var(--bg);
    border-color: var(--border);
    color: var(--text);
}

body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark .brand,
body.theme-dark .toolbar h1,
body.theme-dark .panel h2,
body.theme-dark .panel h3,
body.theme-dark .stats span,
body.theme-dark .detail-grid strong strong,
body.theme-dark .overview-card strong,
body.theme-dark .table strong,
body.theme-dark .form label,
body.theme-dark .form-section h3,
body.theme-dark .permission-checkbox strong,
body.theme-dark .ecommerce-api-code-card strong,
body.theme-dark .ecommerce-theme-builder__save strong,
body.theme-dark .ecommerce-theme-builder__panel-head h3 {
    color: var(--text);
}

body.theme-dark.saas-admin-body .app-shell__topbar,
body.theme-dark .saas-admin-login__panel,
body.theme-dark .settings-panel-head {
    background: var(--panel-bg);
    border-color: var(--border);
    color: var(--text);
}

/* CodeCanyon-safe custom light admin skin. No third-party template assets are bundled. */
body:not(.theme-dark) {
    --shadow-soft: 0 2px 8px rgba(47, 43, 61, 0.08);
    --shadow-panel: 0 4px 18px rgba(47, 43, 61, 0.08);
    --primary-soft: rgba(115, 103, 240, 0.14);
    --primary-border: rgba(115, 103, 240, 0.24);
    background-color: var(--bg);
    color: var(--text);
    font-family: "Public Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body:not(.theme-dark) .sidebar {
    background: rgba(255, 255, 255, 0.98);
    border-right: 0;
    box-shadow: 0 0 24px rgba(47, 43, 61, 0.09);
}

body:not(.theme-dark) .sidebar__head,
body:not(.theme-dark) .sidebar__footer {
    border-color: transparent;
}

body:not(.theme-dark) .brand {
    color: var(--text);
    letter-spacing: 0;
}

body:not(.theme-dark) .brand__mark,
body:not(.theme-dark) .sidebar__profile img,
body:not(.theme-dark) .sidebar__profile span {
    background: linear-gradient(135deg, #675dd8, #8f85ff);
    box-shadow: 0 8px 22px rgba(115, 103, 240, 0.28);
    color: #ffffff;
}

body:not(.theme-dark) .sidebar__profile {
    background: linear-gradient(135deg, rgba(115, 103, 240, 0.08), rgba(0, 186, 209, 0.06));
    border-color: rgba(115, 103, 240, 0.16);
    border-radius: 10px;
}

body:not(.theme-dark) .sidebar__profile strong {
    color: var(--text);
}

body:not(.theme-dark) .sidebar__profile small {
    color: var(--text-muted);
}

body:not(.theme-dark) .sidebar__profile small:last-child {
    background: rgba(115, 103, 240, 0.12);
    border-color: rgba(115, 103, 240, 0.2);
    color: #675dd8;
}

body:not(.theme-dark) .sidebar__nav a,
body:not(.theme-dark) .sidebar__footer a {
    border-radius: 8px;
    color: #5d596c;
    font-weight: 600;
}

body:not(.theme-dark) .sidebar__nav a:hover,
body:not(.theme-dark) .sidebar__footer a:hover {
    background: rgba(115, 103, 240, 0.08);
    color: #675dd8;
}

body:not(.theme-dark) .sidebar__nav a.is-active,
body:not(.theme-dark) .sidebar__footer a.is-active {
    background: var(--accent);
    box-shadow: 0 4px 12px rgba(115, 103, 240, 0.34);
    color: #ffffff;
}

body:not(.theme-dark) .app-shell__topbar {
    background: rgba(255, 255, 255, 0.86);
    border-color: rgba(219, 218, 222, 0.72);
    box-shadow: 0 2px 16px rgba(47, 43, 61, 0.06);
    backdrop-filter: blur(12px);
}

body:not(.theme-dark) .panel,
body:not(.theme-dark) .hero,
body:not(.theme-dark) .stats article,
body:not(.theme-dark) .overview-card,
body:not(.theme-dark) .email-hub-card,
body:not(.theme-dark) .form-section,
body:not(.theme-dark) .form > label:not(.toggle-field),
body:not(.theme-dark) .form-section > label:not(.toggle-field),
body:not(.theme-dark) .form .grid > label:not(.toggle-field),
body:not(.theme-dark) .form .form-grid > label:not(.toggle-field),
body:not(.theme-dark) .form .client-form-grid > label:not(.toggle-field),
body:not(.theme-dark) .form-field-card,
body:not(.theme-dark) .toggle-field,
body:not(.theme-dark) .admin-toggle-field,
body:not(.theme-dark) .permission-group,
body:not(.theme-dark) .permission-checkbox,
body:not(.theme-dark) .filters,
body:not(.theme-dark) .saas-filter-form,
body:not(.theme-dark) .detail-grid div,
body:not(.theme-dark) .billing-facts div,
body:not(.theme-dark) .billing-usage-grid div,
body:not(.theme-dark) .profile-plan-card,
body:not(.theme-dark) .profile-usage-card,
body:not(.theme-dark) .profile-plan-hero,
body:not(.theme-dark) .ecommerce-overview-card,
body:not(.theme-dark) .ecommerce-editor-card,
body:not(.theme-dark) .ecommerce-api-docs__quickstart > div,
body:not(.theme-dark) .ecommerce-api-endpoint-card,
body:not(.theme-dark) .ecommerce-api-code-card,
body:not(.theme-dark) .ecommerce-api-vertical-docs__content,
body:not(.theme-dark) .ecommerce-theme-card,
body:not(.theme-dark) .ecommerce-active-theme,
body:not(.theme-dark) .ecommerce-theme-builder__content,
body:not(.theme-dark) .ecommerce-theme-builder__save {
    background: #ffffff;
    border-color: rgba(219, 218, 222, 0.86);
    box-shadow: var(--shadow-soft);
}

body:not(.theme-dark) .panel,
body:not(.theme-dark) .overview-card,
body:not(.theme-dark) .ecommerce-overview-card,
body:not(.theme-dark) .ecommerce-editor-card {
    border-radius: 10px;
}


body:not(.theme-dark) h1,
body:not(.theme-dark) h2,
body:not(.theme-dark) h3,
body:not(.theme-dark) h4,
body:not(.theme-dark) .toolbar h1,
body:not(.theme-dark) .panel h2,
body:not(.theme-dark) .panel h3 {
    color: var(--text);
    letter-spacing: 0;
}

body:not(.theme-dark) .muted,
body:not(.theme-dark) .form small,
body:not(.theme-dark) .field-helper p,
body:not(.theme-dark) .overview-card p span,
body:not(.theme-dark) .overview-card span {
    color: var(--text-muted) !important;
}

body:not(.theme-dark) .button,
body:not(.theme-dark) button.button,
body:not(.theme-dark) .dt-container .dt-paging .dt-paging-button.current,
body:not(.theme-dark) .dt-container .dt-paging .dt-paging-button.current:hover {
    background: var(--accent);
    border-color: var(--accent);
    box-shadow: 0 2px 6px rgba(115, 103, 240, 0.28);
    color: #ffffff;
}

body:not(.theme-dark) .button:hover,
body:not(.theme-dark) button.button:hover {
    background: #675dd8;
    border-color: #675dd8;
}

body:not(.theme-dark) .button.button--outline,
body:not(.theme-dark) button.button.button--outline,
body:not(.theme-dark) .button.button--ghost,
body:not(.theme-dark) button.button.button--ghost,
body:not(.theme-dark) .icon-button,
body:not(.theme-dark) .hamburger,
body:not(.theme-dark) .notification-link,
body:not(.theme-dark) .topbar-icon-button {
    background: #ffffff;
    border-color: rgba(219, 218, 222, 0.95);
    box-shadow: 0 1px 3px rgba(47, 43, 61, 0.06);
    color: #5d596c;
}

body:not(.theme-dark) .button.button--outline:hover,
body:not(.theme-dark) button.button.button--outline:hover,
body:not(.theme-dark) .button.button--ghost:hover,
body:not(.theme-dark) button.button.button--ghost:hover,
body:not(.theme-dark) .icon-button:hover,
body:not(.theme-dark) .hamburger:hover,
body:not(.theme-dark) .notification-link:hover,
body:not(.theme-dark) .topbar-icon-button:hover {
    background: rgba(115, 103, 240, 0.08);
    border-color: rgba(115, 103, 240, 0.24);
    color: #675dd8;
}

body:not(.theme-dark) .tabs-nav,
body:not(.theme-dark) .ecommerce-shipping-subtabs,
body:not(.theme-dark) .ecommerce-api-doc-tabs__nav,
body:not(.theme-dark) .ecommerce-api-vertical-docs__nav,
body:not(.theme-dark) .ecommerce-theme-builder__nav {
    background: #ffffff;
    border-color: rgba(219, 218, 222, 0.86);
    box-shadow: var(--shadow-soft);
}

body:not(.theme-dark) .tabs-nav__button,
body:not(.theme-dark) .ecommerce-shipping-subtabs a,
body:not(.theme-dark) .ecommerce-api-doc-tabs__nav label,
body:not(.theme-dark) .ecommerce-api-vertical-docs__nav label,
body:not(.theme-dark) .ecommerce-theme-builder__nav label {
    border-radius: 7px;
    color: #5d596c !important;
    font-weight: 700;
}

body:not(.theme-dark) .tabs-nav__button.is-active,
body:not(.theme-dark) .ecommerce-shipping-subtabs a.is-active,
body:not(.theme-dark) #apiDocViewGroups:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewGroups"],
body:not(.theme-dark) #apiDocViewExamples:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewExamples"] {
    background: rgba(115, 103, 240, 0.14);
    border-color: rgba(115, 103, 240, 0.28);
    box-shadow: none;
    color: #675dd8 !important;
}

body:not(.theme-dark) .form input,
body:not(.theme-dark) .form textarea,
body:not(.theme-dark) .form select,
body:not(.theme-dark) textarea[readonly],
body:not(.theme-dark) .filters input,
body:not(.theme-dark) .filters select,
body:not(.theme-dark) .saas-filter-form input,
body:not(.theme-dark) .saas-filter-form select,
body:not(.theme-dark) .dt-container .dt-input,
body:not(.theme-dark) .select2-container--default .select2-selection--single,
body:not(.theme-dark) .select2-container--default .select2-selection--multiple,
body:not(.theme-dark) .select2-dropdown,
body:not(.theme-dark) .select2-search--dropdown .select2-search__field {
    background: #ffffff;
    border-color: #dbdade;
    border-radius: 7px;
    color: var(--text);
}

body:not(.theme-dark) .form input:focus,
body:not(.theme-dark) .form textarea:focus,
body:not(.theme-dark) .form select:focus,
body:not(.theme-dark) .dt-container .dt-input:focus,
body:not(.theme-dark) .select2-container--default.select2-container--focus .select2-selection--single,
body:not(.theme-dark) .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(115, 103, 240, 0.72);
    box-shadow: 0 0 0 3px rgba(115, 103, 240, 0.12);
    outline: 0;
}

body:not(.theme-dark) .dt-container {
    color: var(--text);
}

body:not(.theme-dark) .dt-container .dt-layout-row {
    align-items: center;
    gap: 14px;
    margin: 0 0 14px;
}

body:not(.theme-dark) .dt-container .dt-layout-row:last-child {
    margin: 14px 0 0;
}

body:not(.theme-dark) .dt-container .dt-layout-table,
body:not(.theme-dark) .dt-container .dt-layout-table .dt-layout-cell {
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
}

body:not(.theme-dark) .dt-container .dt-length,
body:not(.theme-dark) .dt-container .dt-search,
body:not(.theme-dark) .dt-container .dt-info {
    color: var(--text-muted);
    font-size: 13px;
}

body:not(.theme-dark) .dt-container .dt-input {
    min-height: 36px;
    padding: 7px 10px;
}

body:not(.theme-dark) table.dataTable,
body:not(.theme-dark) .dataTable,
body:not(.theme-dark) .table {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--text);
}

body:not(.theme-dark) table.dataTable thead th,
body:not(.theme-dark) .dataTable thead th,
body:not(.theme-dark) .table th {
    background: #f6f6f9;
    border-bottom: 1px solid #dbdade;
    color: #6f6b7d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    padding: 13px 16px;
    text-transform: uppercase;
}

body:not(.theme-dark) table.dataTable tbody td,
body:not(.theme-dark) .dataTable tbody td,
body:not(.theme-dark) .table td {
    border-bottom: 1px solid rgba(219, 218, 222, 0.82);
    color: #4b465c;
    padding: 14px 16px;
}

body:not(.theme-dark) table.dataTable tbody tr:hover td,
body:not(.theme-dark) .dataTable tbody tr:hover td,
body:not(.theme-dark) .table tbody tr:hover td {
    background: rgba(115, 103, 240, 0.05);
}

body:not(.theme-dark) .dt-container .dt-paging {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

body:not(.theme-dark) .dt-container .dt-paging .dt-paging-button {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbdade;
    border-radius: 7px;
    color: #5d596c !important;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    min-height: 34px;
    min-width: 34px;
    padding: 6px 10px;
}

body:not(.theme-dark) .dt-container .dt-paging .dt-paging-button:hover {
    background: rgba(115, 103, 240, 0.08);
    border-color: rgba(115, 103, 240, 0.22);
    color: #675dd8 !important;
}

body:not(.theme-dark) .dt-container .dt-paging .dt-paging-button.current,
body:not(.theme-dark) .dt-container .dt-paging .dt-paging-button.current:hover {
    background: var(--accent);
    border-color: var(--accent);
    box-shadow: 0 2px 6px rgba(115, 103, 240, 0.32);
    color: #ffffff !important;
}

body:not(.theme-dark) .badge,
body:not(.theme-dark) .ecommerce-api-scope-list span,
body:not(.theme-dark) .ecommerce-api-methods span,
body:not(.theme-dark) .ecommerce-shipping-subtabs span {
    background: rgba(115, 103, 240, 0.12);
    border-color: rgba(115, 103, 240, 0.2);
    color: #675dd8;
}

body:not(.theme-dark) .modal__panel,
body:not(.theme-dark) .auth-card,
body:not(.theme-dark) .quick-links__menu {
    background: #ffffff;
    border-color: rgba(219, 218, 222, 0.9);
    box-shadow: 0 10px 32px rgba(47, 43, 61, 0.16);
}

/* CodeCanyon-safe custom dark admin skin. No third-party template assets are bundled. */
body.theme-dark {
    --shadow-soft: 0 2px 10px rgba(15, 18, 33, 0.22);
    --shadow-panel: 0 8px 28px rgba(15, 18, 33, 0.28);
    --primary-soft: rgba(143, 133, 255, 0.18);
    --primary-border: rgba(143, 133, 255, 0.34);
    background-color: var(--bg);
    color: var(--text);
    font-family: "Public Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body.theme-dark .sidebar {
    background: rgba(47, 51, 73, 0.98);
    border-right: 0;
    box-shadow: 0 0 28px rgba(15, 18, 33, 0.32);
}

body.theme-dark .sidebar__head,
body.theme-dark .sidebar__footer {
    border-color: rgba(68, 72, 94, 0.5);
}

body.theme-dark .brand,
body.theme-dark .brand__text small {
    color: var(--text);
    letter-spacing: 0;
}

body.theme-dark .brand__mark,
body.theme-dark .sidebar__profile img,
body.theme-dark .sidebar__profile span {
    background: linear-gradient(135deg, #8f85ff, #00bad1);
    box-shadow: 0 8px 24px rgba(143, 133, 255, 0.28);
    color: #ffffff;
}

body.theme-dark .sidebar__profile {
    background: linear-gradient(135deg, rgba(143, 133, 255, 0.14), rgba(0, 186, 209, 0.08));
    border-color: rgba(143, 133, 255, 0.24);
    border-radius: 10px;
}

body.theme-dark .sidebar__profile strong {
    color: var(--text);
}

body.theme-dark .sidebar__profile small {
    color: var(--text-muted);
}

body.theme-dark .sidebar__profile small:last-child {
    background: rgba(143, 133, 255, 0.16);
    border-color: rgba(143, 133, 255, 0.26);
    color: #cbc6ff;
}

body.theme-dark .sidebar__nav a,
body.theme-dark .sidebar__footer a {
    border-radius: 8px;
    color: #c5c2df;
    font-weight: 600;
}

body.theme-dark .sidebar__nav a:hover,
body.theme-dark .sidebar__footer a:hover {
    background: rgba(143, 133, 255, 0.12);
    color: #ffffff;
}

body.theme-dark .sidebar__nav a.is-active,
body.theme-dark .sidebar__footer a.is-active {
    background: var(--accent);
    box-shadow: 0 4px 14px rgba(143, 133, 255, 0.36);
    color: #ffffff;
}

body.theme-dark .app-shell__topbar,
body.theme-dark.saas-admin-body .app-shell__topbar {
    background: rgba(47, 51, 73, 0.86);
    border-color: rgba(68, 72, 94, 0.72);
    box-shadow: 0 2px 18px rgba(15, 18, 33, 0.18);
    backdrop-filter: blur(12px);
}

body.theme-dark .panel,
body.theme-dark .hero,
body.theme-dark .stats article,
body.theme-dark .overview-card,
body.theme-dark .email-hub-card,
body.theme-dark .form-section,
body.theme-dark .form > label:not(.toggle-field),
body.theme-dark .form-section > label:not(.toggle-field),
body.theme-dark .form .grid > label:not(.toggle-field),
body.theme-dark .form .form-grid > label:not(.toggle-field),
body.theme-dark .form .client-form-grid > label:not(.toggle-field),
body.theme-dark .form-field-card,
body.theme-dark .toggle-field,
body.theme-dark .admin-toggle-field,
body.theme-dark .permission-group,
body.theme-dark .permission-checkbox,
body.theme-dark .filters,
body.theme-dark .saas-filter-form,
body.theme-dark .detail-grid div,
body.theme-dark .billing-facts div,
body.theme-dark .billing-usage-grid div,
body.theme-dark .profile-plan-card,
body.theme-dark .profile-usage-card,
body.theme-dark .profile-plan-hero,
body.theme-dark .ecommerce-overview-card,
body.theme-dark .ecommerce-editor-card,
body.theme-dark .ecommerce-api-docs__quickstart > div,
body.theme-dark .ecommerce-api-endpoint-card,
body.theme-dark .ecommerce-api-code-card,
body.theme-dark .ecommerce-api-vertical-docs__content,
body.theme-dark .ecommerce-theme-card,
body.theme-dark .ecommerce-active-theme,
body.theme-dark .ecommerce-theme-builder__content,
body.theme-dark .ecommerce-theme-builder__save {
    background: #2f3349;
    border-color: rgba(68, 72, 94, 0.9);
    box-shadow: var(--shadow-soft);
    color: var(--text);
}

body.theme-dark .panel,
body.theme-dark .overview-card,
body.theme-dark .ecommerce-overview-card,
body.theme-dark .ecommerce-editor-card {
    border-radius: 10px;
}

body.theme-dark h1,
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark .toolbar h1,
body.theme-dark .panel h2,
body.theme-dark .panel h3 {
    color: var(--text);
    letter-spacing: 0;
}


body.theme-dark .muted,
body.theme-dark .form small,
body.theme-dark .field-helper p,
body.theme-dark .overview-card p span,
body.theme-dark .overview-card span {
    color: var(--text-muted) !important;
}


body.theme-dark .button,
body.theme-dark button.button,
body.theme-dark .dt-container .dt-paging .dt-paging-button.current,
body.theme-dark .dt-container .dt-paging .dt-paging-button.current:hover {
    background: var(--accent);
    border-color: var(--accent);
    box-shadow: 0 2px 8px rgba(143, 133, 255, 0.28);
    color: #ffffff !important;
}

body.theme-dark .button:hover,
body.theme-dark button.button:hover {
    background: var(--accent-hover);
    border-color: var(--accent-hover);
}

body.theme-dark .button.button--outline,
body.theme-dark button.button.button--outline,
body.theme-dark .button.button--ghost,
body.theme-dark button.button.button--ghost,
body.theme-dark .icon-button,
body.theme-dark .hamburger,
body.theme-dark .notification-link,
body.theme-dark .topbar-icon-button {
    background: #2f3349;
    border-color: rgba(68, 72, 94, 0.95);
    box-shadow: 0 1px 4px rgba(15, 18, 33, 0.16);
    color: #c5c2df !important;
}

body.theme-dark .button.button--outline:hover,
body.theme-dark .button.button--outline:focus,
body.theme-dark .button.button--outline:active,
body.theme-dark button.button.button--outline:hover,
body.theme-dark button.button.button--outline:focus,
body.theme-dark button.button.button--outline:active,
body.theme-dark .button.button--ghost:hover,
body.theme-dark .button.button--ghost:focus,
body.theme-dark .button.button--ghost:active,
body.theme-dark button.button.button--ghost:hover,
body.theme-dark button.button.button--ghost:focus,
body.theme-dark button.button.button--ghost:active,
body.theme-dark .icon-button:hover,
body.theme-dark .icon-button:focus,
body.theme-dark .icon-button:active,
body.theme-dark .hamburger:hover,
body.theme-dark .hamburger:focus,
body.theme-dark .hamburger:active,
body.theme-dark .notification-link:hover,
body.theme-dark .topbar-icon-button:hover {
    background: rgba(143, 133, 255, 0.14);
    border-color: rgba(143, 133, 255, 0.28);
    color: #ffffff !important;
}

body.theme-dark .tabs-nav,
body.theme-dark .ecommerce-shipping-subtabs,
body.theme-dark .ecommerce-api-doc-tabs__nav,
body.theme-dark .ecommerce-api-vertical-docs__nav,
body.theme-dark .ecommerce-theme-builder__nav {
    background: #2f3349;
    border-color: rgba(68, 72, 94, 0.9);
    box-shadow: var(--shadow-soft);
}

body.theme-dark .tabs-nav__button,
body.theme-dark .ecommerce-shipping-subtabs a,
body.theme-dark .ecommerce-api-doc-tabs__nav label,
body.theme-dark .ecommerce-api-vertical-docs__nav label,
body.theme-dark .ecommerce-theme-builder__nav label {
    border-radius: 7px;
    color: #c5c2df !important;
    font-weight: 700;
}

body.theme-dark .tabs-nav__button.is-active,
body.theme-dark .ecommerce-shipping-subtabs a.is-active,
body.theme-dark #apiDocViewGroups:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewGroups"],
body.theme-dark #apiDocViewExamples:checked ~ .ecommerce-api-doc-tabs__nav label[for="apiDocViewExamples"] {
    background: rgba(143, 133, 255, 0.2);
    border-color: rgba(143, 133, 255, 0.34);
    box-shadow: none;
    color: #ffffff !important;
}

body.theme-dark .form input,
body.theme-dark .form textarea,
body.theme-dark .form select,
body.theme-dark textarea[readonly],
body.theme-dark .filters input,
body.theme-dark .filters select,
body.theme-dark .saas-filter-form input,
body.theme-dark .saas-filter-form select,
body.theme-dark .dt-container .dt-input,
body.theme-dark .select2-container--default .select2-selection--single,
body.theme-dark .select2-container--default .select2-selection--multiple,
body.theme-dark .select2-dropdown,
body.theme-dark .select2-search--dropdown .select2-search__field {
    background: #25293c;
    border-color: #44485e;
    border-radius: 7px;
    color: var(--text);
}

body.theme-dark .form input:focus,
body.theme-dark .form textarea:focus,
body.theme-dark .form select:focus,
body.theme-dark .dt-container .dt-input:focus,
body.theme-dark .select2-container--default.select2-container--focus .select2-selection--single,
body.theme-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(143, 133, 255, 0.78);
    box-shadow: 0 0 0 3px rgba(143, 133, 255, 0.14);
    outline: 0;
}

body.theme-dark .dt-container {
    color: var(--text);
}

body.theme-dark .dt-container .dt-layout-row {
    align-items: center;
    gap: 14px;
    margin: 0 0 14px;
}

body.theme-dark .dt-container .dt-layout-row:last-child {
    margin: 14px 0 0;
}

body.theme-dark .dt-container .dt-layout-table,
body.theme-dark .dt-container .dt-layout-table .dt-layout-cell {
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
}

body.theme-dark .dt-container .dt-length,
body.theme-dark .dt-container .dt-search,
body.theme-dark .dt-container .dt-info {
    color: var(--text-muted);
    font-size: 13px;
}

body.theme-dark .dt-container .dt-input {
    min-height: 36px;
    padding: 7px 10px;
}

body.theme-dark table.dataTable,
body.theme-dark .dataTable,
body.theme-dark .table {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--text);
}

body.theme-dark table.dataTable thead th,
body.theme-dark .dataTable thead th,
body.theme-dark .table th {
    background: #393d55;
    border-bottom: 1px solid #44485e;
    color: #b6bee3;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    padding: 13px 16px;
    text-transform: uppercase;
}

body.theme-dark table.dataTable tbody td,
body.theme-dark .dataTable tbody td,
body.theme-dark .table td {
    background: #2f3349;
    border-bottom: 1px solid rgba(68, 72, 94, 0.9);
    color: var(--text);
    padding: 14px 16px;
}

body.theme-dark table.dataTable tbody tr:hover td,
body.theme-dark .dataTable tbody tr:hover td,
body.theme-dark .table tbody tr:hover td {
    background: rgba(143, 133, 255, 0.08);
}

body.theme-dark .dt-container .dt-paging {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

body.theme-dark .dt-container .dt-paging .dt-paging-button {
    align-items: center;
    background: #2f3349;
    border: 1px solid #44485e;
    border-radius: 7px;
    color: #c5c2df !important;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    min-height: 34px;
    min-width: 34px;
    padding: 6px 10px;
}

body.theme-dark .dt-container .dt-paging .dt-paging-button:hover {
    background: rgba(143, 133, 255, 0.14);
    border-color: rgba(143, 133, 255, 0.28);
    color: #ffffff !important;
}

body.theme-dark .dt-container .dt-paging .dt-paging-button.current,
body.theme-dark .dt-container .dt-paging .dt-paging-button.current:hover {
    background: var(--accent);
    border-color: var(--accent);
    box-shadow: 0 2px 8px rgba(143, 133, 255, 0.32);
    color: #ffffff !important;
}

body.theme-dark .badge,
body.theme-dark .ecommerce-api-scope-list span,
body.theme-dark .ecommerce-api-methods span,
body.theme-dark .ecommerce-shipping-subtabs span {
    background: rgba(143, 133, 255, 0.18);
    border-color: rgba(143, 133, 255, 0.3);
    color: #cbc6ff;
}

body.theme-dark .modal__panel,
body.theme-dark .auth-card,
body.theme-dark .quick-links__menu {
    background: #2f3349;
    border-color: rgba(68, 72, 94, 0.95);
    box-shadow: 0 12px 36px rgba(15, 18, 33, 0.34);
}

/* Custom horizontal admin shell and invoice-style tables. */
.app-shell__topbar-brand {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    font-size: 15px;
    font-weight: 800;
    gap: 10px;
    margin-right: auto;
    min-width: 0;
}

.app-shell__topbar-brand span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 821px) {
    body:has(.layout) {
        min-width: 0;
    }

    body:not(.theme-dark) .app-shell,
    body.theme-dark .app-shell,
    .app-shell,
    .sidebar-collapsed .app-shell,
    .saas-admin-body .app-shell,
    .saas-admin-body.sidebar-collapsed .app-shell {
        margin: 0 auto;
        max-width: 1440px;
        padding: 142px 24px 32px;
        width: min(1440px, 100%);
    }

    body:has(.ecommerce-order-page-form) .app-shell {
        padding-top: 142px;
    }

    .app-shell__topbar,
    .sidebar-collapsed .app-shell__topbar,
    .saas-admin-body .app-shell__topbar,
    .saas-admin-body.sidebar-collapsed .app-shell__topbar {
        border: 0;
        border-radius: 0 0 10px 10px;
        gap: 14px;
        justify-content: flex-end;
        left: 0;
        min-height: 68px;
        padding: 0 max(24px, calc((100vw - 1440px) / 2 + 24px));
        right: 0;
        z-index: 1210;
    }

    .saas-admin-body .app-shell__topbar > div {
        margin-right: auto;
    }

    .sidebar,
    .sidebar-collapsed .sidebar,
    .saas-admin-body .sidebar,
    .saas-admin-body.sidebar-collapsed .sidebar {
        align-items: center;
        border: 0;
        box-shadow: none;
        display: flex;
        flex-direction: row;
        height: 56px;
        left: 0;
        overflow: visible;
        padding: 0 max(24px, calc((100vw - 1440px) / 2 + 24px));
        position: fixed;
        right: 0;
        top: 68px;
        width: 100%;
        z-index: 1200;
    }

    body:not(.theme-dark) .sidebar,
    body:not(.theme-dark).saas-admin-body .sidebar {
        background: rgba(255, 255, 255, 0.96);
        border-bottom: 1px solid rgba(219, 218, 222, 0.82);
        box-shadow: 0 8px 24px rgba(47, 43, 61, 0.08);
    }

    body.theme-dark .sidebar,
    body.theme-dark.saas-admin-body .sidebar {
        background: rgba(47, 51, 73, 0.96);
        border-bottom: 1px solid rgba(68, 72, 94, 0.82);
        box-shadow: 0 8px 26px rgba(15, 18, 33, 0.22);
    }

    .sidebar__head,
    .sidebar__profile,
    .saas-admin-body .sidebar__head,
    .saas-admin-body .sidebar__profile {
        display: none;
    }

    .sidebar__footer,
    .saas-admin-body .sidebar__footer {
        align-items: center;
        border: 0;
        display: flex;
        flex: 0 0 auto;
        gap: 8px;
        padding: 0 0 0 12px;
    }

    .sidebar__footer .button,
    .saas-admin-body .sidebar__footer .button,
    .sidebar__footer a,
    .saas-admin-body .sidebar__footer a {
        min-height: 38px;
        padding: 9px 12px;
        width: auto;
    }

    .sidebar__nav,
    .sidebar-collapsed .sidebar__nav,
    .saas-admin-body .sidebar__nav {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        gap: 6px;
        max-height: none;
        min-height: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0;
        scrollbar-width: thin;
    }

    .sidebar__nav a,
    .sidebar-collapsed .sidebar__nav a,
    .saas-admin-body .sidebar__nav a {
        border-radius: 7px;
        flex: 0 0 auto;
        font-size: 14px;
        gap: 8px;
        min-height: 38px;
        padding: 9px 12px;
        width: auto;
    }

    .sidebar-collapsed .sidebar-link-label,
    .sidebar-collapsed .sidebar-label {
        display: inline;
    }

    .sidebar-collapsed .sidebar-link-icon {
        flex: 0 0 20px;
        width: 20px;
    }
}

@media print {
    body:has(.ecommerce-order-view-layout) .sidebar,
    body:has(.ecommerce-order-view-layout) .topbar,
    body:has(.ecommerce-order-view-layout) .navbar,
    body:has(.ecommerce-order-view-layout) .app-shell__topbar,
    body:has(.ecommerce-order-view-layout) .ecommerce-order-view-head,
    body:has(.ecommerce-order-view-layout) .ecommerce-order-view-actions {
        display: none !important;
    }

    body:has(.ecommerce-order-view-layout) .app-shell,
    body:has(.ecommerce-order-view-layout) .content {
        margin: 0 !important;
        max-width: none !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .ecommerce-order-view-layout {
        display: block;
    }

    .ecommerce-order-preview-card {
        border: 0;
        box-shadow: none;
        padding: 0;
    }

    .ecommerce-order-preview-header,
    .ecommerce-order-preview-billing,
    .ecommerce-order-view-footer {
        break-inside: avoid;
        display: grid !important;
        gap: 18px;
        page-break-inside: avoid;
    }

    .ecommerce-order-preview-header {
        grid-template-columns: minmax(0, 1fr) minmax(220px, 0.58fr) !important;
        margin-bottom: 18px;
        padding: 18px;
    }

    .ecommerce-order-preview-billing {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 1fr) !important;
        margin-bottom: 18px;
    }

    .ecommerce-order-view-footer {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
    }

    .ecommerce-order-view-table-wrap {
        overflow: visible;
    }

    .ecommerce-order-view-table td,
    .ecommerce-order-view-table th {
        padding: 10px 12px;
    }
}

body:not(.theme-dark) .app-shell__topbar-brand .brand__mark {
    background: linear-gradient(135deg, #675dd8, #8f85ff);
    box-shadow: 0 8px 20px rgba(115, 103, 240, 0.24);
}

body.theme-dark .app-shell__topbar-brand .brand__mark {
    background: linear-gradient(135deg, #675dd8, #00bad1);
    box-shadow: 0 8px 20px rgba(103, 93, 216, 0.28);
}

body:not(.theme-dark) .panel:has(.dt-container),
body.theme-dark .panel:has(.dt-container) {
    overflow: visible;
    padding: 0;
}

body:not(.theme-dark) .panel:has(.dt-container) > h2,
body:not(.theme-dark) .panel:has(.dt-container) > h3,
body:not(.theme-dark) .panel:has(.dt-container) > p,
body:not(.theme-dark) .panel:has(.dt-container) > .toolbar,
body.theme-dark .panel:has(.dt-container) > h2,
body.theme-dark .panel:has(.dt-container) > h3,
body.theme-dark .panel:has(.dt-container) > p,
body.theme-dark .panel:has(.dt-container) > .toolbar {
    margin-left: 24px;
    margin-right: 24px;
}

body:not(.theme-dark) .panel:has(.dt-container) > h2:first-child,
body:not(.theme-dark) .panel:has(.dt-container) > h3:first-child,
body.theme-dark .panel:has(.dt-container) > h2:first-child,
body.theme-dark .panel:has(.dt-container) > h3:first-child {
    margin-top: 22px;
}

body:not(.theme-dark) .panel:has(.dt-container) > p,
body.theme-dark .panel:has(.dt-container) > p {
    margin-bottom: 18px;
}

.panel > .section-head.dt-section-head-hidden {
    display: none;
}

body:not(.theme-dark) .dt-container,
body.theme-dark .dt-container {
    border-radius: inherit;
    font-family: "Public Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    overflow: visible;
}

body:not(.theme-dark) .dt-container .dt-layout-row:first-child,
body.theme-dark .dt-container .dt-layout-row:first-child {
    border-bottom: 1px solid var(--border);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 0;
    padding: 18px 0;
}

body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-layout-start,
body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-start,
body.theme-dark .dt-container .dt-layout-row:first-child .dt-layout-start,
body.theme-dark .dt-container .dt-layout-row:first-child .dt-start {
    flex: 1 1 260px;
    justify-content: flex-start;
}

body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-layout-end,
body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-end,
body.theme-dark .dt-container .dt-layout-row:first-child .dt-layout-end,
body.theme-dark .dt-container .dt-layout-row:first-child .dt-end {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

body:not(.theme-dark) .dt-container .dt-layout-row:last-child,
body.theme-dark .dt-container .dt-layout-row:last-child {
    border-top: 1px solid var(--border);
    margin: 0;
    padding: 18px 0;
}

body:not(.theme-dark) .dt-container .dt-layout-cell,
body.theme-dark .dt-container .dt-layout-cell {
    align-items: center;
    display: flex;
    gap: 12px;
}

body:not(.theme-dark) .dt-container .dt-layout-cell.dt-layout-end,
body:not(.theme-dark) .dt-container .dt-layout-cell.dt-end,
body.theme-dark .dt-container .dt-layout-cell.dt-layout-end,
body.theme-dark .dt-container .dt-layout-cell.dt-end {
    justify-content: flex-end;
}

body:not(.theme-dark) .dt-container .dt-length label,
body:not(.theme-dark) .dt-container .dt-search label,
body.theme-dark .dt-container .dt-length label,
body.theme-dark .dt-container .dt-search label {
    align-items: center;
    display: inline-flex;
    gap: 10px;
}

body:not(.theme-dark) .dt-container .dt-search label,
body.theme-dark .dt-container .dt-search label {
    font-size: 0;
    gap: 0;
}

body:not(.theme-dark) .dt-container .dt-length label,
body.theme-dark .dt-container .dt-length label {
    color: transparent;
    font-size: 0;
    gap: 0;
}

body:not(.theme-dark) .dt-container .dt-length select,
body.theme-dark .dt-container .dt-length select,
body:not(.theme-dark) .dt-container .dt-search input,
body.theme-dark .dt-container .dt-search input {
    color: var(--text);
    font-size: 14px;
}

body:not(.theme-dark) .dt-container .dt-search input,
body.theme-dark .dt-container .dt-search input {
    min-width: min(220px, 44vw);
}

body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-search input,
body.theme-dark .dt-container .dt-layout-row:first-child .dt-search input {
    min-width: min(260px, 52vw);
}

.dt-export {
    position: relative;
}

.dt-export summary {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    list-style: none;
}

.dt-export summary::-webkit-details-marker {
    display: none;
}

.dt-export summary svg,
.dt-toolbar-primary svg {
    height: 16px;
    width: 16px;
}

.dt-export__menu {
    background: var(--panel-bg, #ffffff);
    border: 1px solid var(--border, #dbdade);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(47, 43, 61, 0.16);
    display: grid;
    gap: 4px;
    min-width: 180px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 8px;
    z-index: 1250;
}

.dt-export:not([open]) .dt-export__menu {
    display: none;
}

.dt-export__menu button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 10px;
    padding: 10px 12px;
    text-align: left;
}

.dt-export__menu button:hover,
.dt-export__menu button:focus-visible {
    background: var(--surface-hover);
    outline: 0;
}

.dt-export__menu svg {
    height: 17px;
    width: 17px;
}

.dt-toolbar-primary {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    white-space: nowrap;
}

body:not(.theme-dark) td.table-actions,
body.theme-dark td.table-actions {
    display: table-cell;
    min-width: 104px;
    text-align: right;
    vertical-align: middle;
}

body:not(.theme-dark) .table-actions .table-action-icon,
body.theme-dark .table-actions .table-action-icon {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    min-height: 36px;
    min-width: 36px;
    padding: 0;
    position: relative;
    width: 36px;
}

body:not(.theme-dark) .table-actions .table-action-icon svg,
body.theme-dark .table-actions .table-action-icon svg {
    height: 17px;
    width: 17px;
}

body:not(.theme-dark) table.dataTable,
body.theme-dark table.dataTable {
    margin: 0 !important;
    width: 100% !important;
}

body:not(.theme-dark) table.dataTable thead th,
body.theme-dark table.dataTable thead th {
    height: 50px;
    white-space: nowrap;
}

body:not(.theme-dark) table.dataTable tbody td,
body.theme-dark table.dataTable tbody td {
    height: 64px;
    vertical-align: middle;
}

@media (max-width: 720px) {
    .quick-links__menu {
        max-width: calc(100vw - 24px);
        right: -96px;
        width: 320px;
    }

    .topbar-user-menu__menu {
        max-width: calc(100vw - 24px);
        right: 0;
        width: 256px;
    }

    .quick-links__grid a {
        min-height: 128px;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:first-child,
    body.theme-dark .dt-container .dt-layout-row:first-child {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        padding: 12px 0;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-layout-start,
    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-layout-end,
    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-start,
    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-end,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-layout-start,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-layout-end,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-start,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-end {
        flex: 1 1 auto;
        justify-content: flex-start;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-layout-start,
    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-start,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-layout-start,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-start {
        order: 2;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-layout-end,
    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-end,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-layout-end,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-end {
        order: 1;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-layout-end .dt-toolbar-primary,
    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-end .dt-toolbar-primary,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-layout-end .dt-toolbar-primary,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-end .dt-toolbar-primary {
        flex: 0 0 auto;
        justify-content: center;
        order: 0;
        width: auto;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-toolbar-primary span,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-toolbar-primary span {
        font-size: 0;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-toolbar-primary span::after,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-toolbar-primary span::after {
        content: "Add";
        font-size: 14px;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-search,
    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-search label,
    body:not(.theme-dark) .dt-container .dt-layout-row:first-child .dt-search input,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-search,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-search label,
    body.theme-dark .dt-container .dt-layout-row:first-child .dt-search input {
        width: 100%;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:last-child,
    body.theme-dark .dt-container .dt-layout-row:last-child {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    body:not(.theme-dark) .dt-container .dt-layout-row:last-child .dt-layout-start,
    body:not(.theme-dark) .dt-container .dt-layout-row:last-child .dt-layout-end,
    body:not(.theme-dark) .dt-container .dt-layout-row:last-child .dt-start,
    body:not(.theme-dark) .dt-container .dt-layout-row:last-child .dt-end,
    body.theme-dark .dt-container .dt-layout-row:last-child .dt-layout-start,
    body.theme-dark .dt-container .dt-layout-row:last-child .dt-layout-end,
    body.theme-dark .dt-container .dt-layout-row:last-child .dt-start,
    body.theme-dark .dt-container .dt-layout-row:last-child .dt-end {
        justify-content: center;
        width: 100%;
    }
}

body:not(.theme-dark) .dt-container .dt-paging .dt-paging-button,
body.theme-dark .dt-container .dt-paging .dt-paging-button {
    border: 0;
    border-radius: 7px;
    min-height: 38px;
    min-width: 38px;
}

body:not(.theme-dark) .dt-container .dt-paging .dt-paging-button:not(.current) {
    background: #f1f1f4;
}

body.theme-dark .dt-container .dt-paging .dt-paging-button:not(.current) {
    background: #393d55;
}

body:not(.theme-dark) .dt-container .dt-info,
body.theme-dark .dt-container .dt-info {
    font-weight: 700;
}

.ecommerce-status-board {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0 24px 24px;
}

.ecommerce-status-column {
    background: var(--surface, #f8f7fa);
    border: 1px solid var(--border, #dbdade);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    min-height: 260px;
    overflow: hidden;
}

.ecommerce-status-column__head {
    align-items: flex-start;
    border-bottom: 1px solid var(--border, #dbdade);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 16px;
}

.ecommerce-status-column__head h3 {
    font-size: 16px;
    margin: 0 0 4px;
}

.ecommerce-status-column__head p {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}

.ecommerce-status-column__head > span {
    align-items: center;
    background: rgba(115, 103, 240, 0.12);
    border-radius: 999px;
    color: var(--primary, #7367f0);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: center;
    min-width: 30px;
    padding: 6px 10px;
}

.ecommerce-status-list {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.ecommerce-status-row {
    align-items: center;
    background: var(--panel-bg, #ffffff);
    border: 1px solid var(--border, #dbdade);
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(47, 43, 61, 0.05);
    display: flex;
    gap: 8px;
    min-height: 64px;
    padding: 10px 8px;
}

.ecommerce-status-row.is-dragging {
    opacity: 0.55;
}

.ecommerce-status-row.is-inactive {
    opacity: 0.68;
}

.ecommerce-status-row strong {
    display: block;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
}

.ecommerce-status-row small {
    color: var(--muted);
    display: block;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ecommerce-status-row__text {
    flex: 1 1 auto;
    min-width: 0;
}

.ecommerce-status-row__actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    white-space: nowrap;
}

.ecommerce-status-row__actions .btn {
    line-height: 1;
    min-height: 16px;
    min-width: 16px;
}

.ecommerce-status-row__actions .badge {
    flex: 0 0 auto;
}

.ecommerce-lock-detail-alert {
    align-items: center;
    display: flex;
    gap: 10px;
    line-height: 1.45;
}

.ecommerce-lock-detail-alert__icon {
    align-items: center;
    display: inline-flex;
    flex: 0 0 24px;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.ecommerce-lock-detail-alert__icon svg {
    display: block;
    height: 18px;
    width: 18px;
}

.ecommerce-lock-detail-alert strong {
    margin-right: 4px;
}

.ecommerce-order-lock-alert {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.ecommerce-order-lock-alert > span {
    flex: 1 1 auto;
}

.ecommerce-status-dot {
    border-radius: 999px;
    display: inline-flex;
    height: 12px;
    width: 12px;
}

.ecommerce-status-color-picker {
    align-items: center;
    background: var(--panel-bg, #ffffff);
    border: 1px solid var(--border, #dbdade);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    min-height: 42px;
    padding: 8px 12px;
}

.ecommerce-status-color-picker input[type="color"] {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 30px;
    min-height: 30px;
    padding: 0;
    width: 46px;
}

.ecommerce-status-color-picker__value {
    color: var(--text, #2f2b3d);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
}

.ecommerce-status-dot--primary { background: #7367f0; }
.ecommerce-status-dot--secondary { background: #a8aaae; }
.ecommerce-status-dot--success { background: #28c76f; }
.ecommerce-status-dot--info { background: #00cfe8; }
.ecommerce-status-dot--warning { background: #ff9f43; }
.ecommerce-status-dot--danger { background: #ea5455; }

.ecommerce-status-save-order {
    margin: 0 14px 14px;
}

body.theme-dark .ecommerce-status-column,
body.theme-dark .ecommerce-status-row {
    background: var(--panel-bg);
}

@media (max-width: 1180px) {
    .ecommerce-status-board {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .ecommerce-statuses-panel {
        padding: 16px 12px;
    }

    .ecommerce-status-board {
        gap: 14px;
        padding: 0;
    }

    .ecommerce-status-column__head {
        padding: 14px;
    }

    .ecommerce-status-list {
        gap: 8px;
        padding: 10px;
    }

    .ecommerce-status-row {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr);
        min-height: auto;
        padding: 10px;
        row-gap: 8px;
    }

    .ecommerce-status-row__text {
        min-width: 0;
    }

    .ecommerce-status-row strong,
    .ecommerce-status-row small {
        white-space: normal;
    }

    .ecommerce-status-row__actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
        gap: 8px;
        min-width: 0;
    }

    .ecommerce-status-row__actions .badge {
        margin-right: auto;
    }

    .ecommerce-status-save-order {
        margin: 0 10px 10px;
    }
}

#toast-container {
    z-index: 12000;
}

#toast-container > div {
    border-radius: 8px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.22);
    color: #ffffff;
    font-size: 14px;
    line-height: 1.45;
    opacity: 1;
    text-shadow: none;
}

#toast-container > .toast-success {
    background-color: #2fb344;
}

#toast-container > .toast-error {
    background-color: #d63939;
}

#toast-container > .toast-warning {
    background-color: #f59f00;
    color: #1f2937;
}

#toast-container > .toast-info {
    background-color: #4299e1;
}

#toast-container > div .toast-title,
#toast-container > div .toast-message {
    color: inherit;
}

.flatpickr-calendar {
    z-index: 12000;
}

/* Tabler compatibility layer for tenant and Software Admin/Owner shells. */
.tabler-compat {
    --tblr-primary: var(--primary, #7367f0);
    --tblr-primary-rgb: var(--app-accent-rgb, 115, 103, 240);
    --tblr-border-radius: 8px;
    --tblr-border-radius-lg: 10px;
    --tblr-body-bg: var(--body-bg, #f8f7fb);
    --tblr-body-color: var(--text, #2f2b3d);
    --tblr-heading-color: var(--heading-color, #1f2937);
    --tblr-border-color: var(--border-color, #dbdade);
    background: var(--body-bg, #f8f7fb);
    color: var(--text, #2f2b3d);
    font-family: var(--tblr-font-sans-serif, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.tabler-compat.theme-dark {
    --tblr-body-bg: var(--body-bg, #0f172a);
    --tblr-body-color: var(--text, #dbeafe);
    --tblr-heading-color: var(--heading-color, #f9fafb);
    --tblr-border-color: var(--border-color, #263244);
}

.tabler-compat,
.tabler-compat .layout,
.tabler-compat .app-shell {
    background: var(--body-bg, #f8f7fb);
}

.tabler-compat .layout {
    min-height: 100vh;
}

.tabler-compat .sidebar {
    background: var(--sidebar-bg, #ffffff);
    border-right: 1px solid var(--border-color, #dbdade);
    color: var(--text, #2f2b3d);
}

.tabler-compat .brand {
    color: var(--heading-color, #1f2937);
    font-size: 16px;
    letter-spacing: 0;
    min-width: 0;
    white-space: normal;
}

.tabler-compat .hamburger {
    border-radius: 8px;
}

.tabler-compat .sidebar__profile {
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}

.tabler-compat .sidebar__profile > img,
.tabler-compat .sidebar__profile > span {
    align-items: center;
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .12);
    border: 1px solid rgba(var(--app-accent-rgb, 115, 103, 240), .18);
    border-radius: 999px;
    color: var(--primary, #7367f0);
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 800;
    justify-content: center;
    object-fit: cover;
}

.tabler-compat .sidebar__nav {
    display: grid;
    gap: 4px;
}

.tabler-compat .sidebar__nav a {
    align-items: center;
    border-radius: 8px;
    color: var(--muted-color, #6f6b7d);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 10px;
    min-height: 42px;
    padding: 10px 12px;
    text-decoration: none;
}

.tabler-compat .sidebar__nav a:hover,
.tabler-compat .sidebar__nav a:focus-visible {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .08);
    color: var(--heading-color, #1f2937);
    text-decoration: none;
}

.tabler-compat .sidebar__nav a.is-active {
    background: var(--primary, #7367f0);
    box-shadow: 0 8px 20px rgba(var(--app-accent-rgb, 115, 103, 240), .22);
    color: #ffffff;
}

.tabler-compat .sidebar-link-icon {
    color: inherit;
    flex: 0 0 auto;
    margin: 0;
    opacity: .92;
}

.tabler-compat .sidebar-link-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabler-compat .app-shell {
    min-height: 100vh;
    padding-bottom: 32px;
}

.tabler-compat .app-shell__topbar {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(219, 218, 222, .74);
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
    display: flex;
    gap: 12px;
    min-height: 64px;
}

.tabler-compat .topbar-icon-button,
.tabler-compat .notification-link {
    align-items: center;
    background: var(--panel-bg, #ffffff);
    border: 1px solid var(--border-color, #dbdade);
    border-radius: 999px;
    box-shadow: none;
    color: var(--heading-color, #1f2937);
    display: inline-flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px;
}

.tabler-compat .topbar-icon-button:hover,
.tabler-compat .notification-link:hover {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .08);
    border-color: rgba(var(--app-accent-rgb, 115, 103, 240), .28);
    color: var(--primary, #7367f0);
}

.tabler-compat .panel,
.tabler-compat .overview-card,
.tabler-compat .email-hub-card,
.tabler-compat .form-section,
.tabler-compat .filters,
.tabler-compat .saas-filter-form,
.tabler-compat .ecommerce-overview-card,
.tabler-compat .ecommerce-editor-card,
.tabler-compat .ecommerce-theme-card,
.tabler-compat .profile-plan-card,
.tabler-compat .profile-usage-card {
    border-color: var(--border-color, #dbdade);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}

.tabler-compat .button,
.tabler-compat button.button {
    border-radius: 8px;
    min-height: 38px;
}

.tabler-compat .button--small,
.tabler-compat button.button--small,
.tabler-compat .button--sm,
.tabler-compat button.button--sm {
    min-height: 32px;
}

.tabler-compat .form input,
.tabler-compat .form textarea,
.tabler-compat .form select,
.tabler-compat .filters input,
.tabler-compat .filters select,
.tabler-compat .saas-filter-form input,
.tabler-compat .saas-filter-form select,
.tabler-compat .dt-container .dt-input {
    border-radius: 8px;
}

.tabler-compat .form {
    gap: 14px;
}

.tabler-compat .form label,
.tabler-compat .form-section label,
.tabler-compat .form-grid label,
.tabler-compat .client-form-grid label {
    color: var(--heading-color, #2f2b3d);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}

.tabler-compat .form > label:not(.toggle-field),
.tabler-compat .form-section > label:not(.toggle-field),
.tabler-compat .form .grid > label:not(.toggle-field),
.tabler-compat .form .form-grid > label:not(.toggle-field),
.tabler-compat .form .client-form-grid > label:not(.toggle-field),
.tabler-compat .form-field-card {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.tabler-compat .form > label:not(.toggle-field):focus-within,
.tabler-compat .form-section > label:not(.toggle-field):focus-within,
.tabler-compat .form .grid > label:not(.toggle-field):focus-within,
.tabler-compat .form .form-grid > label:not(.toggle-field):focus-within,
.tabler-compat .form .client-form-grid > label:not(.toggle-field):focus-within,
.tabler-compat .form-field-card:focus-within {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.tabler-compat .form input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
.tabler-compat .form textarea,
.tabler-compat .form select,
.tabler-compat .filters input,
.tabler-compat .filters select,
.tabler-compat .saas-filter-form input,
.tabler-compat .saas-filter-form select,
.tabler-compat .dt-container .dt-input,
.tabler-compat .select2-container--default .select2-selection--single {
    background-color: var(--panel-bg, #ffffff);
    border: 1px solid var(--border-color, #dbdade);
    box-shadow: none;
    color: var(--text-color, #4b465c);
    font-size: 14px;
    min-height: 38px;
    padding: 7px 12px;
}

.tabler-compat .form textarea {
    line-height: 1.5;
    min-height: 96px;
    resize: vertical;
}

.tabler-compat .form input:focus,
.tabler-compat .form textarea:focus,
.tabler-compat .form select:focus,
.tabler-compat .filters input:focus,
.tabler-compat .filters select:focus,
.tabler-compat .saas-filter-form input:focus,
.tabler-compat .saas-filter-form select:focus,
.tabler-compat .dt-container .dt-input:focus,
.tabler-compat .select2-container--default.select2-container--focus .select2-selection--single,
.tabler-compat .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--primary, #7367f0);
    box-shadow: 0 0 0 3px rgba(var(--app-accent-rgb, 115, 103, 240), .14);
    outline: 0;
}

.tabler-compat .form small,
.tabler-compat .form .field-helper,
.tabler-compat .form .muted,
.tabler-compat .form-section .field-helper,
.tabler-compat .form-grid .field-helper,
.tabler-compat .client-form-grid .field-helper {
    color: var(--muted-color, #6f6b7d);
    font-size: 13px;
    line-height: 1.45;
}

.tabler-compat .required-mark {
    color: #ea5455;
    font-weight: 700;
}

.tabler-compat .form label:not(.toggle-field) input[type="checkbox"],
.tabler-compat .form label:not(.toggle-field) input[type="radio"],
.tabler-compat .checkbox input,
.tabler-compat .checkbox-row input,
.tabler-compat .permission-checkbox input,
.tabler-compat .admin-toggle-field input[type="checkbox"] {
    accent-color: var(--primary, #7367f0);
}

.tabler-compat .form label:not(.toggle-field) input[type="checkbox"],
.tabler-compat .form label:not(.toggle-field) input[type="radio"],
.tabler-compat .checkbox input,
.tabler-compat .checkbox-row input,
.tabler-compat .permission-checkbox input {
    height: 16px;
    min-height: 16px;
    width: 16px;
}

.tabler-compat .toggle-switch {
    background: #e9ecef;
    border: 1px solid transparent;
    height: 22px;
    width: 38px;
}

.tabler-compat .toggle-switch::before {
    height: 18px;
    width: 18px;
}

.tabler-compat .toggle-field input:checked + .toggle-switch,
.tabler-compat .admin-toggle-field input:checked + .toggle-switch {
    background: var(--primary, #7367f0);
}

.tabler-compat .toggle-field input:checked + .toggle-switch::before,
.tabler-compat .admin-toggle-field input:checked + .toggle-switch::before {
    transform: translateX(16px);
}

.tabler-compat .select2-container--default .select2-selection--single {
    align-items: center;
    display: flex;
    padding: 0 36px 0 12px;
    position: relative;
}

.tabler-compat .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--text-color, #4b465c);
    line-height: 36px;
    padding-left: 0;
    padding-right: 0;
}

.tabler-compat .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    right: 8px;
}

.tabler-compat .select2-container--inline-search .select2-selection--single .select2-selection__rendered {
    opacity: 0;
}

.tabler-compat .select2-container--inline-search .select2-search--dropdown {
    background: transparent;
    bottom: 0;
    display: block;
    left: 0;
    padding: 0;
    position: absolute;
    right: 34px;
    top: 0;
    z-index: 2;
}

.tabler-compat .select2-container--inline-search .select2-search--dropdown .select2-search__field {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--text-color, #4b465c);
    cursor: text;
    font: inherit;
    height: 100%;
    min-height: 0;
    outline: 0;
    padding: 0;
    pointer-events: auto;
    width: 100% !important;
}

.tabler-compat .select2-container--default .select2-selection--multiple {
    border-color: var(--border-color, #dbdade);
    border-radius: 8px;
    min-height: 38px;
    padding: 3px 6px;
}

.tabler-compat .select2-container--default .select2-selection--multiple .select2-search--inline {
    display: inline-flex;
    min-width: 90px;
}

.tabler-compat .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    background: transparent;
    border: 0;
    box-shadow: none;
    caret-color: var(--text-color, #4b465c);
    color: var(--text-color, #4b465c);
    font: inherit;
    line-height: 1.4;
    margin: 2px 0;
    min-height: 28px;
    min-width: 90px;
    outline: 0;
    padding: 2px 4px;
}

.tabler-compat .select2-dropdown {
    border-color: var(--border-color, #dbdade);
    border-radius: 8px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .14);
    overflow: hidden;
}

.tabler-compat .select2-results__option {
    font-size: 14px;
    padding: 8px 12px;
}

.tabler-compat .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .1);
    color: var(--heading-color, #2f2b3d);
}

.tabler-compat .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .1);
    border: 1px solid rgba(var(--app-accent-rgb, 115, 103, 240), .2);
    border-radius: 999px;
    color: var(--heading-color, #2f2b3d);
    font-size: 13px;
    padding: 3px 8px;
}

.tabler-compat .ecommerce-download-dropzone > label,
.tabler-compat .ticket-reply-dropzone {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .04);
    border: 1px dashed rgba(var(--app-accent-rgb, 115, 103, 240), .4);
    border-radius: 10px;
    color: var(--muted-color, #6f6b7d);
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.tabler-compat .ecommerce-download-dropzone > label:hover,
.tabler-compat .ecommerce-download-dropzone.is-dragover > label,
.tabler-compat .ticket-reply-dropzone.is-dragging {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .08);
    border-color: var(--primary, #7367f0);
    box-shadow: 0 0 0 3px rgba(var(--app-accent-rgb, 115, 103, 240), .12);
}

.tabler-compat .ecommerce-download-dropzone > label strong,
.tabler-compat .ticket-reply-dropzone strong {
    color: var(--heading-color, #2f2b3d);
    font-weight: 600;
}

.tabler-compat .drive-dropzone,
.tabler-compat .drive-upload-modal .drive-dropzone {
    background: var(--tblr-bg-surface-secondary);
    border: 1px dashed var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    color: var(--tblr-secondary);
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.tabler-compat .drive-dropzone:hover,
.tabler-compat .drive-dropzone.is-dragover {
    background: rgba(var(--tblr-primary-rgb), .05);
    border-color: var(--tblr-primary);
    box-shadow: 0 0 0 3px rgba(var(--tblr-primary-rgb), .12);
}

.tabler-compat .drive-dropzone strong,
.tabler-compat .drive-upload-modal .drive-dropzone strong {
    color: var(--tblr-body-color);
    font-weight: 600;
}

.tabler-compat .drive-dropzone__browse,
.tabler-compat .ecommerce-download-dropzone .button,
.tabler-compat .ticket-reply-dropzone .button {
    border-radius: var(--tblr-border-radius);
}

.tabler-compat h1,
.tabler-compat h2,
.tabler-compat h3,
.tabler-compat .toolbar h1,
.tabler-compat .panel h2,
.tabler-compat .section-head h2,
.tabler-compat .section-head h3,
.tabler-compat .modal__header h2,
.tabler-compat .modal__head h2 {
    color: var(--heading-color, #2f2b3d);
    font-weight: 600;
    letter-spacing: 0;
}

.tabler-compat h1,
.tabler-compat .toolbar h1 {
    font-size: clamp(24px, 2vw, 32px);
    line-height: 1.18;
}

.tabler-compat .panel h2,
.tabler-compat .section-head h2,
.tabler-compat .modal__header h2,
.tabler-compat .modal__head h2 {
    font-size: 18px;
    line-height: 1.28;
    margin-bottom: 4px;
}

.tabler-compat .muted,
.tabler-compat .section-head p,
.tabler-compat .toolbar p {
    color: var(--muted-color, #6f6b7d);
}

.tabler-compat .tabs-nav,
.tabler-compat .segmented-control {
    background: #f1f3f5;
    border: 1px solid var(--border-color, #dbdade);
    border-radius: 10px;
    box-shadow: none;
    gap: 4px;
    padding: 4px;
}

.tabler-compat .tabs-nav__button,
.tabler-compat .segmented-control a {
    background: transparent;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
    color: var(--muted-color, #6f6b7d);
    font-size: 14px;
    font-weight: 500;
    min-height: 34px;
    padding: 8px 12px;
}

.tabler-compat .tabs-nav__button:hover,
.tabler-compat .segmented-control a:hover {
    background: rgba(255, 255, 255, .72);
    color: var(--heading-color, #2f2b3d);
}

.tabler-compat .tabs-nav__button.is-active,
.tabler-compat .segmented-control a.is-active {
    background: var(--panel-bg, #ffffff);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
    color: var(--heading-color, #2f2b3d);
}

.tabler-compat .modal__panel {
    border: 1px solid var(--border-color, #dbdade);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
    overflow: hidden;
}

.tabler-compat .modal__header,
.tabler-compat .modal__head {
    border-bottom: 1px solid var(--border-color, #dbdade);
    padding: 16px 20px;
}

.tabler-compat .modal__panel > .form,
.tabler-compat .modal__panel > form,
.tabler-compat .modal__panel > p,
.tabler-compat .modal__panel > .delete-warning,
.tabler-compat .modal__panel > .settings-subpanel,
.tabler-compat .modal__panel > .table-responsive {
    margin-left: 20px;
    margin-right: 20px;
}

.tabler-compat .modal__actions {
    border-top: 1px solid var(--border-color, #dbdade);
    gap: 10px;
    justify-content: flex-end;
    margin: 16px -20px -20px;
    padding: 16px 20px 0;
}

.tabler-compat .modal__panel--danger {
    border-color: rgba(234, 84, 85, .38);
}

.tabler-compat .modal__panel--danger .modal__header,
.tabler-compat .modal__panel--danger .modal__head {
    background: rgba(234, 84, 85, .08);
    border-bottom-color: rgba(234, 84, 85, .18);
}

.tabler-compat .modal__panel--danger .modal__header h2,
.tabler-compat .modal__panel--danger .modal__head h2 {
    color: #d63939;
}

body.tabler-compat:not(.theme-dark) .tabs-nav,
body.tabler-compat:not(.theme-dark) .segmented-control {
    background: #f1f3f5;
    border-color: var(--border-color, #dbdade);
}

body.tabler-compat:not(.theme-dark) .tabs-nav__button,
body.tabler-compat:not(.theme-dark) .segmented-control a {
    background: transparent;
    color: var(--muted-color, #6f6b7d);
}

body.tabler-compat:not(.theme-dark) .tabs-nav__button.is-active,
body.tabler-compat:not(.theme-dark) .segmented-control a.is-active {
    background: var(--panel-bg, #ffffff);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
    color: var(--heading-color, #2f2b3d);
}

body.tabler-compat:not(.theme-dark) .tabs-nav .tabs-nav__button.is-active,
body.tabler-compat:not(.theme-dark) .segmented-control a.is-active {
    color: var(--heading-color, #2f2b3d) !important;
}

.tabler-compat .table-responsive,
.tabler-compat .dt-container .dt-layout-table,
.tabler-compat .panel:has(.dt-container) {
    overflow-x: auto;
}

.tabler-compat table.dataTable,
.tabler-compat .dataTable,
.tabler-compat .table {
    --tblr-table-bg: var(--panel-bg, #ffffff);
    border-color: var(--border-color, #dbdade);
}

.tabler-compat.theme-dark,
.tabler-compat.theme-dark .layout,
.tabler-compat.theme-dark .app-shell {
    background: var(--body-bg, #0f172a);
}

.tabler-compat.theme-dark .sidebar,
.tabler-compat.theme-dark .sidebar__profile,
.tabler-compat.theme-dark .app-shell__topbar,
.tabler-compat.theme-dark .topbar-icon-button,
.tabler-compat.theme-dark .notification-link {
    background: var(--panel-bg, #111827);
    border-color: var(--border-color, #263244);
}

.tabler-compat.theme-dark .brand,
.tabler-compat.theme-dark .hamburger,
.tabler-compat.theme-dark .topbar-icon-button,
.tabler-compat.theme-dark .notification-link {
    color: var(--heading-color, #f9fafb);
}

.tabler-compat.theme-dark .sidebar__nav a {
    color: #98b2dd;
}

.tabler-compat.theme-dark .sidebar__nav a:hover,
.tabler-compat.theme-dark .sidebar__nav a:focus-visible {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .16);
    color: #ffffff;
}

.tabler-compat.theme-dark .form label,
.tabler-compat.theme-dark .form-section label,
.tabler-compat.theme-dark .form-grid label,
.tabler-compat.theme-dark .client-form-grid label {
    color: var(--heading-color, #f9fafb);
}

.tabler-compat.theme-dark .form > label:not(.toggle-field),
.tabler-compat.theme-dark .form-section > label:not(.toggle-field),
.tabler-compat.theme-dark .form .grid > label:not(.toggle-field),
.tabler-compat.theme-dark .form .form-grid > label:not(.toggle-field),
.tabler-compat.theme-dark .form .client-form-grid > label:not(.toggle-field),
.tabler-compat.theme-dark .form-field-card,
.tabler-compat.theme-dark .form > label:not(.toggle-field):focus-within,
.tabler-compat.theme-dark .form-section > label:not(.toggle-field):focus-within,
.tabler-compat.theme-dark .form .grid > label:not(.toggle-field):focus-within,
.tabler-compat.theme-dark .form .form-grid > label:not(.toggle-field):focus-within,
.tabler-compat.theme-dark .form .client-form-grid > label:not(.toggle-field):focus-within,
.tabler-compat.theme-dark .form-field-card:focus-within {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.tabler-compat.theme-dark .form input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
.tabler-compat.theme-dark .form textarea,
.tabler-compat.theme-dark .form select,
.tabler-compat.theme-dark .filters input,
.tabler-compat.theme-dark .filters select,
.tabler-compat.theme-dark .saas-filter-form input,
.tabler-compat.theme-dark .saas-filter-form select,
.tabler-compat.theme-dark .dt-container .dt-input,
.tabler-compat.theme-dark .select2-container--default .select2-selection--single,
.tabler-compat.theme-dark .select2-container--default .select2-selection--multiple {
    background-color: #0f172a;
    border-color: var(--border-color, #263244);
    color: var(--text-color, #cbd5e1);
}

.tabler-compat.theme-dark .form small,
.tabler-compat.theme-dark .form .field-helper,
.tabler-compat.theme-dark .form .muted,
.tabler-compat.theme-dark .form-section .field-helper,
.tabler-compat.theme-dark .form-grid .field-helper,
.tabler-compat.theme-dark .client-form-grid .field-helper,
.tabler-compat.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--muted-color, #98b2dd);
}

.tabler-compat.theme-dark .toggle-switch {
    background: #263244;
}

.tabler-compat.theme-dark .select2-dropdown {
    background: #0f172a;
    border-color: var(--border-color, #263244);
}

.tabler-compat.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .18);
    color: var(--heading-color, #f9fafb);
}

.tabler-compat.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .18);
    border-color: rgba(var(--app-accent-rgb, 115, 103, 240), .3);
    color: var(--heading-color, #f9fafb);
}

.tabler-compat.theme-dark .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    caret-color: var(--text-color, #cbd5e1);
    color: var(--text-color, #cbd5e1);
}

.tabler-compat.theme-dark .ecommerce-download-dropzone > label,
.tabler-compat.theme-dark .ticket-reply-dropzone {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .1);
    border-color: rgba(var(--app-accent-rgb, 115, 103, 240), .42);
    color: var(--muted-color, #98b2dd);
}

.tabler-compat.theme-dark .ecommerce-download-dropzone > label:hover,
.tabler-compat.theme-dark .ecommerce-download-dropzone.is-dragover > label,
.tabler-compat.theme-dark .ticket-reply-dropzone.is-dragging {
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .16);
    border-color: var(--primary, #7367f0);
}

.tabler-compat.theme-dark .ecommerce-download-dropzone > label strong,
.tabler-compat.theme-dark .ticket-reply-dropzone strong {
    color: var(--heading-color, #f9fafb);
}

.tabler-compat.theme-dark h1,
.tabler-compat.theme-dark h2,
.tabler-compat.theme-dark h3,
.tabler-compat.theme-dark .toolbar h1,
.tabler-compat.theme-dark .panel h2,
.tabler-compat.theme-dark .section-head h2,
.tabler-compat.theme-dark .section-head h3,
.tabler-compat.theme-dark .modal__header h2,
.tabler-compat.theme-dark .modal__head h2 {
    color: var(--heading-color, #f9fafb);
}

.tabler-compat.theme-dark .muted,
.tabler-compat.theme-dark .section-head p,
.tabler-compat.theme-dark .toolbar p {
    color: var(--muted-color, #98b2dd);
}

.tabler-compat.theme-dark .tabs-nav,
.tabler-compat.theme-dark .segmented-control {
    background: #0f172a;
    border-color: var(--border-color, #263244);
}

.tabler-compat.theme-dark .tabs-nav__button,
.tabler-compat.theme-dark .segmented-control a {
    color: var(--muted-color, #98b2dd);
}

.tabler-compat.theme-dark .tabs-nav__button:hover,
.tabler-compat.theme-dark .segmented-control a:hover {
    background: #162033;
    color: var(--heading-color, #f9fafb);
}

.tabler-compat.theme-dark .tabs-nav__button.is-active,
.tabler-compat.theme-dark .segmented-control a.is-active {
    background: #1f2937;
    color: var(--heading-color, #f9fafb);
}

.tabler-compat.theme-dark .modal__panel {
    border-color: var(--border-color, #263244);
}

.tabler-compat.theme-dark .modal__header,
.tabler-compat.theme-dark .modal__head,
.tabler-compat.theme-dark .modal__actions {
    border-color: var(--border-color, #263244);
}

.tabler-compat.theme-dark .modal__panel--danger .modal__header,
.tabler-compat.theme-dark .modal__panel--danger .modal__head {
    background: rgba(234, 84, 85, .13);
    border-bottom-color: rgba(234, 84, 85, .22);
}

body.app-theme-accent-blue { --primary: #206bc4; --accent: #206bc4; --app-accent-rgb: 32, 107, 196; --tblr-primary: #206bc4; --tblr-primary-rgb: 32, 107, 196; --tblr-link-color: #206bc4; --tblr-link-color-rgb: 32, 107, 196; }
body.app-theme-accent-azure { --primary: #4299e1; --accent: #4299e1; --app-accent-rgb: 66, 153, 225; --tblr-primary: #4299e1; --tblr-primary-rgb: 66, 153, 225; --tblr-link-color: #4299e1; --tblr-link-color-rgb: 66, 153, 225; }
body.app-theme-accent-indigo { --primary: #4263eb; --accent: #4263eb; --app-accent-rgb: 66, 99, 235; --tblr-primary: #4263eb; --tblr-primary-rgb: 66, 99, 235; --tblr-link-color: #4263eb; --tblr-link-color-rgb: 66, 99, 235; }
body.app-theme-accent-purple { --primary: #ae3ec9; --accent: #ae3ec9; --app-accent-rgb: 174, 62, 201; --tblr-primary: #ae3ec9; --tblr-primary-rgb: 174, 62, 201; --tblr-link-color: #ae3ec9; --tblr-link-color-rgb: 174, 62, 201; }
body.app-theme-accent-violet { --primary: #7367f0; --accent: #7367f0; --app-accent-rgb: 115, 103, 240; --tblr-primary: #7367f0; --tblr-primary-rgb: 115, 103, 240; --tblr-link-color: #7367f0; --tblr-link-color-rgb: 115, 103, 240; }
body.app-theme-accent-pink { --primary: #d6336c; --accent: #d6336c; --app-accent-rgb: 214, 51, 108; --tblr-primary: #d6336c; --tblr-primary-rgb: 214, 51, 108; --tblr-link-color: #d6336c; --tblr-link-color-rgb: 214, 51, 108; }
body.app-theme-accent-red { --primary: #d63939; --accent: #d63939; --app-accent-rgb: 214, 57, 57; --tblr-primary: #d63939; --tblr-primary-rgb: 214, 57, 57; --tblr-link-color: #d63939; --tblr-link-color-rgb: 214, 57, 57; }
body.app-theme-accent-orange { --primary: #f76707; --accent: #f76707; --app-accent-rgb: 247, 103, 7; --tblr-primary: #f76707; --tblr-primary-rgb: 247, 103, 7; --tblr-link-color: #f76707; --tblr-link-color-rgb: 247, 103, 7; }
body.app-theme-accent-yellow { --primary: #f59f00; --accent: #f59f00; --app-accent-rgb: 245, 159, 0; --tblr-primary: #f59f00; --tblr-primary-rgb: 245, 159, 0; --tblr-link-color: #f59f00; --tblr-link-color-rgb: 245, 159, 0; }
body.app-theme-accent-lime { --primary: #74b816; --accent: #74b816; --app-accent-rgb: 116, 184, 22; --tblr-primary: #74b816; --tblr-primary-rgb: 116, 184, 22; --tblr-link-color: #74b816; --tblr-link-color-rgb: 116, 184, 22; }
body.app-theme-accent-green { --primary: #2fb344; --accent: #2fb344; --app-accent-rgb: 47, 179, 68; --tblr-primary: #2fb344; --tblr-primary-rgb: 47, 179, 68; --tblr-link-color: #2fb344; --tblr-link-color-rgb: 47, 179, 68; }
body.app-theme-accent-teal { --primary: #0ca678; --accent: #0ca678; --app-accent-rgb: 12, 166, 120; --tblr-primary: #0ca678; --tblr-primary-rgb: 12, 166, 120; --tblr-link-color: #0ca678; --tblr-link-color-rgb: 12, 166, 120; }
body.app-theme-accent-cyan { --primary: #17a2b8; --accent: #17a2b8; --app-accent-rgb: 23, 162, 184; --tblr-primary: #17a2b8; --tblr-primary-rgb: 23, 162, 184; --tblr-link-color: #17a2b8; --tblr-link-color-rgb: 23, 162, 184; }

.app-theme-base-slate {
    --tblr-body-bg: #f8fafc;
    --tblr-body-color: #475569;
    --tblr-body-color-rgb: 71, 85, 105;
    --tblr-bg-forms: #ffffff;
    --tblr-bg-surface: #ffffff;
    --tblr-bg-surface-secondary: #f1f5f9;
    --tblr-bg-surface-tertiary: #e2e8f0;
    --tblr-border-color: #e2e8f0;
    --tblr-heading-color: #0f172a;
    --tblr-secondary-color: rgba(71, 85, 105, .72);
}

.app-theme-base-gray {
    --tblr-body-bg: #f9fafb;
    --tblr-body-color: #4b5563;
    --tblr-body-color-rgb: 75, 85, 99;
    --tblr-bg-forms: #ffffff;
    --tblr-bg-surface: #ffffff;
    --tblr-bg-surface-secondary: #f3f4f6;
    --tblr-bg-surface-tertiary: #e5e7eb;
    --tblr-border-color: #e5e7eb;
    --tblr-heading-color: #111827;
    --tblr-secondary-color: rgba(75, 85, 99, .72);
}

.app-theme-base-zinc {
    --tblr-body-bg: #fafafa;
    --tblr-body-color: #52525b;
    --tblr-body-color-rgb: 82, 82, 91;
    --tblr-bg-forms: #ffffff;
    --tblr-bg-surface: #ffffff;
    --tblr-bg-surface-secondary: #f4f4f5;
    --tblr-bg-surface-tertiary: #e4e4e7;
    --tblr-border-color: #e4e4e7;
    --tblr-heading-color: #18181b;
    --tblr-secondary-color: rgba(82, 82, 91, .72);
}

.app-theme-base-neutral {
    --tblr-body-bg: #fafafa;
    --tblr-body-color: #525252;
    --tblr-body-color-rgb: 82, 82, 82;
    --tblr-bg-forms: #ffffff;
    --tblr-bg-surface: #ffffff;
    --tblr-bg-surface-secondary: #f5f5f5;
    --tblr-bg-surface-tertiary: #e5e5e5;
    --tblr-border-color: #e5e5e5;
    --tblr-heading-color: #171717;
    --tblr-secondary-color: rgba(82, 82, 82, .72);
}

.app-theme-base-stone {
    --tblr-body-bg: #fafaf9;
    --tblr-body-color: #57534e;
    --tblr-body-color-rgb: 87, 83, 78;
    --tblr-bg-forms: #ffffff;
    --tblr-bg-surface: #ffffff;
    --tblr-bg-surface-secondary: #f5f5f4;
    --tblr-bg-surface-tertiary: #e7e5e4;
    --tblr-border-color: #e7e5e4;
    --tblr-heading-color: #1c1917;
    --tblr-secondary-color: rgba(87, 83, 78, .72);
}

[data-bs-theme="dark"] body.app-theme-base-slate,
body.theme-dark.app-theme-base-slate {
    --tblr-body-bg: #0f172a;
    --tblr-body-color: #cbd5e1;
    --tblr-body-color-rgb: 203, 213, 225;
    --tblr-bg-forms: #111827;
    --tblr-bg-surface: #111827;
    --tblr-bg-surface-secondary: #1e293b;
    --tblr-bg-surface-tertiary: #334155;
    --tblr-border-color: #334155;
    --tblr-heading-color: #f8fafc;
    --tblr-secondary-color: rgba(203, 213, 225, .72);
}

[data-bs-theme="dark"] body.app-theme-base-gray,
body.theme-dark.app-theme-base-gray {
    --tblr-body-bg: #111827;
    --tblr-body-color: #d1d5db;
    --tblr-body-color-rgb: 209, 213, 219;
    --tblr-bg-forms: #111827;
    --tblr-bg-surface: #1f2937;
    --tblr-bg-surface-secondary: #273244;
    --tblr-bg-surface-tertiary: #374151;
    --tblr-border-color: #374151;
    --tblr-heading-color: #f9fafb;
    --tblr-secondary-color: rgba(209, 213, 219, .72);
}

[data-bs-theme="dark"] body.app-theme-base-zinc,
body.theme-dark.app-theme-base-zinc {
    --tblr-body-bg: #18181b;
    --tblr-body-color: #d4d4d8;
    --tblr-body-color-rgb: 212, 212, 216;
    --tblr-bg-forms: #18181b;
    --tblr-bg-surface: #27272a;
    --tblr-bg-surface-secondary: #303033;
    --tblr-bg-surface-tertiary: #3f3f46;
    --tblr-border-color: #3f3f46;
    --tblr-heading-color: #fafafa;
    --tblr-secondary-color: rgba(212, 212, 216, .72);
}

[data-bs-theme="dark"] body.app-theme-base-neutral,
body.theme-dark.app-theme-base-neutral {
    --tblr-body-bg: #171717;
    --tblr-body-color: #d4d4d4;
    --tblr-body-color-rgb: 212, 212, 212;
    --tblr-bg-forms: #171717;
    --tblr-bg-surface: #262626;
    --tblr-bg-surface-secondary: #303030;
    --tblr-bg-surface-tertiary: #404040;
    --tblr-border-color: #404040;
    --tblr-heading-color: #fafafa;
    --tblr-secondary-color: rgba(212, 212, 212, .72);
}

[data-bs-theme="dark"] body.app-theme-base-stone,
body.theme-dark.app-theme-base-stone {
    --tblr-body-bg: #1c1917;
    --tblr-body-color: #d6d3d1;
    --tblr-body-color-rgb: 214, 211, 209;
    --tblr-bg-forms: #1c1917;
    --tblr-bg-surface: #292524;
    --tblr-bg-surface-secondary: #332f2d;
    --tblr-bg-surface-tertiary: #44403c;
    --tblr-border-color: #44403c;
    --tblr-heading-color: #fafaf9;
    --tblr-secondary-color: rgba(214, 211, 209, .72);
}

.app-theme-font-sans { --tblr-font-sans-serif: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.app-theme-font-sans-serif { --tblr-font-sans-serif: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.app-theme-font-serif { --tblr-font-sans-serif: Georgia, "Times New Roman", serif; }
.app-theme-font-mono { --tblr-font-sans-serif: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.app-theme-font-monospace { --tblr-font-sans-serif: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.app-theme-font-comic { --tblr-font-sans-serif: "Comic Sans MS", "Comic Sans", cursive; }

.app-theme-radius-compact { --tblr-border-radius: 4px; --tblr-border-radius-lg: 6px; }
.app-theme-radius-standard { --tblr-border-radius: 8px; --tblr-border-radius-lg: 10px; }
.app-theme-radius-soft { --tblr-border-radius: 14px; --tblr-border-radius-lg: 18px; }
.app-theme-radius-0 { --tblr-border-radius: 0; --tblr-border-radius-lg: 0; }
.app-theme-radius-0-5 { --tblr-border-radius: 4px; --tblr-border-radius-lg: 6px; }
.app-theme-radius-1 { --tblr-border-radius: 6px; --tblr-border-radius-lg: 8px; }
.app-theme-radius-1-5 { --tblr-border-radius: 10px; --tblr-border-radius-lg: 12px; }
.app-theme-radius-2 { --tblr-border-radius: 14px; --tblr-border-radius-lg: 18px; }

.app-theme-radius-compact .button,
.app-theme-radius-compact .panel,
.app-theme-radius-compact .modal__panel,
.app-theme-radius-compact .form input,
.app-theme-radius-compact .form textarea,
.app-theme-radius-compact .form select,
.app-theme-radius-compact .select2-container--default .select2-selection--single,
.app-theme-radius-compact .select2-container--default .select2-selection--multiple {
    border-radius: 5px;
}

.app-theme-radius-soft .button,
.app-theme-radius-soft .panel,
.app-theme-radius-soft .modal__panel,
.app-theme-radius-soft .form input,
.app-theme-radius-soft .form textarea,
.app-theme-radius-soft .form select,
.app-theme-radius-soft .select2-container--default .select2-selection--single,
.app-theme-radius-soft .select2-container--default .select2-selection--multiple {
    border-radius: 14px;
}

.mailmarket-theme-offcanvas {
    color: var(--tblr-body-color);
    font-family: var(--tblr-body-font-family);
    width: 380px;
}

.mailmarket-theme-offcanvas .offcanvas-body {
    overflow-y: auto;
}

.mailmarket-theme-offcanvas .form-check {
    display: block;
    margin-bottom: .5rem;
}

.mailmarket-theme-offcanvas .form-check:last-child {
    margin-bottom: 0;
}

.mailmarket-theme-offcanvas .form-selectgroup-item {
    align-items: center;
    display: flex;
    gap: .625rem;
}

.mailmarket-theme-offcanvas .form-colorinput-color {
    border-radius: var(--tblr-border-radius);
    box-shadow: inset 0 0 0 1px rgba(var(--tblr-body-color-rgb), .08);
}

.tabler-compat .form input[type="color"],
.tabler-compat input[type="color"][data-variation-color-picker],
.tabler-compat .ecommerce-status-color-picker input[type="color"] {
    background: var(--panel-bg, #ffffff);
    border: 1px solid var(--border-color, #dbdade);
    border-radius: 9px;
    box-shadow: none;
    cursor: pointer;
    height: 38px;
    min-height: 38px;
    padding: 4px;
    width: 54px;
}

.tabler-compat .form input[type="color"]::-webkit-color-swatch-wrapper,
.tabler-compat input[type="color"][data-variation-color-picker]::-webkit-color-swatch-wrapper,
.tabler-compat .ecommerce-status-color-picker input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.tabler-compat .form input[type="color"]::-webkit-color-swatch,
.tabler-compat input[type="color"][data-variation-color-picker]::-webkit-color-swatch,
.tabler-compat .ecommerce-status-color-picker input[type="color"]::-webkit-color-swatch {
    border: 0;
    border-radius: 6px;
}

.tabler-compat .form input[type="color"]::-moz-color-swatch,
.tabler-compat input[type="color"][data-variation-color-picker]::-moz-color-swatch,
.tabler-compat .ecommerce-status-color-picker input[type="color"]::-moz-color-swatch {
    border: 0;
    border-radius: 6px;
}

.select2-avatar-option,
.select2-flag-option {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    min-width: 0;
}

.select2-avatar-option__avatar {
    align-items: center;
    background: rgba(var(--app-accent-rgb, 115, 103, 240), .12);
    border-radius: 999px;
    color: var(--primary, #7367f0);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    overflow: hidden;
    width: 28px;
}

.select2-avatar-option__avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.select2-avatar-option__body {
    display: grid;
    min-width: 0;
}

.select2-avatar-option__body strong {
    color: var(--heading-color, #2f2b3d);
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-avatar-option__body small {
    color: var(--muted-color, #6f6b7d);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabler-compat .select2-selection__rendered .select2-avatar-option,
.tabler-compat .select2-selection__rendered .select2-flag-option {
    min-height: 0;
}

.tabler-compat .select2-selection__rendered .select2-avatar-option__avatar {
    height: 22px;
    width: 22px;
}

.tabler-compat .select2-selection__rendered .select2-avatar-option__body small {
    display: none;
}

.viewer-container.viewer-fixed {
    background: rgba(15, 23, 42, .82);
    backdrop-filter: blur(8px);
}

.viewer-toolbar > ul > li,
.viewer-button {
    background-color: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .18);
}

.viewer-title {
    background: rgba(15, 23, 42, .68);
    border-radius: 999px;
    color: #ffffff;
    font-size: 13px;
    padding: 6px 12px;
}

.tabler-compat .billing-party-card,
.tabler-compat .billing-invoice-panel,
.tabler-compat .billing-summary-grid article,
.tabler-compat .billing-invoice-panel {
    overflow: hidden;
}

.tabler-compat .billing-lines-table th {
    background: #f8f9fa;
    color: var(--muted-color, #6f6b7d);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.tabler-compat .billing-total-box {
    background: #f8f9fa;
    border: 1px solid var(--border-color, #dbdade);
    border-radius: 10px;
    padding: 4px 16px;
}

.tabler-compat .plan-card {
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.tabler-compat .plan-card:hover {
    border-color: rgba(var(--app-accent-rgb, 115, 103, 240), .32);
    box-shadow: 0 16px 36px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.tabler-compat .plan-card.is-current {
    border-color: rgba(47, 179, 68, .58);
    box-shadow: 0 0 0 3px rgba(47, 179, 68, .1), 0 12px 28px rgba(15, 23, 42, .06);
}

.tabler-compat.theme-dark .billing-total-box,
.tabler-compat.theme-dark .billing-lines-table th {
    background: #111827;
    border-color: var(--border-color, #263244);
}

.tabler-compat.theme-dark .select2-avatar-option__body strong {
    color: var(--text-color, #cbd5e1);
}

.tabler-compat.theme-dark .select2-avatar-option__body small {
    color: var(--muted-color, #98b2dd);
}

@media (min-width: 821px) {
    body.tabler-compat .sidebar {
        align-items: center;
        border: 0;
        border-bottom: 1px solid rgba(219, 218, 222, .82);
        box-shadow: 0 8px 24px rgba(47, 43, 61, .08);
        display: flex;
        flex-direction: row;
        height: 56px;
        left: 0;
        overflow: visible;
        padding: 0 max(24px, calc((100vw - 1440px) / 2 + 24px));
        position: fixed;
        right: 0;
        top: 68px;
        width: 100%;
        z-index: 1200;
    }

    body.tabler-compat .app-shell {
        margin: 0 auto;
        max-width: 1440px;
        padding: 142px 24px 32px;
        width: min(1440px, 100%);
    }

    body.tabler-compat .app-shell__topbar {
        border: 0;
        border-radius: 0 0 10px 10px;
        gap: 14px;
        justify-content: flex-end;
        left: 0;
        min-height: 68px;
        padding: 0 max(24px, calc((100vw - 1440px) / 2 + 24px));
        right: 0;
        top: 0;
        width: auto;
        z-index: 1210;
    }

    body.tabler-compat .sidebar__head,
    body.tabler-compat .sidebar__profile {
        display: none;
    }

    body.tabler-compat .sidebar__nav {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        gap: 6px;
        max-height: none;
        min-height: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0;
        scrollbar-width: thin;
    }

    body.tabler-compat .sidebar__nav a {
        border-radius: 7px;
        flex: 0 0 auto;
        font-size: 14px;
        gap: 8px;
        min-height: 38px;
        padding: 9px 12px;
        width: auto;
    }

    body.tabler-compat.sidebar-collapsed .sidebar {
        width: 100%;
    }

    body.tabler-compat.sidebar-collapsed .app-shell {
        margin: 0 auto;
        max-width: 1440px;
        width: min(1440px, 100%);
    }

    body.tabler-compat.sidebar-collapsed .app-shell__topbar {
        left: 0;
    }

    body.tabler-compat.sidebar-collapsed .sidebar__nav {
        display: flex;
    }

    body.tabler-compat.sidebar-collapsed .sidebar-link-label {
        display: inline;
    }

    body.tabler-compat.sidebar-collapsed .sidebar-link-icon {
        flex: 0 0 20px;
        width: 20px;
    }

    body.tabler-compat.theme-dark .sidebar {
        border-bottom-color: rgba(68, 72, 94, .82);
        box-shadow: 0 8px 26px rgba(15, 18, 33, .22);
    }
}

@media (max-width: 820px) {
    .tabler-compat .layout {
        display: block;
    }

    .tabler-compat .sidebar {
        border-bottom: 1px solid var(--border-color, #dbdade);
        border-right: 0;
        height: auto;
        min-height: 68px;
        padding: 0;
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 1030;
    }

    .tabler-compat .sidebar__head,
    .saas-admin-body.tabler-compat .sidebar__head {
        display: flex;
        min-height: 68px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .tabler-compat .sidebar__profile {
        display: none;
    }

    .tabler-compat .mobile-nav-backdrop {
        background: rgba(15, 23, 42, .38);
        bottom: 0;
        display: block;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 69px;
        transition: opacity 160ms ease;
        z-index: 1028;
    }

    .tabler-compat.sidebar-collapsed .mobile-nav-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .tabler-compat .sidebar__nav {
        background: var(--panel-bg, #ffffff);
        border-right: 1px solid var(--border-color, #dbdade);
        bottom: 0;
        box-shadow: 18px 0 42px rgba(15, 23, 42, .18);
        display: grid;
        gap: 6px;
        left: 0;
        max-height: none;
        overflow-y: auto;
        padding: 14px;
        position: fixed;
        top: 69px;
        transform: translateX(-104%);
        transition: transform 180ms ease;
        width: min(336px, 86vw);
        z-index: 1029;
    }

    .tabler-compat.sidebar-collapsed .sidebar__nav {
        transform: translateX(0);
    }

    .tabler-compat.sidebar-collapsed .sidebar-link-label,
    .tabler-compat.sidebar-collapsed .sidebar-label {
        display: inline;
    }

    .tabler-compat.sidebar-collapsed .sidebar-link-icon {
        flex: 0 0 20px;
        width: 20px;
    }

    .tabler-compat .sidebar__nav a,
    .tabler-compat.sidebar-collapsed .sidebar__nav a {
        justify-content: flex-start;
        min-height: 44px;
        padding: 11px 12px;
        width: 100%;
    }

    .tabler-compat .app-shell,
    .tabler-compat.sidebar-collapsed .app-shell {
        margin-left: 0;
        padding: 16px;
        width: 100%;
    }

    body.tabler-compat .app-shell__topbar,
    body.theme-dark.tabler-compat .app-shell__topbar,
    body:not(.theme-dark).tabler-compat .app-shell__topbar {
        backdrop-filter: none;
        border-radius: 10px;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 16px;
        padding: 10px;
        position: static;
    }

    .tabler-compat .quick-links {
        position: static;
    }

    .tabler-compat .app-shell__topbar-brand {
        flex: 1 1 100%;
        order: -1;
    }

    .tabler-compat .quick-links__menu,
    .tabler-compat .topbar-user-menu__menu {
        max-width: calc(100vw - 28px);
        right: 0;
    }

    .tabler-compat .quick-links__menu {
        border: 0;
        border-radius: 0;
        bottom: 0;
        height: calc(100dvh - 69px);
        left: 0;
        max-width: none;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 69px;
        width: 100vw;
        z-index: 1320;
    }

    .tabler-compat .quick-links__head {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .tabler-compat .quick-links__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .tabler-compat .app-shell {
        padding-left: 12px;
        padding-right: 12px;
    }

    .tabler-compat .toolbar,
    .tabler-compat .section-head,
    .tabler-compat .form-actions,
    .tabler-compat .modal__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .tabler-compat .toolbar .button,
    .tabler-compat .section-head .button,
    .tabler-compat .form-actions .button,
    .tabler-compat .modal__actions .button {
        justify-content: center;
        width: 100%;
    }
}

/* Tabler authority layer: keep this last so legacy SaaS skin rules cannot
   override shared Tabler shell components. */
.mailmarket-tabler-shell {
    background: var(--tblr-body-bg);
    color: var(--tblr-body-color);
    font-family: var(--tblr-font-sans-serif);
    --tblr-card-bg: var(--tblr-bg-surface);
    --tblr-navbar-bg: var(--tblr-bg-surface);
    --tblr-navbar-color: var(--tblr-body-color);
    --tblr-navbar-active-color: var(--tblr-heading-color);
    --tblr-muted: var(--tblr-secondary-color);
}

.mailmarket-tabler-shell .page,
.mailmarket-tabler-shell .page-wrapper,
.mailmarket-tabler-shell .page-body {
    background: var(--tblr-body-bg);
}

.mailmarket-tabler-shell.layout-boxed {
    background: var(--tblr-bg-surface-secondary);
}

.mailmarket-tabler-shell.layout-boxed .page,
.mailmarket-tabler-shell.layout-boxed .page-wrapper,
.mailmarket-tabler-shell.layout-boxed .page-body {
    background: transparent;
}

.mailmarket-tabler-shell.layout-boxed .page-body > .container-xl {
    background: var(--tblr-bg-surface);
    border-inline: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    min-height: calc(100vh - 7rem);
}

.mailmarket-tabler-shell .card,
.mailmarket-tabler-shell .modal-content,
.mailmarket-tabler-shell .dropdown-menu {
    --tblr-card-bg: var(--tblr-bg-surface);
}

.mailmarket-tabler-shell .btn > svg + span,
.mailmarket-tabler-shell .btn > [data-lucide] + span,
.mailmarket-tabler-shell .btn > .icon + span {
    margin-left: .35rem;
}

.mailmarket-tabler-shell .navbar,
.mailmarket-tabler-shell .mailmarket-sticky-header > .navbar,
.mailmarket-tabler-shell .mailmarket-sticky-header > .mailmarket-horizontal-menu {
    background: var(--tblr-bg-surface);
    color: var(--tblr-body-color);
}

.mailmarket-tabler-shell .mailmarket-sticky-header .navbar-nav .nav-link,
.mailmarket-tabler-shell .mailmarket-sticky-header .navbar-nav button.nav-link {
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .mailmarket-sticky-header .navbar-nav .nav-link:hover,
.mailmarket-tabler-shell .mailmarket-sticky-header .navbar-nav .nav-link:focus-visible,
.mailmarket-tabler-shell .mailmarket-sticky-header .navbar-nav button.nav-link:hover,
.mailmarket-tabler-shell .mailmarket-sticky-header .navbar-nav button.nav-link:focus-visible {
    color: var(--tblr-primary) !important;
}

.mailmarket-tabler-shell .btn-primary {
    --tblr-btn-bg: var(--tblr-primary);
    --tblr-btn-border-color: var(--tblr-primary);
    --tblr-btn-color: var(--tblr-primary-fg);
    --tblr-btn-hover-bg: color-mix(in srgb, var(--tblr-primary) 88%, #000);
    --tblr-btn-hover-border-color: color-mix(in srgb, var(--tblr-primary) 88%, #000);
    --tblr-btn-hover-color: var(--tblr-primary-fg);
    --tblr-btn-active-bg: color-mix(in srgb, var(--tblr-primary) 82%, #000);
    --tblr-btn-active-border-color: color-mix(in srgb, var(--tblr-primary) 82%, #000);
    --tblr-btn-active-color: var(--tblr-primary-fg);
    --tblr-btn-disabled-bg: var(--tblr-primary);
    --tblr-btn-disabled-border-color: var(--tblr-primary);
    --tblr-btn-disabled-color: var(--tblr-primary-fg);
}

.mailmarket-tabler-shell .btn-outline-primary,
.mailmarket-tabler-shell .btn-ghost-primary {
    --tblr-btn-color: var(--tblr-primary);
    --tblr-btn-border-color: color-mix(in srgb, var(--tblr-primary) 44%, var(--tblr-border-color));
    --tblr-btn-hover-bg: var(--tblr-primary);
    --tblr-btn-hover-border-color: var(--tblr-primary);
    --tblr-btn-hover-color: var(--tblr-primary-fg);
    --tblr-btn-active-bg: color-mix(in srgb, var(--tblr-primary) 88%, #000);
    --tblr-btn-active-border-color: color-mix(in srgb, var(--tblr-primary) 88%, #000);
    --tblr-btn-active-color: var(--tblr-primary-fg);
}

.mailmarket-tabler-shell .alert-info {
    background: var(--tblr-info-bg-subtle) !important;
    border-color: var(--tblr-info-border-subtle) !important;
    color: var(--tblr-info-text-emphasis) !important;
}

.mailmarket-tabler-shell .alert-info .alert-title {
    color: var(--tblr-info-text-emphasis) !important;
}

.mailmarket-tabler-shell .alert-info .text-secondary {
    color: color-mix(in srgb, var(--tblr-info-text-emphasis) 72%, var(--tblr-body-color)) !important;
}

.mailmarket-tabler-shell .flatpickr-day.selected,
.mailmarket-tabler-shell .flatpickr-day.startRange,
.mailmarket-tabler-shell .flatpickr-day.endRange,
.mailmarket-tabler-shell .flatpickr-day.selected:hover,
.mailmarket-tabler-shell .flatpickr-day.startRange:hover,
.mailmarket-tabler-shell .flatpickr-day.endRange:hover {
    background: var(--tblr-primary) !important;
    border-color: var(--tblr-primary) !important;
    color: var(--tblr-primary-fg) !important;
}

.mailmarket-tabler-shell .flatpickr-day.today {
    border-color: var(--tblr-primary) !important;
}

.mailmarket-tabler-shell .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - 3rem);
    overflow: hidden;
}

.mailmarket-tabler-shell .modal-content > form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.mailmarket-tabler-shell .modal-header,
.mailmarket-tabler-shell .modal-footer {
    flex: 0 0 auto;
}

.mailmarket-tabler-shell .modal-footer .btn:not(.btn-icon):not(.btn-close) {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
}

.mailmarket-tabler-shell .modal-footer .btn:not(.btn-icon):not(.btn-close) > i,
.mailmarket-tabler-shell .modal-footer .btn:not(.btn-icon):not(.btn-close) > svg {
    flex: 0 0 auto;
}

.mailmarket-tabler-shell .form-label.required {
    align-items: baseline;
    display: inline-flex;
    gap: .25rem;
    width: auto;
}

.mailmarket-tabler-shell .form-label.required::after {
    color: var(--tblr-danger);
    content: "*";
    display: inline;
    margin-left: 0;
}

.mailmarket-tabler-shell .form-label .required-mark {
    color: var(--tblr-danger);
    display: inline;
    margin-left: .25rem;
}

body.theme-dark.mailmarket-tabler-shell .form-label,
body.theme-dark.mailmarket-tabler-shell .form-check-label,
body.theme-dark.mailmarket-tabler-shell .form-selectgroup-label {
    color: var(--tblr-heading-color) !important;
}

body.theme-dark.mailmarket-tabler-shell .form-hint,
body.theme-dark.mailmarket-tabler-shell .card-subtitle,
body.theme-dark.mailmarket-tabler-shell .text-secondary {
    color: var(--tblr-secondary-color) !important;
}

body.theme-dark.mailmarket-tabler-shell .card.bg-body-tertiary .form-label {
    color: var(--tblr-heading-color) !important;
}

.mailmarket-tabler-shell .ticket-update-form .form-label {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: .5rem;
    min-height: 0 !important;
    padding: 0 !important;
}

.mailmarket-tabler-shell .ticket-initial-message-editor [data-editor-command] svg {
    height: 1rem;
    width: 1rem;
}

.mailmarket-tabler-shell .ticket-initial-message-editor__surface {
    line-height: 1.6;
    max-height: 22rem;
    min-height: 12rem;
    overflow-y: auto;
    padding: .75rem;
}

.mailmarket-tabler-shell .ticket-view-reply-editor .ticket-editor__toolbar {
    background: var(--tblr-bg-surface);
    gap: .5rem;
}

.mailmarket-tabler-shell .ticket-view-reply-editor .ticket-editor__toolbar .btn {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--tblr-secondary);
    height: 2rem;
    min-width: 2rem;
    padding: 0;
}

.mailmarket-tabler-shell .ticket-view-reply-editor .ticket-editor__toolbar .btn:hover,
.mailmarket-tabler-shell .ticket-view-reply-editor .ticket-editor__toolbar .btn:focus-visible {
    background: var(--tblr-secondary-bg-subtle);
    border-color: transparent;
    box-shadow: none;
    color: var(--tblr-body-color);
}

.mailmarket-tabler-shell .ticket-view-reply-editor [data-editor-command] svg {
    height: 1rem;
    width: 1rem;
}

.mailmarket-tabler-shell .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .modal-body,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] form .modal-body {
    align-items: start;
    display: grid;
    gap: 1rem;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .modal-body .form {
    gap: 0;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-modal-field,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form > label.ecommerce-modal-field,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form-section > label.ecommerce-modal-field,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form .grid > label.ecommerce-modal-field,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form .form-grid > label.ecommerce-modal-field,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form .client-form-grid > label.ecommerce-modal-field,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form-field-card.ecommerce-modal-field {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--tblr-body-color) !important;
    display: grid;
    font-weight: 600;
    gap: .375rem;
    grid-template-rows: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    place-self: start stretch;
    transition: none;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-modal-field:focus-within,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form > label.ecommerce-modal-field:focus-within,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form-section > label.ecommerce-modal-field:focus-within,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form .grid > label.ecommerce-modal-field:focus-within,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form .form-grid > label.ecommerce-modal-field:focus-within,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form .client-form-grid > label.ecommerce-modal-field:focus-within,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form-field-card.ecommerce-modal-field:focus-within {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-modal-field .form-control,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-modal-field .form-select {
    margin-top: 0 !important;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-modal-field small,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-modal-field .muted,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-modal-field .field-helper,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form-section small {
    color: var(--tblr-secondary-color) !important;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.45;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form-grid,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .grid.grid--two,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form .grid,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form .form-grid {
    align-items: start;
    gap: 1rem;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .form-section {
    background: transparent;
    border-color: var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .modal-body > .form-grid + .form-grid,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .modal-body > .form-grid + label.ecommerce-modal-field,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .modal-body > label.ecommerce-modal-field + .form-grid,
.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .modal-body > label.ecommerce-modal-field + label.ecommerce-modal-field {
    margin-top: .25rem;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .modal-body > label.ecommerce-modal-field {
    width: 100%;
}

.mailmarket-tabler-shell .ecommerce-api-scope-section {
    display: grid;
    gap: 1rem;
}

.mailmarket-tabler-shell .ecommerce-api-scope-section__head {
    display: grid;
    gap: .25rem;
}

.mailmarket-tabler-shell .ecommerce-api-scope-section__head strong {
    color: var(--tblr-body-color);
}

.mailmarket-tabler-shell .ecommerce-api-scope-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mailmarket-tabler-shell .ecommerce-api-scope-grid .ecommerce-tabler-switch {
    align-items: flex-start;
    margin: 0;
}

.mailmarket-tabler-shell .ecommerce-delete-confirm-modal {
    border-top: 2px solid var(--tblr-danger);
}

.mailmarket-tabler-shell .ecommerce-delete-confirm-modal .modal-header {
    border-bottom: 0;
    justify-content: flex-end;
    min-height: 0;
    padding: .75rem .75rem 0;
}

.mailmarket-tabler-shell .ecommerce-delete-confirm-modal .modal-body {
    text-align: center;
}

.mailmarket-tabler-shell .ecommerce-delete-confirm-modal__body {
    align-items: center;
    display: grid;
    gap: 1rem;
    justify-items: center;
    padding: .5rem .5rem 1rem;
}

.mailmarket-tabler-shell .ecommerce-delete-confirm-modal__icon {
    align-items: center;
    color: var(--tblr-danger);
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.mailmarket-tabler-shell .ecommerce-delete-confirm-modal__icon svg {
    height: 3rem;
    stroke-width: 1.7;
    width: 3rem;
}

.mailmarket-tabler-shell .ecommerce-delete-confirm-modal__body p {
    color: var(--tblr-secondary-color);
    line-height: 1.5;
    margin: 0;
}

.mailmarket-tabler-shell .ticket-create-page-form .ticket-create-scope-selectgroup {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}

.mailmarket-tabler-shell .ticket-create-page-form .ticket-create-scope-selectgroup .form-selectgroup-label,
.mailmarket-tabler-shell .ticket-create-page-form .ticket-create-record-selectgroup .form-selectgroup-label {
    align-items: center;
    display: inline-flex;
    gap: .375rem;
    justify-content: center;
    min-height: 2.5rem;
    width: 100%;
}

.mailmarket-tabler-shell .ticket-create-page-form .ticket-create-scope-selectgroup .icon,
.mailmarket-tabler-shell .ticket-create-page-form .ticket-create-record-selectgroup .icon {
    flex: 0 0 auto;
    height: 1rem;
    width: 1rem;
}

.mailmarket-tabler-shell .ticket-create-page-form .ticket-create-context-panel {
    background: var(--tblr-bg-surface-secondary);
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    padding: 1rem;
}

.mailmarket-tabler-shell .ticket-create-page-form .ticket-context-detail-table th,
.mailmarket-tabler-shell .ticket-create-page-form .ticket-context-detail-table td {
    background: transparent;
    border-color: rgba(var(--tblr-info-rgb), .18);
    padding: .35rem .5rem;
    white-space: normal;
}

.mailmarket-tabler-shell .ticket-create-page-form .ticket-create-record-selectgroup {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

.mailmarket-tabler-shell .ticket-overview-dashboard .avatar .icon,
.mailmarket-tabler-shell .ticket-overview-dashboard .avatar svg {
    height: 1.25rem;
    width: 1.25rem;
}

.mailmarket-tabler-shell .email-overview-dashboard .avatar .icon,
.mailmarket-tabler-shell .email-overview-dashboard .avatar svg {
    height: 1.25rem;
    width: 1.25rem;
}

.mailmarket-tabler-shell .ticket-overview-progress-row + .ticket-overview-progress-row,
.mailmarket-tabler-shell .ticket-overview-rank + .ticket-overview-rank,
.mailmarket-tabler-shell .email-overview-progress-row + .email-overview-progress-row,
.mailmarket-tabler-shell .email-overview-rank + .email-overview-rank {
    margin-top: 1rem;
}

.mailmarket-tabler-shell .ticket-overview-donut,
.mailmarket-tabler-shell .email-overview-donut {
    align-items: center;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    max-width: 190px;
    padding: 1.25rem;
    position: relative;
}

.mailmarket-tabler-shell .ticket-overview-donut::after,
.mailmarket-tabler-shell .email-overview-donut::after {
    background: var(--tblr-bg-surface);
    border-radius: 50%;
    content: "";
    inset: 1.25rem;
    position: absolute;
}

.mailmarket-tabler-shell .ticket-overview-donut__inner,
.mailmarket-tabler-shell .email-overview-donut__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.mailmarket-tabler-shell .ticket-overview-donut__inner strong,
.mailmarket-tabler-shell .email-overview-donut__inner strong {
    font-size: 1.5rem;
    line-height: 1;
}

.mailmarket-tabler-shell .ticket-overview-donut__inner span,
.mailmarket-tabler-shell .email-overview-donut__inner span {
    color: var(--tblr-secondary);
    font-size: .75rem;
    margin-top: .25rem;
    text-transform: uppercase;
}

.mailmarket-tabler-shell .ticket-overview-bars,
.mailmarket-tabler-shell .email-overview-bars {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    min-height: 210px;
}

.mailmarket-tabler-shell .ticket-overview-bars__item,
.mailmarket-tabler-shell .email-overview-bars__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    min-width: 0;
}

.mailmarket-tabler-shell .ticket-overview-bars__track,
.mailmarket-tabler-shell .email-overview-bars__track {
    align-items: end;
    background: var(--tblr-bg-surface-secondary);
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    display: flex;
    height: 150px;
    overflow: hidden;
    width: 100%;
}

.mailmarket-tabler-shell .ticket-overview-bars__bar,
.mailmarket-tabler-shell .email-overview-bars__bar {
    background: linear-gradient(180deg, var(--tblr-primary), var(--tblr-info));
    border-radius: var(--tblr-border-radius) var(--tblr-border-radius) 0 0;
    min-height: 6px;
    width: 100%;
}

.mailmarket-tabler-shell .ticket-overview-bars__item strong,
.mailmarket-tabler-shell .email-overview-bars__item strong {
    font-size: .875rem;
    line-height: 1;
}

.mailmarket-tabler-shell .ticket-overview-bars__item span,
.mailmarket-tabler-shell .email-overview-bars__item span {
    color: var(--tblr-secondary);
    font-size: .75rem;
}

@media (min-width: 992px) {
    .mailmarket-tabler-shell .ticket-create-page-form .ticket-create-sidebar {
        max-height: calc(100vh - 7rem);
        overflow-y: auto;
        position: sticky;
        top: 110px;
        z-index: 2;
    }
}

@media (max-width: 575.98px) {
    .mailmarket-tabler-shell .ticket-create-page-form .ticket-create-scope-selectgroup {
        grid-template-columns: 1fr;
    }
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-status-color-picker {
    align-items: center;
    background-color: var(--tblr-bg-forms);
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    color: var(--tblr-body-color);
    display: flex;
    gap: .75rem;
    min-height: 2.5rem;
    padding: .4375rem .75rem;
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-status-color-picker:focus-within {
    border-color: var(--tblr-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .16);
}

.mailmarket-tabler-shell [data-ecommerce-normalized-modal] .ecommerce-status-color-picker input[type="color"] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: var(--tblr-border-radius);
    height: 1.75rem;
    min-height: 1.75rem;
    padding: 0;
    width: 3rem;
}

.mailmarket-tabler-shell .ecommerce-tabler-switch {
    align-items: flex-start;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex;
    gap: .75rem;
    margin: 1rem 0 .75rem;
    min-height: 0;
    padding-left: 0;
}

.mailmarket-tabler-shell .ecommerce-tabler-switch .form-check-input {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--tblr-border-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border-color: var(--tblr-border-color);
    border-radius: 2rem;
    flex: 0 0 auto;
    height: 1.25rem;
    margin-left: 0;
    margin-top: .125rem;
    min-height: 1.25rem;
    padding: 0;
    width: 2.5rem;
}

.mailmarket-tabler-shell .ecommerce-tabler-switch .form-check-input:checked {
    background-color: var(--tblr-primary);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-position: right center !important;
    border-color: var(--tblr-primary);
}

.mailmarket-tabler-shell .ecommerce-tabler-switch .form-check-input:focus {
    border-color: var(--tblr-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .16);
}

.mailmarket-tabler-shell .ecommerce-tabler-switch .form-check-label {
    display: grid;
    font-weight: 600;
    gap: .125rem;
}

.mailmarket-tabler-shell .ts-dropdown {
    background: var(--tblr-bg-surface) !important;
    border-color: var(--tblr-border-color) !important;
    border-radius: var(--tblr-border-radius) !important;
    box-shadow: var(--tblr-box-shadow-dropdown) !important;
    color: var(--tblr-body-color) !important;
    overflow: hidden;
    z-index: 1500;
}

.mailmarket-tabler-shell .ts-dropdown .option,
.mailmarket-tabler-shell .ts-dropdown .optgroup-header {
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .ts-dropdown .active,
.mailmarket-tabler-shell .ts-dropdown .option:hover {
    background: var(--tblr-primary) !important;
    color: var(--tblr-primary-fg) !important;
}

.mailmarket-tabler-shell .ts-dropdown .active *,
.mailmarket-tabler-shell .ts-dropdown .active .text-secondary,
.mailmarket-tabler-shell .ts-dropdown .active small,
.mailmarket-tabler-shell .ts-dropdown .active strong,
.mailmarket-tabler-shell .ts-dropdown .option:hover *,
.mailmarket-tabler-shell .ts-dropdown .option:hover .text-secondary,
.mailmarket-tabler-shell .ts-dropdown .option:hover small,
.mailmarket-tabler-shell .ts-dropdown .option:hover strong {
    color: var(--tblr-primary-fg) !important;
}

.mailmarket-tabler-shell #toast-container > div {
    border-radius: var(--tblr-border-radius);
    box-shadow: var(--tblr-box-shadow-dropdown);
    color: #ffffff !important;
    opacity: 1;
    text-shadow: none;
}

.mailmarket-tabler-shell #toast-container > .toast-success {
    background-color: var(--tblr-success) !important;
}

.mailmarket-tabler-shell #toast-container > .toast-error {
    background-color: var(--tblr-danger) !important;
}

.mailmarket-tabler-shell #toast-container > .toast-warning {
    background-color: var(--tblr-warning) !important;
    color: var(--tblr-dark) !important;
}

.mailmarket-tabler-shell #toast-container > .toast-info {
    background-color: var(--tblr-info) !important;
}

.mailmarket-tabler-shell #toast-container > div .toast-title,
.mailmarket-tabler-shell #toast-container > div .toast-message {
    color: inherit !important;
}

@media (max-width: 575.98px) {
    .mailmarket-tabler-shell {
        overflow-x: clip;
    }

    .mailmarket-tabler-shell .page-wrapper,
    .mailmarket-tabler-shell .page-body,
    .mailmarket-tabler-shell .container-xl,
    .mailmarket-tabler-shell .card,
    .mailmarket-tabler-shell .card-body,
    .mailmarket-tabler-shell .row,
    .mailmarket-tabler-shell [class*="col-"] {
        min-width: 0;
    }

    .mailmarket-tabler-shell .page-body {
        overflow-x: clip;
    }

    .mailmarket-tabler-shell .modal {
        align-items: flex-end;
        padding: .75rem !important;
        width: 100vw;
    }

    .mailmarket-tabler-shell .modal-dialog {
        margin: 0;
        max-height: calc(100dvh - 1.5rem);
        max-width: calc(100vw - 1.5rem);
        width: calc(100vw - 1.5rem);
    }

    .mailmarket-tabler-shell .modal-content {
        max-height: calc(100dvh - 1.5rem);
        max-width: 100%;
    }

    .mailmarket-tabler-shell .modal__panel {
        max-height: calc(100dvh - 1.5rem);
        max-width: calc(100vw - 1.5rem);
        width: calc(100vw - 1.5rem);
    }

    .mailmarket-tabler-shell .modal__actions,
    .mailmarket-tabler-shell .form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .mailmarket-tabler-shell .modal__actions .button,
    .mailmarket-tabler-shell .form-actions .button,
    .mailmarket-tabler-shell .form-actions .button {
        width: 100%;
    }
}

/* App-specific Tabler glue only. Do not restyle Tabler components here. */

.mailmarket-tabler-shell .dt-container .dt-layout-row,
.mailmarket-tabler-shell .dataTables_wrapper .dt-layout-row {
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .dt-container .dt-input,
.mailmarket-tabler-shell .dt-container input.dt-input,
.mailmarket-tabler-shell .dt-container select.dt-input,
.mailmarket-tabler-shell .dataTables_wrapper .dataTables_filter input,
.mailmarket-tabler-shell .dataTables_wrapper .dataTables_length select {
    background-color: var(--tblr-bg-forms) !important;
    border-color: var(--tblr-border-color) !important;
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .dt-container .dt-input::placeholder,
.mailmarket-tabler-shell .dataTables_wrapper .dataTables_filter input::placeholder {
    color: var(--tblr-secondary-color) !important;
    opacity: 1;
}

.mailmarket-tabler-shell .dt-container .dt-input:focus,
.mailmarket-tabler-shell .dataTables_wrapper .dataTables_filter input:focus,
.mailmarket-tabler-shell .dataTables_wrapper .dataTables_length select:focus {
    background-color: var(--tblr-bg-forms) !important;
    border-color: var(--tblr-primary) !important;
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .16) !important;
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .table,
.mailmarket-tabler-shell table.dataTable,
.mailmarket-tabler-shell .dataTable {
    background-color: var(--tblr-bg-surface) !important;
    border-color: var(--tblr-border-color) !important;
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .table thead th,
.mailmarket-tabler-shell table.dataTable thead th,
.mailmarket-tabler-shell .dataTable thead th {
    background-color: var(--tblr-bg-surface-secondary) !important;
    border-color: var(--tblr-border-color) !important;
    color: var(--tblr-secondary-color) !important;
}

.mailmarket-tabler-shell .table tbody td,
.mailmarket-tabler-shell table.dataTable tbody td,
.mailmarket-tabler-shell .dataTable tbody td {
    background-color: var(--tblr-bg-surface) !important;
    border-color: var(--tblr-border-color) !important;
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .table tbody tr:hover td,
.mailmarket-tabler-shell table.dataTable tbody tr:hover td,
.mailmarket-tabler-shell .dataTable tbody tr:hover td {
    background-color: var(--tblr-bg-surface-secondary) !important;
}

.mailmarket-tabler-shell .dt-container .dt-paging .dt-paging-button {
    border: 0 !important;
    border-radius: var(--tblr-border-radius) !important;
    box-shadow: none !important;
    min-width: 2.25rem;
}

.mailmarket-tabler-shell .dt-container .dt-paging .dt-paging-button:not(.current) {
    background-color: var(--tblr-bg-surface-secondary) !important;
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .dt-container .dt-paging .dt-paging-button:not(.current):hover {
    background-color: var(--tblr-bg-surface-tertiary) !important;
    color: var(--tblr-heading-color) !important;
}

.mailmarket-tabler-shell .dt-container .dt-paging .dt-paging-button.current,
.mailmarket-tabler-shell .dt-container .dt-paging .dt-paging-button.current:hover {
    background-color: var(--tblr-primary) !important;
    color: var(--tblr-primary-fg) !important;
}

.mailmarket-tabler-shell .dt-container .dt-processing,
.mailmarket-tabler-shell .dataTables_processing {
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .dt-container .dt-processing > div,
.mailmarket-tabler-shell .dt-container .dt-processing > div > div,
.mailmarket-tabler-shell .dataTables_processing > div,
.mailmarket-tabler-shell .dataTables_processing > div > div {
    background: var(--tblr-primary) !important;
    border-color: var(--tblr-primary) !important;
}

.table-actions > .button,
.table-actions > .icon-button,
.table-actions > .table-action-icon {
    margin: 2px 0 2px 6px !important;
}

td.table-actions > .table-actions,
.table-actions > .table-actions {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: flex-end;
}

td.table-actions > .table-actions > .button,
td.table-actions > .table-actions > .icon-button,
td.table-actions > .table-actions > .table-action-icon,
.table-actions > .table-action-icon,
.table-actions .table-action-icon,
body:not(.theme-dark) .table-actions .table-action-icon,
body.theme-dark .table-actions .table-action-icon {
    flex: 0 0 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    width: 32px !important;
}

.table-actions .table-action-icon svg,
body:not(.theme-dark) .table-actions .table-action-icon svg,
body.theme-dark .table-actions .table-action-icon svg {
    height: 15px !important;
    width: 15px !important;
}

.mailmarket-tabler-shell .tabler-datatable {
    overflow: hidden;
}

.mailmarket-tabler-shell .tabler-datatable .table {
    margin-bottom: 0;
}

.mailmarket-tabler-shell .tabler-datatable .table > :not(caption) > * > * {
    padding: .75rem 1rem;
}

.mailmarket-tabler-shell .tabler-datatable .table thead th {
    background-color: var(--tblr-bg-surface-secondary) !important;
    display: table-cell !important;
    white-space: nowrap;
}

.mailmarket-tabler-shell .tabler-datatable .table tbody td {
    vertical-align: middle;
}

.mailmarket-tabler-shell .tabler-datatable__toolbar,
.mailmarket-tabler-shell .tabler-datatable__footer {
    background-color: var(--tblr-bg-surface);
}

.mailmarket-tabler-shell .tabler-datatable__footer {
    border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.mailmarket-tabler-shell .tabler-datatable__search {
    max-width: 320px;
}

.mailmarket-tabler-shell .mailmarket-filter-surface {
    background: var(--tblr-bg-surface-secondary) !important;
    border-color: var(--tblr-bg-surface-tertiary) !important;
}

.mailmarket-tabler-shell .tabler-datatable__actions .btn,
.mailmarket-tabler-shell .tabler-datatable__actions .dropdown-toggle,
.mailmarket-tabler-shell .tabler-datatable__actions .dt-toolbar-primary {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.mailmarket-tabler-shell .table-responsive {
    position: relative;
}

.mailmarket-tabler-shell .tabler-datatable__processing {
    align-items: center;
    background: color-mix(in srgb, var(--tblr-bg-surface) 86%, transparent);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.mailmarket-tabler-shell .tabler-datatable__processing[hidden] {
    display: none !important;
}

.mailmarket-tabler-shell .tabler-datatable .table-sort {
    color: inherit;
    font: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

@media (max-width: 767.98px) {
    .mailmarket-tabler-shell .tabler-datatable__actions,
    .mailmarket-tabler-shell .tabler-datatable__search {
        max-width: none;
        width: 100%;
    }

    .mailmarket-tabler-shell .tabler-datatable__actions .dt-toolbar-primary {
        flex: 0 0 auto;
    }

    .mailmarket-tabler-shell .tabler-datatable__actions .dt-toolbar-primary span {
        display: none;
    }

    .mailmarket-tabler-shell .tabler-datatable__footer {
        text-align: center;
    }
}

.app-floating-tooltip {
    background: var(--tblr-dark, #182433);
    border-radius: 6px;
    box-shadow: 0 10px 28px rgba(24, 36, 51, 0.22);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    opacity: 0;
    padding: 7px 9px;
    pointer-events: none;
    position: fixed;
    transform: translateY(2px);
    transition: opacity .12s ease, transform .12s ease;
    white-space: nowrap;
    z-index: 20000;
}

.app-floating-tooltip.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.theme-dark .app-floating-tooltip {
    background: var(--tblr-bg-surface);
    border: 1px solid var(--tblr-border-color);
    color: var(--tblr-body-color);
}

.mailmarket-tabler-shell .mailmarket-theme-offcanvas {
    background: var(--tblr-bg-surface);
    color: var(--tblr-body-color);
    max-width: 100vw;
    z-index: 1600;
}

.mailmarket-tabler-shell .mailmarket-theme-offcanvas .offcanvas-title {
    color: var(--tblr-heading-color);
    font-family: var(--tblr-font-sans-serif);
}

.mailmarket-tabler-shell .page-wrapper .page-header {
    margin: 0;
}

.mailmarket-tabler-shell .mailmarket-page-header-compact {
    margin: 0 0 1rem;
    padding: 1rem 1rem;
}

.mailmarket-tabler-shell .mailmarket-page-header-compact .page-title {
    margin-bottom: .25rem;
}

.mailmarket-tabler-shell [data-email-ajax-region],
.mailmarket-tabler-shell .mailmarket-ajax-segment-region,
.mailmarket-tabler-shell .page-body > .container-xl,
.mailmarket-tabler-shell .page-body > .container-fluid {
    position: relative;
}

.mailmarket-tabler-shell .mailmarket-ajax-segment-region > .tab-panel {
    min-width: 0;
    overflow-x: clip;
}

.mailmarket-tabler-shell .mailmarket-ajax-segment-region > .tab-panel > .row,
.mailmarket-tabler-shell .mailmarket-ajax-segment-region > .tab-panel > form > .row {
    margin-left: 0;
    margin-right: 0;
}

.mailmarket-tabler-shell [data-email-ajax-region]::after,
.mailmarket-tabler-shell .mailmarket-ajax-segment-region::after,
.mailmarket-tabler-shell .page-body > .container-xl::after,
.mailmarket-tabler-shell .page-body > .container-fluid::after {
    align-items: center;
    background: color-mix(in srgb, var(--tblr-bg-surface) 82%, transparent);
    border-radius: 0 0 var(--tblr-border-radius-lg) var(--tblr-border-radius-lg);
    color: var(--tblr-body-color);
    content: "Loading...";
    display: flex;
    font-weight: 600;
    inset: 0;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .16s ease;
    z-index: 5;
}

.mailmarket-tabler-shell [data-email-ajax-region].is-loading::after,
.mailmarket-tabler-shell .mailmarket-ajax-segment-region.is-loading::after,
.mailmarket-tabler-shell .page-body > .container-xl.is-loading::after,
.mailmarket-tabler-shell .page-body > .container-fluid.is-loading::after {
    opacity: 1;
    pointer-events: auto;
}

.mailmarket-tabler-shell .mailmarket-email-segments {
    background: var(--tblr-bg-surface-secondary);
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    border-radius: var(--tblr-border-radius-lg);
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 0;
    max-width: 100%;
    overflow-x: auto;
    padding: .25rem;
    scrollbar-width: thin;
}

.mailmarket-tabler-shell .mailmarket-email-segments .form-selectgroup-item {
    appearance: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: inherit;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.mailmarket-tabler-shell .mailmarket-email-segments .form-selectgroup-label {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--tblr-border-radius);
    color: var(--tblr-secondary-color);
    display: inline-flex;
    gap: .4rem;
    min-height: 2.25rem;
    padding: .45rem .75rem;
    white-space: nowrap;
}

.mailmarket-tabler-shell .mailmarket-email-segments .form-selectgroup-label .icon {
    height: 1rem;
    margin: 0;
    width: 1rem;
}

.mailmarket-tabler-shell .mailmarket-email-segments .form-selectgroup-item:hover .form-selectgroup-label {
    color: var(--tblr-heading-color);
}

.mailmarket-tabler-shell .mailmarket-email-segments .form-selectgroup-input:checked + .form-selectgroup-label,
.mailmarket-tabler-shell .mailmarket-email-segments .form-selectgroup-item[aria-current="page"] .form-selectgroup-label {
    background: var(--tblr-bg-surface);
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    box-shadow: none;
    color: var(--tblr-heading-color);
}

@media (max-width: 575.98px) {
    .mailmarket-tabler-shell .mailmarket-email-segments {
        display: flex;
        max-width: calc(100vw - 2rem);
    }

    .mailmarket-tabler-shell .mailmarket-page-header-compact {
        padding-left: 0;
        padding-right: 0;
    }

    .mailmarket-tabler-shell .list-group-item,
    .mailmarket-tabler-shell .list-group-item code,
    .mailmarket-tabler-shell .card .text-secondary {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}

.mailmarket-tabler-shell .ts-wrapper.single .ts-control,
.mailmarket-tabler-shell .ts-wrapper.multi .ts-control {
    background: var(--tblr-bg-forms) !important;
    border-color: var(--tblr-border-color) !important;
    border-radius: var(--tblr-border-radius) !important;
    box-shadow: none !important;
    color: var(--tblr-body-color) !important;
    min-height: 2.25rem;
}

.mailmarket-tabler-shell .ts-wrapper.single .ts-control {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    padding-right: 2.25rem !important;
    position: relative;
}

.mailmarket-tabler-shell .ts-wrapper.single .ts-control .item {
    align-items: center;
    display: inline-flex;
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 1.5rem);
}

.mailmarket-tabler-shell .ts-wrapper.single .ts-control > input {
    flex: 1 1 4rem;
    min-width: 4rem;
}

.mailmarket-tabler-shell .ts-wrapper.single .ts-control .ts-item-rich {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    min-width: 0;
}

.mailmarket-tabler-shell .ts-wrapper.single .ts-control .ts-item-rich > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailmarket-tabler-shell .ts-wrapper.single .ts-control::after {
    border-color: var(--heading-color, #2f2b3d) transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    content: "";
    display: block;
    height: 0;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: .875rem;
    top: 50%;
    width: 0;
}

.mailmarket-tabler-shell .ts-wrapper.single.dropdown-active .ts-control::after {
    transform: rotate(180deg);
}

.mailmarket-tabler-shell .ts-wrapper.focus .ts-control {
    border-color: var(--tblr-primary) !important;
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .16) !important;
}

.mailmarket-tabler-shell .ts-wrapper.tom-tags-input .ts-control,
.mailmarket-tabler-shell .ts-wrapper.multi .ts-control {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    padding: .25rem .5rem !important;
}

.mailmarket-tabler-shell .ts-wrapper.multi .ts-control > div,
.mailmarket-tabler-shell .ts-wrapper.tom-tags-input .item {
    background: var(--tblr-primary-lt) !important;
    border: 0 !important;
    border-radius: var(--tblr-border-radius) !important;
    color: var(--tblr-primary) !important;
    font-size: .8125rem;
    line-height: 1.25rem;
    margin: .125rem .125rem .125rem 0 !important;
    padding: .125rem .5rem !important;
}

.mailmarket-tabler-shell .ts-wrapper .ts-control > input {
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .ts-wrapper .ts-control > input::placeholder {
    color: var(--tblr-secondary-color) !important;
}

.mailmarket-tabler-shell .ts-dropdown {
    background: var(--tblr-bg-surface) !important;
    border-color: var(--tblr-border-color) !important;
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .ts-dropdown .option,
.mailmarket-tabler-shell .ts-dropdown .optgroup-header {
    color: var(--tblr-body-color) !important;
}

.mailmarket-tabler-shell .ts-dropdown .active,
.mailmarket-tabler-shell .ts-dropdown .option:hover {
    background: var(--tblr-primary) !important;
    color: var(--tblr-primary-fg) !important;
}

.mailmarket-tabler-shell .ts-dropdown .active *,
.mailmarket-tabler-shell .ts-dropdown .option:hover * {
    color: var(--tblr-primary-fg) !important;
}

body.mailmarket-tabler-shell .app-shell.app-shell--auth {
    margin: 0;
    max-width: none;
    min-height: 100dvh;
    padding: 0;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.app-shell--auth) {
    padding: 0;
}

/* Tenant auth pages: light-only professional access layout. */
body.mailmarket-tabler-shell:has(.tenant-auth) {
    background: #eef4fb !important;
    color: #111827 !important;
    padding: 0 !important;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .app-shell.app-shell--auth {
    background: #eef4fb;
    margin: 0;
    max-width: none;
    min-height: 100dvh;
    padding: 0;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
    align-items: center;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
    box-sizing: border-box;
    color: #111827;
    display: flex;
    justify-content: center;
    min-height: 100dvh;
    overflow: hidden;
    padding: 40px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell {
    align-items: center;
    display: grid;
    gap: 64px;
    grid-template-columns: minmax(0, 520px) minmax(420px, 462px);
    margin: 0 auto;
    max-width: 1120px;
    min-height: auto;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #111827;
    display: block;
    overflow: visible;
    padding: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand::before {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo {
    align-items: center;
    color: #111827;
    display: inline-flex;
    gap: 12px;
    margin: 0 0 30px;
    text-decoration: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo span {
    background: #0d74d8;
    border: 0;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(13, 116, 216, .24);
    color: #ffffff;
    height: 46px;
    width: 46px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo svg {
    height: 20px;
    width: 20px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo strong {
    color: #111827;
    display: block;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__eyebrow {
    color: #0d74d8;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.2;
    margin: 0 0 8px;
    text-transform: uppercase;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand h1 {
    color: #111827;
    font-size: clamp(46px, 4.9vw, 64px);
    font-weight: 850;
    letter-spacing: 0;
    line-height: .98;
    margin: 0 0 18px;
    max-width: 540px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand p {
    color: #8a94a6;
    font-size: 16px;
    line-height: 1.55;
    margin: 0;
    max-width: 520px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats {
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(98, 105, 118, .14);
    border-radius: 10px;
    box-shadow: 0 18px 45px rgba(29, 39, 59, .08);
    margin: 22px 0 16px;
    max-width: 430px;
    padding: 12px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats-head {
    align-items: center;
    border-bottom: 1px solid rgba(98, 105, 118, .12);
    display: flex;
    justify-content: space-between;
    margin: 0 0 12px;
    padding: 0 2px 12px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats-head strong {
    color: #111827;
    font-size: 14px;
    font-weight: 800;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats-head span {
    background: #e7f1ff;
    border-radius: 999px;
    color: #0d74d8;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 8px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats-grid div {
    background: #f8fafc;
    border: 0;
    border-radius: 8px;
    padding: 10px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats-grid strong,
body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats-grid span {
    display: block;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats-grid strong {
    color: #111827;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.1;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__stats-grid span {
    color: #8a94a6;
    font-size: 12px;
    margin-top: 4px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature {
    align-items: center;
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(98, 105, 118, .14);
    border-radius: 999px;
    box-shadow: 0 8px 22px rgba(29, 39, 59, .05);
    display: inline-flex;
    gap: 8px;
    min-height: 34px;
    padding: 7px 13px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature > span {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #0d74d8;
    flex: 0 0 auto;
    height: auto;
    width: auto;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature svg {
    height: 15px;
    width: 15px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature strong {
    color: #344054;
    font-size: 13px;
    font-weight: 700;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card {
    background: #ffffff;
    border: 1px solid rgba(98, 105, 118, .12);
    border-radius: 8px;
    border-top: 4px solid #0d74d8;
    box-shadow: 0 26px 70px rgba(29, 39, 59, .12);
    color: #111827;
    max-width: 462px;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth-card {
    max-width: 540px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
    padding: 34px 36px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__header {
    display: block;
    margin: 0 0 22px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__topline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 22px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__icon {
    background: #ffffff;
    border: 1px solid rgba(98, 105, 118, .14);
    border-radius: 10px;
    color: #0d74d8;
    height: 42px;
    width: 42px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__icon svg {
    height: 18px;
    width: 18px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card .badge {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 5px;
    padding: 6px 10px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card .badge svg {
    height: 14px;
    width: 14px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
    color: #111827;
    font-size: 32px;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 10px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card p {
    color: #8a94a6;
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form {
    border-top: 1px solid rgba(98, 105, 118, .14);
    margin-top: 20px;
    padding-top: 20px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-label {
    color: #111827;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 8px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-label.required::after {
    color: #d63939;
    content: " *";
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .input-icon-addon {
    color: #98a2b3;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control {
    background: #ffffff;
    border-color: rgba(98, 105, 118, .24);
    border-radius: 10px;
    color: #111827;
    font-size: 15px;
    min-height: 48px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control:focus {
    border-color: #0d74d8;
    box-shadow: 0 0 0 .25rem rgba(13, 116, 216, .12);
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control::placeholder {
    color: #98a2b3;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-hint {
    color: #8a94a6;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 6px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary {
    align-items: center;
    background: #0d74d8;
    border-color: #0d74d8;
    border-radius: 10px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 50px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary:hover {
    background: #0b65bd;
    border-color: #0b65bd;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn svg,
body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .input-icon-addon svg {
    height: 16px;
    width: 16px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below {
    color: #8a94a6;
    font-size: 14px;
    font-weight: 600;
    margin-top: 18px;
    text-align: center;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below a {
    color: #0d74d8;
    font-weight: 800;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .alert {
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        min-height: 100dvh;
        overflow: auto;
        padding: 24px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell {
        display: block;
        max-width: 540px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
        display: none;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
        display: block;
        margin: 0 0 18px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo--compact {
        color: #111827;
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        padding: 14px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__mobile-brand {
        display: none;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
        padding: 20px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__topline {
        margin-bottom: 16px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__header {
        margin-bottom: 16px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
        font-size: 26px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card p {
        line-height: 1.4;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form {
        margin-top: 16px;
        padding-top: 16px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .row {
        --tblr-gutter-y: .75rem;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control {
        min-height: 44px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary {
        min-height: 46px;
    }
}

/* Tenant auth final design: original light SaaS workspace access layout. */
body.mailmarket-tabler-shell:has(.tenant-auth) {
    background: #f4f7fb !important;
    color: #1d273b !important;
    padding: 0 !important;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .app-shell.app-shell--auth {
    background: #f4f7fb;
    margin: 0;
    max-width: none;
    min-height: 100dvh;
    padding: 0;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(244, 247, 251, .92)),
        #f4f7fb;
    box-sizing: border-box;
    color: #1d273b;
    display: flex;
    justify-content: center;
    min-height: 100dvh;
    overflow: hidden;
    padding: 36px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell {
    align-items: center;
    display: grid;
    gap: 54px;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 450px);
    margin: 0 auto;
    max-width: 1120px;
    min-height: auto;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
    background: transparent;
    border: 0;
    color: #1d273b;
    display: block;
    overflow: visible;
    padding: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand::before {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo {
    align-items: center;
    color: #1d273b;
    display: inline-flex;
    gap: 12px;
    margin: 0 0 34px;
    text-decoration: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo span {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(29, 39, 59, .08);
    color: #206bc4;
    height: 44px;
    width: 44px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo strong {
    color: #1d273b;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__eyebrow {
    color: #206bc4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.2;
    margin: 0 0 10px;
    text-transform: uppercase;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand h1 {
    color: #1d273b;
    font-size: clamp(40px, 4.4vw, 58px);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0 0 18px;
    max-width: 590px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand p {
    color: #667085;
    font-size: 16px;
    line-height: 1.62;
    margin: 0;
    max-width: 560px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card {
    background: rgba(255, 255, 255, .82);
    border: 1px solid #dbe3ef;
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(29, 39, 59, .08);
    margin-top: 28px;
    max-width: 560px;
    padding: 18px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head {
    align-items: center;
    border-bottom: 1px solid #e6ebf2;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 14px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head span,
body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head strong {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head span {
    color: #667085;
    font-size: 13px;
    font-weight: 700;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head strong {
    color: #206bc4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head svg {
    height: 16px;
    width: 16px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature {
    align-items: flex-start;
    background: #f8fafc;
    border: 1px solid #edf1f6;
    border-radius: 12px;
    box-shadow: none;
    display: flex;
    gap: 10px;
    min-height: 84px;
    padding: 12px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature > span {
    align-items: center;
    background: #eaf2ff;
    border: 0;
    border-radius: 9px;
    color: #206bc4;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    width: 32px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature svg {
    height: 16px;
    width: 16px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature strong,
body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature small {
    display: block;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature strong {
    color: #1d273b;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 4px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature small {
    color: #667085;
    font-size: 12px;
    line-height: 1.35;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 14px;
    border-top: 0;
    box-shadow: 0 24px 64px rgba(29, 39, 59, .12);
    color: #1d273b;
    max-width: 450px;
    overflow: hidden;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card::before {
    background: #206bc4;
    content: "";
    display: block;
    height: 3px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
    grid-template-columns: minmax(0, 1fr) minmax(500px, 560px);
    max-width: 1220px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth-card {
    max-width: 560px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
    padding: 30px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__header {
    display: block;
    margin: 0 0 20px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__topline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 18px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__icon {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    color: #206bc4;
    height: 40px;
    width: 40px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card .badge {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 5px;
    padding: 6px 10px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
    color: #1d273b;
    font-size: 29px;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0 0 8px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card p {
    color: #667085;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form {
    border-top: 1px solid #e6ebf2;
    margin-top: 18px;
    padding-top: 18px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-label {
    color: #1d273b;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 7px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control {
    background: #ffffff;
    border-color: #dbe3ef;
    border-radius: 9px;
    color: #1d273b;
    font-size: 14px;
    min-height: 46px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control:focus {
    border-color: #206bc4;
    box-shadow: 0 0 0 .25rem rgba(32, 107, 196, .12);
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control::placeholder {
    color: #98a2b3;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-hint {
    color: #667085;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 5px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary {
    align-items: center;
    background: #206bc4;
    border-color: #206bc4;
    border-radius: 9px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 48px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below {
    color: #667085;
    font-size: 14px;
    margin-top: 16px;
    text-align: center;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below a {
    color: #206bc4;
    font-weight: 800;
}

@media (max-width: 991.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        min-height: 100dvh;
        overflow: auto;
        padding: 24px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell {
        display: block;
        max-width: 520px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
        display: none;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
        display: block;
        margin: 0 0 18px;
    }
}

@media (max-width: 575.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        padding: 14px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
        padding: 20px;
    }

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
    font-size: 25px;
    }
}

.drive-upload-queue[hidden] {
    display: none !important;
}

.drive-upload-queue {
    background: var(--tblr-bg-surface);
    border: 1px solid var(--tblr-border-color);
    border-radius: 8px 8px 0 0;
    bottom: 0;
    box-shadow: 0 -14px 34px rgba(15, 23, 42, .18);
    max-width: calc(100vw - 24px);
    min-width: 320px;
    position: fixed;
    right: 24px;
    width: 520px;
    z-index: 1080;
}

.drive-upload-queue__header {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 14px 16px;
}

.drive-upload-queue__header strong {
    display: block;
    line-height: 1.2;
}

.drive-upload-queue__header small {
    color: var(--tblr-secondary);
    display: block;
    margin-top: 3px;
}

.drive-upload-queue__actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
}

.drive-upload-queue__body {
    border-top: 1px solid var(--tblr-border-color);
    max-height: min(360px, 45vh);
    overflow: auto;
    padding: 12px;
}

.drive-upload-queue.is-minimized .drive-upload-queue__body {
    display: none;
}

.drive-upload-queue__list {
    display: grid;
    gap: 10px;
}

.drive-upload-queue .drive-upload {
    margin: 0;
}

.drive-upload-queue .drive-upload--active {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) 34px;
}

.drive-upload-queue .drive-upload--active [data-upload-cancel] {
    height: 34px;
    min-width: 34px;
    padding: 0;
    width: 34px;
}

.drive-upload-queue .drive-upload__body[data-tooltip] {
    cursor: help;
}

.drive-upload-queue .drive-upload__body[data-tooltip]:focus-visible {
    border-radius: 5px;
    outline: 2px solid rgba(var(--tblr-primary-rgb), .35);
    outline-offset: 3px;
}

@media (max-width: 575.98px) {
    .drive-upload-queue {
        left: 12px;
        min-width: 0;
        right: 12px;
        width: auto;
    }
}

/* Activate the live workspace shell after legacy auth compatibility rules. */
body.mailmarket-tabler-shell:has(.tenant-auth) {
    background: #edf3f8 !important;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .app-shell.app-shell--auth,
body.mailmarket-tabler-shell:has(.tenant-auth) .auth-main {
    background: #edf3f8;
    height: auto;
    min-height: 100dvh;
    padding: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
    background: #edf3f8;
    height: auto;
    min-height: 100dvh;
    padding: 28px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell,
body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
    align-items: stretch;
    background: #ffffff;
    border: 1px solid #d8e2ee;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(29, 51, 76, .14);
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 460px);
    max-width: 1160px;
    min-height: 640px;
    overflow: hidden;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
    grid-template-columns: minmax(0, 1fr) minmax(520px, 600px);
    max-width: 1260px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
    display: flex;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
    align-items: stretch;
    background: #ffffff;
    display: flex;
    padding: 42px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: visible;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card::before {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
    padding: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__topline {
    display: flex;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__eyebrow {
    color: #206bc4;
    font-size: 11px;
    letter-spacing: .1em;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
    font-size: 30px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form {
    border-top-color: #e6ebf2;
    margin-top: 22px;
    padding-top: 22px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control {
    border-radius: 9px;
    min-height: 47px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary {
    border-radius: 9px;
    min-height: 49px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 5px;
    justify-content: center;
    margin-top: 22px;
}

@media (max-width: 991.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        padding: 22px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell,
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
        display: block;
        height: auto !important;
        max-width: 620px;
        min-height: 0 !important;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
        display: none;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
        min-height: 0 !important;
        padding: 34px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
        display: flex;
        justify-content: flex-start;
        margin: 0 0 26px;
    }
}

@media (max-width: 575.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth),
    body.mailmarket-tabler-shell:has(.tenant-auth) .app-shell.app-shell--auth {
        height: auto;
        min-height: 100dvh;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        height: auto;
        min-height: 100dvh;
        padding: 12px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
        padding: 24px 20px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
        padding: 0;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
        font-size: 25px;
    }
}

@media (max-width: 991.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell,
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
        height: auto;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
        min-height: 0;
    }
}

/* Workspace authentication: bright live workspace shell, separate from platform auth. */
body.mailmarket-tabler-shell:has(.tenant-auth) {
    background: #edf3f8 !important;
    color: #182433 !important;
    padding: 0 !important;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .app-shell.app-shell--auth,
body.mailmarket-tabler-shell:has(.tenant-auth) .auth-main {
    background: #edf3f8;
    margin: 0;
    max-width: none;
    min-height: 100dvh;
    padding: 0;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
    align-items: center;
    background: #edf3f8;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 100dvh;
    overflow: auto;
    padding: 28px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell {
    align-items: stretch;
    animation: workspace-auth-enter .42s ease-out both;
    background: #ffffff;
    border: 1px solid #d8e2ee;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(29, 51, 76, .14);
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 460px);
    margin: 0 auto;
    max-width: 1160px;
    min-height: 640px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell::before {
    background: #206bc4;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
    grid-template-columns: minmax(0, 1fr) minmax(520px, 600px);
    max-width: 1260px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
    background: #f5f9fe;
    border: 0;
    border-right: 1px solid #e1e9f2;
    color: #182433;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    padding: 42px 46px;
    position: relative;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand::before {
    background: #2fb344;
    border-radius: 999px;
    content: "";
    height: 8px;
    position: absolute;
    right: 34px;
    top: 34px;
    width: 8px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo {
    align-items: center;
    color: #182433 !important;
    display: inline-flex;
    gap: 11px;
    margin: 0 0 30px;
    text-decoration: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo > span {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d8e2ee;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(32, 107, 196, .1);
    color: #206bc4;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo svg {
    height: 20px;
    width: 20px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__logo strong {
    color: #182433 !important;
    font-size: 16px;
    font-weight: 800;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__eyebrow {
    color: #206bc4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    margin: 0 0 8px;
    text-transform: uppercase;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand h1 {
    color: #182433 !important;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 14px;
    max-width: 560px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand-main > p {
    color: #667085;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    max-width: 560px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card {
    background: #ffffff;
    border: 1px solid #d8e2ee;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(29, 51, 76, .08);
    margin-top: 26px;
    max-width: 580px;
    padding: 16px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head {
    align-items: center;
    border-bottom: 1px solid #e8eef5;
    display: flex;
    justify-content: space-between;
    margin: 0 0 13px;
    padding: 0 0 13px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head > span,
body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head > strong {
    align-items: center;
    display: inline-flex;
    gap: 7px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head > span {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head > strong {
    color: #16852c;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__workspace-card-head svg {
    height: 15px;
    width: 15px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__live-dot {
    animation: workspace-auth-pulse 1.8s ease-in-out infinite;
    background: #2fb344;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(47, 179, 68, .12);
    height: 7px;
    width: 7px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__live-status {
    align-items: center;
    background: #f5fbf7;
    border: 1px solid #d7efdc;
    border-radius: 9px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 13px;
    padding: 10px 11px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__live-status > div {
    align-items: center;
    display: flex;
    gap: 9px;
    min-width: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__status-icon {
    align-items: center;
    background: #e2f5e6;
    border-radius: 7px;
    color: #16852c;
    display: inline-flex;
    flex: 0 0 30px;
    height: 30px;
    justify-content: center;
    width: 30px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__status-icon svg {
    height: 16px;
    width: 16px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__live-status strong,
body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__live-status small {
    display: block;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__live-status strong {
    color: #1f5130;
    font-size: 12px;
    font-weight: 800;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__live-status small {
    color: #64806d;
    font-size: 10px;
    line-height: 1.35;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__live-status time {
    color: #16852c;
    flex: 0 0 auto;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature {
    align-items: flex-start;
    background: #f8fafc;
    border: 1px solid #e8eef5;
    border-radius: 9px;
    display: flex;
    gap: 9px;
    min-height: 72px;
    padding: 10px;
    transition: border-color .18s ease, transform .18s ease, background-color .18s ease;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature:hover {
    background: #ffffff;
    border-color: #bdd5ef;
    transform: translateY(-2px);
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature > span {
    align-items: center;
    background: #eaf2ff;
    border-radius: 7px;
    color: #206bc4;
    display: inline-flex;
    flex: 0 0 30px;
    height: 30px;
    justify-content: center;
    width: 30px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature svg {
    height: 15px;
    width: 15px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature strong,
body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature small {
    display: block;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature strong {
    color: #27364a;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 3px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature small {
    color: #6f7d90;
    font-size: 10px;
    line-height: 1.35;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
    align-items: stretch;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 42px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #182433;
    max-width: none;
    overflow: visible;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card::before {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
    padding: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__header {
    display: block;
    margin: 0 0 22px;
    text-align: left;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__topline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 18px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__icon {
    align-items: center;
    background: #eaf2ff;
    border: 1px solid #cfe0ff;
    border-radius: 9px;
    color: #206bc4;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__icon svg {
    height: 20px;
    width: 20px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card .badge {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    gap: 5px;
    padding: 6px 9px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card .badge svg {
    height: 13px;
    width: 13px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
    color: #182433 !important;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 8px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card p {
    color: #667085;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form {
    border-top: 1px solid #e6ebf2;
    margin-top: 22px;
    padding-top: 22px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-label {
    color: #182433 !important;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 7px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control {
    background: #ffffff !important;
    border-color: #d7e0eb !important;
    border-radius: 9px;
    color: #182433 !important;
    min-height: 47px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control:focus {
    border-color: #206bc4 !important;
    box-shadow: 0 0 0 .22rem rgba(32, 107, 196, .12);
    transform: translateY(-1px);
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control::placeholder {
    color: #98a2b3;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .input-icon-addon {
    color: #7b8799;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-hint {
    color: #667085 !important;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 6px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary {
    align-items: center;
    background: #206bc4;
    border-color: #206bc4;
    border-radius: 9px;
    box-shadow: 0 8px 20px rgba(32, 107, 196, .18);
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    min-height: 49px;
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary:hover {
    background: #185a9d;
    border-color: #185a9d;
    box-shadow: 0 10px 24px rgba(32, 107, 196, .24);
    transform: translateY(-1px);
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below {
    align-items: center;
    color: #667085;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 5px;
    justify-content: center;
    margin-top: 22px;
    text-align: center;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below a {
    color: #206bc4;
    font-weight: 700;
}

@keyframes workspace-auth-enter {
    from { opacity: .72; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes workspace-auth-pulse {
    0%, 100% { box-shadow: 0 0 0 3px rgba(47, 179, 68, .1); opacity: 1; }
    50% { box-shadow: 0 0 0 6px rgba(47, 179, 68, .03); opacity: .76; }
}

@media (max-width: 991.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        padding: 22px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell,
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
        display: block;
        max-width: 620px;
        min-height: 0;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
        display: none;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
        padding: 34px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
        display: flex;
        margin: 0 0 26px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand .tenant-auth__logo {
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        padding: 12px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell,
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
        border-radius: 12px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
        padding: 24px 20px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
        margin-bottom: 22px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__topline {
        margin-bottom: 15px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
        font-size: 25px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form {
        margin-top: 18px;
        padding-top: 18px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control {
        min-height: 45px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below {
        margin-top: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell,
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__live-dot {
        animation: none;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__feature,
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control,
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary {
        transition: none;
    }
}

/* Software Admin/Owner authentication uses a distinct platform access shell. */
body.saas-admin-body:has(.software-admin-auth) {
    background: #eef2f7 !important;
    color: #182433 !important;
    padding: 0 !important;
}

body.saas-admin-body:has(.software-admin-auth) .auth-main {
    background: #eef2f7;
    min-height: 100dvh;
    padding: 28px;
}

.software-admin-auth {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: calc(100dvh - 56px);
    width: 100%;
}

.software-admin-auth__shell {
    background: #ffffff;
    border: 1px solid #d7dee9;
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(24, 36, 51, .14);
    display: grid;
    grid-template-columns: minmax(290px, 350px) minmax(0, 1fr);
    max-width: 940px;
    min-height: 570px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.software-admin-auth__shell::before {
    background: #2fb344;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.software-admin-auth__identity {
    background: #182433;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 34px 30px 24px;
}

.software-admin-auth__brand {
    align-items: center;
    color: #ffffff !important;
    display: inline-flex;
    gap: 11px;
    text-decoration: none;
}

.software-admin-auth__brand > span,
.software-admin-auth__mobile-brand > span {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.software-admin-auth__brand svg,
.software-admin-auth__mobile-brand svg {
    height: 20px;
    width: 20px;
}

.software-admin-auth__brand strong,
.software-admin-auth__mobile-brand strong {
    font-size: 15px;
    font-weight: 800;
}

.software-admin-auth__identity-main {
    margin: auto 0;
    padding: 30px 0 22px;
}

.software-admin-auth__access-badge {
    align-items: center;
    background: rgba(47, 179, 68, .16);
    border: 1px solid rgba(47, 179, 68, .36);
    border-radius: 999px;
    color: #7ee28e;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
    padding: 6px 10px;
    text-transform: uppercase;
}

.software-admin-auth__access-badge svg {
    height: 14px;
    width: 14px;
}

.software-admin-auth__identity h1 {
    color: #ffffff !important;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 20px 0 12px;
}

.software-admin-auth__identity-main > p {
    color: #aebbd0;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.software-admin-auth__signals {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.software-admin-auth__signals > div {
    align-items: flex-start;
    display: grid;
    gap: 11px;
    grid-template-columns: 30px minmax(0, 1fr);
}

.software-admin-auth__signals > div > span {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border-radius: 7px;
    color: #8fb8ff;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.software-admin-auth__signals svg {
    height: 16px;
    width: 16px;
}

.software-admin-auth__signals p {
    margin: 0;
}

.software-admin-auth__signals strong,
.software-admin-auth__signals small {
    display: block;
}

.software-admin-auth__signals strong {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 2px;
}

.software-admin-auth__signals small {
    color: #92a2bb;
    font-size: 11px;
    line-height: 1.4;
}

.software-admin-auth__identity-foot {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .1);
    color: #92a2bb;
    display: flex;
    font-size: 11px;
    gap: 7px;
    padding-top: 20px;
}

.software-admin-auth__identity-foot svg {
    height: 14px;
    width: 14px;
}

.software-admin-auth__content {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 48px 54px 38px;
}

.software-admin-auth__mobile-brand {
    align-items: center;
    color: #182433;
    display: none;
    gap: 10px;
}

.software-admin-auth__mobile-brand > span {
    background: #eaf2ff;
    border-color: #cfe0ff;
    color: #206bc4;
}

.software-admin-auth__header {
    align-items: flex-start;
    display: grid;
    gap: 15px;
    grid-template-columns: 44px minmax(0, 1fr);
}

.software-admin-auth__header-icon {
    align-items: center;
    background: #eaf2ff;
    border: 1px solid #cfe0ff;
    border-radius: 9px;
    color: #206bc4;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.software-admin-auth__header-icon svg {
    height: 22px;
    width: 22px;
}

.software-admin-auth__eyebrow {
    color: #667085;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.software-admin-auth__header h2 {
    color: #182433 !important;
    font-size: 29px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 8px;
}

.software-admin-auth__header p {
    color: #667085;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.software-admin-auth__content > .alert {
    margin: 22px 0 0;
}

.software-admin-auth__form {
    border-top: 1px solid #e6ebf2;
    margin-top: 26px;
    padding-top: 24px;
}

.software-admin-auth__form .form-label {
    color: #182433 !important;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 7px;
}

.software-admin-auth__form .form-control {
    background: #ffffff !important;
    border-color: #d7dee9 !important;
    border-radius: 8px;
    color: #182433 !important;
    min-height: 46px;
}

.software-admin-auth__form .form-control:focus {
    border-color: #206bc4 !important;
    box-shadow: 0 0 0 .22rem rgba(32, 107, 196, .12);
}

.software-admin-auth__form .form-control::placeholder {
    color: #98a2b3;
}

.software-admin-auth__form .input-icon-addon {
    color: #7b8799;
}

.software-admin-auth__form .input-icon-addon svg,
.software-admin-auth__form .btn svg,
.software-admin-auth__content > .btn svg,
.software-admin-auth__footer svg {
    height: 18px;
    width: 18px;
}

.software-admin-auth__form .form-hint {
    color: #667085 !important;
    font-size: 12px;
    line-height: 1.45;
    margin-top: 7px;
}

body.saas-admin-body:has(.software-admin-auth) .software-admin-auth__form .form-hint {
    color: #667085 !important;
}

.software-admin-auth__form .btn-primary,
.software-admin-auth__content > .btn-primary {
    align-items: center;
    background: #206bc4;
    border-color: #206bc4;
    border-radius: 8px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    min-height: 48px;
}

.software-admin-auth__footer {
    align-items: center;
    border-top: 1px solid #e6ebf2;
    color: #667085;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 8px 18px;
    justify-content: space-between;
    margin-top: 28px;
    padding-top: 20px;
}

.software-admin-auth__footer a {
    align-items: center;
    color: #206bc4;
    display: inline-flex;
    font-weight: 700;
    gap: 6px;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    body.saas-admin-body:has(.software-admin-auth) .auth-main {
        padding: 18px;
    }

    .software-admin-auth {
        min-height: calc(100dvh - 36px);
    }

    .software-admin-auth__shell {
        display: block;
        max-width: 540px;
        min-height: 0;
    }

    .software-admin-auth__identity {
        display: none;
    }

    .software-admin-auth__content {
        min-height: 0;
        padding: 30px;
    }

    .software-admin-auth__mobile-brand {
        display: flex;
        margin-bottom: 28px;
    }
}

@media (max-width: 575.98px) {
    body.saas-admin-body:has(.software-admin-auth) .auth-main {
        padding: 12px;
    }

    .software-admin-auth {
        min-height: calc(100dvh - 24px);
    }

    .software-admin-auth__content {
        padding: 24px 20px;
    }

    .software-admin-auth__mobile-brand {
        margin-bottom: 22px;
    }

    .software-admin-auth__header {
        gap: 12px;
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .software-admin-auth__header-icon {
        height: 40px;
        width: 40px;
    }

    .software-admin-auth__header h2 {
        font-size: 24px;
    }

    .software-admin-auth__form {
        margin-top: 22px;
        padding-top: 20px;
    }

    .software-admin-auth__footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Tenant auth final minimal layout: simple, business-focused, no promo panel. */
body.mailmarket-tabler-shell:has(.tenant-auth) {
    background: #f5f7fb !important;
    color: #182433 !important;
    padding: 0 !important;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
    align-items: center;
    background: #f5f7fb;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 100dvh;
    overflow: auto;
    padding: 32px 18px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell {
    display: block;
    margin: 0 auto;
    max-width: 460px;
    min-height: auto;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
    max-width: 640px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 18px;
    max-width: 460px;
    align-self: center;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__mobile-brand {
    max-width: 560px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand .tenant-auth__logo {
    align-items: center;
    color: #182433;
    display: inline-flex;
    gap: 10px;
    margin: 0;
    text-decoration: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand .tenant-auth__logo span {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    box-shadow: none;
    color: #206bc4;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand .tenant-auth__logo strong {
    color: #182433;
    font-size: 15px;
    font-weight: 800;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(29, 39, 59, .08);
    color: #182433;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    overflow: hidden;
    width: 100%;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card::before {
    background: #206bc4;
    content: "";
    display: block;
    height: 3px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
    padding: 30px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__topline {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__header {
    display: block;
    margin: 0 0 22px;
    text-align: left;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__eyebrow {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    margin: 0 0 8px;
    text-transform: uppercase;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
    color: #182433;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 8px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card p {
    color: #667085;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form {
    border-top: 1px solid #edf1f6;
    margin-top: 20px;
    padding-top: 20px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-label {
    color: #182433;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 7px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control {
    background: #ffffff;
    border-color: #dbe3ef;
    border-radius: 8px;
    color: #182433;
    font-size: 14px;
    min-height: 44px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control:focus {
    border-color: #206bc4;
    box-shadow: 0 0 0 .22rem rgba(32, 107, 196, .12);
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-hint {
    color: #667085;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 5px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary {
    align-items: center;
    background: #206bc4;
    border-color: #206bc4;
    border-radius: 8px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    min-height: 46px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below {
    color: #667085;
    font-size: 14px;
    margin-top: 16px;
    text-align: center;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below a {
    color: #206bc4;
    font-weight: 700;
}

.workspace-lock-pin {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 12px auto;
}

.workspace-lock-pin__digit.form-control {
    flex: 0 0 56px;
    width: 56px;
    height: 64px;
    padding: 0;
    border-width: 2px;
    border-radius: 6px;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
}

.workspace-lock-pin__digit.form-control:focus {
    border-color: var(--tblr-primary);
    box-shadow: 0 0 0 3px rgba(32, 107, 196, 0.18);
}

.profile-security-summary {
    border-right: 1px solid var(--tblr-border-color);
    padding-right: 2rem;
}

@media (max-width: 991.98px) {
    .profile-security-summary {
        border-right: 0;
        border-bottom: 1px solid var(--tblr-border-color);
        padding-right: calc(var(--tblr-gutter-x) * 0.5);
        padding-bottom: 1.5rem;
    }
}

@media (max-width: 480px) {
    .workspace-lock-pin {
        gap: 6px;
    }

    .workspace-lock-pin__digit.form-control {
        flex-basis: 40px;
        width: 40px;
        height: 52px;
        font-size: 1.4rem;
    }
}

@media (max-width: 575.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth),
    body.mailmarket-tabler-shell:has(.tenant-auth) .app-shell.app-shell--auth {
        height: 100dvh;
        min-height: 0;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        height: 100dvh;
        min-height: 0;
        padding: 18px 14px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
        padding: 22px 18px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
        font-size: 25px;
    }
}

/* Live workspace auth activation must remain last in the tenant auth cascade. */
body.mailmarket-tabler-shell:has(.tenant-auth) {
    background: #edf3f8 !important;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .app-shell.app-shell--auth,
body.mailmarket-tabler-shell:has(.tenant-auth) .auth-main {
    background: #edf3f8;
    height: auto;
    min-height: 100dvh;
    padding: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
    background: #edf3f8;
    height: auto;
    min-height: 100dvh;
    padding: 28px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell,
body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
    align-items: stretch;
    background: #ffffff;
    border: 1px solid #d8e2ee;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(29, 51, 76, .14);
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 460px);
    max-width: 1160px;
    min-height: 640px;
    overflow: hidden;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
    grid-template-columns: minmax(0, 1fr) minmax(520px, 600px);
    max-width: 1260px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
    display: flex;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
    align-items: stretch;
    background: #ffffff;
    display: flex;
    padding: 42px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: visible;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card::before {
    display: none;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
    padding: 0;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card__topline {
    display: flex;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__eyebrow {
    color: #206bc4;
    font-size: 11px;
    letter-spacing: .1em;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
    font-size: 30px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form {
    border-top-color: #e6ebf2;
    margin-top: 22px;
    padding-top: 22px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .form-control {
    border-radius: 9px;
    min-height: 47px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-form .btn-primary {
    border-radius: 9px;
    min-height: 49px;
}

body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__below {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 5px;
    justify-content: center;
    margin-top: 22px;
}

@media (max-width: 991.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        padding: 22px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__shell,
    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth--signup .tenant-auth__shell {
        display: block;
        max-width: 620px;
        min-height: 0;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__brand {
        display: none;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
        padding: 34px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__mobile-brand {
        display: flex;
        justify-content: flex-start;
        margin: 0 0 26px;
    }
}

@media (max-width: 575.98px) {
    body.mailmarket-tabler-shell:has(.tenant-auth),
    body.mailmarket-tabler-shell:has(.tenant-auth) .app-shell.app-shell--auth {
        height: auto;
        min-height: 100dvh;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth {
        height: auto;
        min-height: 100dvh;
        padding: 12px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth__content {
        padding: 24px 20px;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card > .card-body {
        padding: 0;
    }

    body.mailmarket-tabler-shell:has(.tenant-auth) .tenant-auth-card h2 {
        font-size: 25px;
    }
}
.update-changelog-content > h4 {
    margin: 1.5rem 0 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--tblr-border-color);
    font-size: 1rem;
}

.update-changelog-content > h4:first-child {
    margin-top: 0;
    font-size: 1.25rem;
}

.update-changelog-content p {
    margin-bottom: 1rem;
    color: var(--tblr-secondary-color);
    line-height: 1.65;
}

.update-changelog-content ul {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding-left: 1.25rem;
}

.update-changelog-content li {
    line-height: 1.55;
}

.update-changelog-content code {
    overflow-wrap: anywhere;
    color: var(--tblr-body-color);
}

body.public-share-page.public-share-page--video .public-share-password .form > label {
    background: #1d1d20 !important;
    border: 1px solid #34343a !important;
    box-shadow: none !important;
    color: #f4f4f5 !important;
}

body.public-share-page.public-share-page--video .public-share-password .form input[type="password"] {
    background: #101012 !important;
    border-color: #3b3b42 !important;
    color: #f4f4f5 !important;
    box-shadow: none;
}

body.public-share-page.public-share-page--video .public-share-password .form input[type="password"]::placeholder {
    color: #71717a;
    opacity: 1;
}

body.public-share-page.public-share-page--video .public-share-password .form input[type="password"]:focus {
    border-color: var(--public-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--public-accent) 24%, transparent) !important;
}

body.public-share-page.public-share-page--video .public-download-dialog button.button.button--ghost,
body.public-share-page.public-share-page--video .public-video-resume-dialog button.button.button--ghost {
    background: #202024 !important;
    border-color: #45454d !important;
    box-shadow: none !important;
    color: #d4d4d8 !important;
}

body.public-share-page.public-share-page--video .public-download-dialog button.button.button--ghost:hover,
body.public-share-page.public-share-page--video .public-download-dialog button.button.button--ghost:focus,
body.public-share-page.public-share-page--video .public-video-resume-dialog button.button.button--ghost:hover,
body.public-share-page.public-share-page--video .public-video-resume-dialog button.button.button--ghost:focus {
    background: #29292e !important;
    border-color: #5b5b65 !important;
    color: #ffffff !important;
}

/* Public customer support pages keep their own lightweight, unauthenticated surface. */
.ticket-portal-body {
    background: #f5f7fb;
    color: #1f2937;
}

.ticket-portal-shell {
    gap: 20px;
    max-width: 1040px;
    padding-bottom: clamp(32px, 6vw, 72px);
    padding-top: clamp(24px, 5vw, 56px);
}

.ticket-portal-shell--thread {
    gap: 18px;
    max-width: 1040px;
    padding-top: clamp(22px, 4vw, 42px);
}

.ticket-portal-shell--create {
    gap: 18px;
    max-width: 1000px;
    padding-top: clamp(26px, 5vw, 48px);
}

.ticket-create-brand {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 54px;
}

.ticket-create-brand__logo {
    display: block;
    height: auto;
    max-height: 54px;
    max-width: 220px;
    object-fit: contain;
    width: auto;
}

.ticket-create-brand__name {
    color: #1e293b;
    font-size: 22px;
}

.ticket-create-card {
    background: #ffffff;
    border: 1px solid #dce3ed;
    border-radius: 8px;
    overflow: hidden;
}

.ticket-create-card__header {
    border-bottom: 1px solid #e6ebf2;
    padding: 28px 32px 24px;
}

.ticket-create-card__header h1 {
    color: #1e293b;
    font-size: 26px;
    line-height: 1.25;
    margin: 0;
}

.ticket-create-card__header p {
    color: #64748b;
    line-height: 1.55;
    margin: 8px 0 0;
    max-width: 620px;
}

.ticket-create-card > .ticket-public-form {
    padding: 26px 32px 30px;
}

.ticket-create-errors {
    display: grid;
    gap: 8px;
    padding: 20px 32px 0;
}

.ticket-create-errors .alert {
    margin: 0;
}

.ticket-create-required-note {
    color: #64748b;
    font-size: 12px;
    margin: -4px 0 0;
    text-align: right;
}

.ticket-create-card .ticket-public-editor .ticket-editor__surface {
    min-height: 160px;
}

.ticket-create-surface {
    background: #ffffff;
    border: 1px solid #d8e0eb;
    border-radius: 8px;
    box-shadow: 0 16px 44px rgba(24, 36, 58, .08);
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    min-height: 620px;
    overflow: hidden;
}

.ticket-create-aside {
    background: #17233b;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 36px 30px 30px;
}

.ticket-create-aside__icon {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    margin-bottom: 28px;
    width: 46px;
}

.ticket-create-aside__icon svg {
    height: 23px;
    width: 23px;
}

.ticket-create-aside__eyebrow {
    color: #8fbdf2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin: 0 0 10px;
}

.ticket-create-surface .ticket-create-aside h2 {
    color: #ffffff;
    font-size: 27px;
    line-height: 1.22;
    margin: 0;
}

.ticket-create-aside > div:first-child > p:last-child {
    color: #bdc8d9;
    font-size: 14px;
    line-height: 1.65;
    margin: 14px 0 0;
}

.ticket-create-aside__trust {
    align-items: flex-start;
    border-top: 1px solid rgba(255, 255, 255, .14);
    display: flex;
    gap: 10px;
    padding-top: 22px;
}

.ticket-create-aside__trust > svg {
    color: #6ed69a;
    flex: 0 0 auto;
    height: 19px;
    width: 19px;
}

.ticket-create-aside__trust strong,
.ticket-create-aside__trust small {
    display: block;
}

.ticket-create-aside__trust strong {
    color: #ffffff;
    font-size: 13px;
}

.ticket-create-aside__trust small {
    color: #9eacc1;
    font-size: 11px;
    line-height: 1.45;
    margin-top: 4px;
}

.ticket-create-main {
    min-width: 0;
    padding: 34px 36px 30px;
}

.ticket-create-main__header {
    align-items: flex-start;
    border-bottom: 1px solid #e6ebf2;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 26px;
    padding-bottom: 22px;
}

.ticket-create-main__header h1 {
    color: #1e293b;
    font-size: 25px;
    line-height: 1.25;
    margin: 0;
}

.ticket-create-main__header p {
    color: #64748b;
    font-size: 13px;
    margin: 7px 0 0;
}

.ticket-create-main__header .ticket-create-required-note {
    flex: 0 0 auto;
    margin: 6px 0 0;
}

.ticket-create-required-note b {
    color: #d63939;
}

.ticket-create-main .ticket-create-errors {
    padding: 0 0 20px;
}

.ticket-create-main .ticket-public-form {
    gap: 20px;
}

.ticket-create-control {
    display: block;
    position: relative;
}

.ticket-create-control > svg {
    color: #8795a8;
    height: 17px;
    left: 13px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    z-index: 1;
}

.ticket-public-field .ticket-create-control > input {
    padding-left: 40px;
}

.ticket-create-control:focus-within > svg {
    color: #206bc4;
}

.ticket-create-main .ticket-public-editor .ticket-editor__surface {
    min-height: 170px;
}

.ticket-create-form__footer {
    align-items: center;
    border-top: 1px solid #e6ebf2;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding-top: 20px;
}

.ticket-create-form__footer p {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 12px;
    gap: 7px;
    margin: 0;
}

.ticket-create-form__footer p svg {
    color: #18864b;
    height: 16px;
    width: 16px;
}

.ticket-public-brand {
    align-items: center;
    color: #27364d;
    display: inline-flex;
    gap: 10px;
    justify-self: start;
}

.ticket-public-brand__mark,
.ticket-public-intro__icon {
    align-items: center;
    background: #e8f1ff;
    border: 1px solid #c8dcfb;
    border-radius: 8px;
    color: #206bc4;
    display: inline-flex;
    justify-content: center;
}

.ticket-public-brand__mark {
    height: 34px;
    width: 34px;
}

.ticket-public-brand__logo {
    display: block;
    height: 34px;
    max-width: 180px;
    object-fit: contain;
    object-position: left center;
    width: auto;
}

.ticket-public-brand__mark svg {
    height: 18px;
    width: 18px;
}

.ticket-public-brand strong,
.ticket-public-brand small {
    display: block;
}

.ticket-public-brand strong {
    font-size: 14px;
    line-height: 1.2;
}

.ticket-public-brand small {
    color: #6b7280;
    font-size: 12px;
    margin-top: 2px;
}

.ticket-public-intro,
.ticket-public-thread-head,
.ticket-public-card {
    background: #ffffff;
    border: 1px solid #dce3ed;
    border-radius: 8px;
}

.ticket-public-intro {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    padding: clamp(24px, 4vw, 38px);
}

.ticket-public-intro__icon {
    flex: 0 0 auto;
    height: 46px;
    width: 46px;
}

.ticket-public-intro__icon svg {
    height: 24px;
    width: 24px;
}

.ticket-public-eyebrow {
    color: #206bc4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin: 0 0 7px;
}

.ticket-public-intro h1,
.ticket-public-thread-head h1 {
    color: #1e293b;
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.18;
    margin: 0;
}

.ticket-public-intro p:not(.ticket-public-eyebrow) {
    color: #64748b;
    line-height: 1.6;
    margin: 10px 0 0;
    max-width: 680px;
}

.ticket-public-card {
    overflow: hidden;
}

.ticket-public-card--form,
.ticket-public-card--reply {
    padding: clamp(20px, 3vw, 30px);
}

.ticket-public-card__heading {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.ticket-public-card__heading h2 {
    color: #1e293b;
    font-size: 20px;
    margin: 0;
}

.ticket-public-card__heading p {
    color: #64748b;
    font-size: 14px;
    margin: 6px 0 0;
}

.ticket-public-required,
.ticket-public-field > span b {
    color: #d63939;
    font-weight: 700;
}

.ticket-public-form {
    display: grid;
    gap: 22px;
}

.ticket-public-form__grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ticket-public-field {
    align-content: start;
    align-self: start;
    display: grid;
    gap: 7px;
}

.ticket-public-field > span,
.ticket-public-upload > span {
    color: #334155;
    font-size: 14px;
    font-weight: 700;
}

.ticket-public-field input,
.ticket-public-field select {
    background: #ffffff;
    border: 1px solid #cfd8e5;
    border-radius: 7px;
    box-shadow: none;
    color: #1f2937;
    font: inherit;
    min-height: 44px;
    padding: 10px 12px;
    width: 100%;
}

.ticket-public-field input::placeholder {
    color: #94a3b8;
}

.ticket-public-field input:focus,
.ticket-public-field select:focus,
.ticket-public-editor:focus-within {
    border-color: #206bc4;
    box-shadow: 0 0 0 3px rgba(32, 107, 196, .13);
    outline: 0;
}

.ticket-public-field small,
.ticket-public-upload small {
    color: #718096;
    font-size: 12px;
    line-height: 1.45;
}

.ticket-public-field--full {
    grid-column: 1 / -1;
}

.ticket-public-field--message {
    gap: 8px;
}

.ticket-public-editor {
    border: 1px solid #cfd8e5;
    border-radius: 7px;
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.ticket-public-editor .ticket-editor__toolbar {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid #e1e7ef;
    display: flex;
    gap: 4px;
    padding: 7px;
}

.ticket-public-editor .ticket-editor__toolbar button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 5px;
    color: #526176;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    width: 30px;
}

.ticket-public-editor .ticket-editor__toolbar button:hover,
.ticket-public-editor .ticket-editor__toolbar button:focus-visible {
    background: #e8f1ff;
    color: #206bc4;
    outline: 0;
}

.ticket-public-editor .ticket-editor__toolbar svg {
    height: 16px;
    width: 16px;
}

.ticket-public-editor .ticket-editor__surface {
    box-sizing: border-box;
    color: #253247;
    min-height: 180px;
    padding: 14px;
}

.ticket-public-editor .ticket-editor__surface:empty::before {
    color: #94a3b8;
    content: attr(data-placeholder);
    pointer-events: none;
}

.ticket-public-form__footer {
    align-items: center;
    border-top: 1px solid #e6ebf2;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding-top: 20px;
}

.ticket-public-form__footer p {
    align-items: flex-start;
    color: #64748b;
    display: flex;
    font-size: 12px;
    gap: 8px;
    line-height: 1.45;
    margin: 0;
    max-width: 440px;
}

.ticket-public-form__footer p svg {
    color: #206bc4;
    flex: 0 0 auto;
    height: 16px;
    margin-top: 1px;
    width: 16px;
}

.ticket-public-primary-action,
.ticket-public-secondary-action {
    align-items: center;
    border-radius: 7px;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    padding: 9px 14px;
}

.ticket-public-primary-action {
    background: #206bc4;
    border: 1px solid #206bc4;
    box-shadow: 0 5px 12px rgba(32, 107, 196, .18);
    color: #ffffff;
}

.ticket-public-primary-action:hover,
.ticket-public-primary-action:focus-visible {
    background: #1b5aa6;
    border-color: #1b5aa6;
    color: #ffffff;
    outline: 0;
}

.ticket-public-primary-action svg,
.ticket-public-secondary-action svg {
    height: 17px;
    width: 17px;
}

.ticket-public-thread-head {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: clamp(22px, 4vw, 34px);
}

.ticket-public-thread-head__title > p:last-child {
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 7px;
    margin: 10px 0 0;
}

.ticket-public-thread-head__title > p:last-child span:first-child {
    color: #475569;
    font-weight: 700;
}

.ticket-public-thread-head__actions {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ticket-public-status {
    align-items: center;
    background: #eaf7ef;
    border: 1px solid #bce4c9;
    border-radius: 999px;
    color: #18864b;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    padding: 6px 10px;
}

.ticket-public-status svg {
    height: 14px;
    width: 14px;
}

.ticket-public-status--pending {
    background: #fff7e6;
    border-color: #f5d79d;
    color: #b26a00;
}

.ticket-public-status--resolved,
.ticket-public-status--closed {
    background: #edf2f7;
    border-color: #d5dee9;
    color: #526176;
}

.ticket-public-secondary-action {
    background: #ffffff;
    border: 1px solid #cfd8e5;
    color: #43526a;
}

.ticket-public-secondary-action:hover,
.ticket-public-secondary-action:focus-visible {
    background: #f8fafc;
    border-color: #8ca3c2;
    color: #1e293b;
    outline: 0;
}

.ticket-public-details {
    border-top: 1px solid #e6ebf2;
    display: grid;
    gap: 0;
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding-top: 18px;
}

.ticket-public-details > div {
    border-left: 1px solid #e6ebf2;
    min-width: 0;
    padding: 0 16px;
}

.ticket-public-details > div:first-child {
    border-left: 0;
    padding-left: 0;
}

.ticket-public-details dt {
    align-items: center;
    color: #718096;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    gap: 6px;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ticket-public-details dt svg {
    height: 14px;
    width: 14px;
}

.ticket-public-details dd {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    margin: 7px 0 0;
    overflow-wrap: anywhere;
}

.ticket-public-card--conversation {
    padding: clamp(20px, 3vw, 30px);
}

.ticket-public-message-count {
    background: #f1f5f9;
    border: 1px solid #e0e7ef;
    border-radius: 999px;
    color: #5b697d;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 9px;
    white-space: nowrap;
}

.ticket-portal-conversation {
    background: #eef2f7;
    border: 1px solid #d8e0eb;
    border-radius: 10px;
    height: clamp(300px, calc(100dvh - 390px), 560px);
    max-height: 560px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 14px;
    scrollbar-gutter: stable;
}

.ticket-portal-shell--thread .ticket-public-card__heading {
    margin-bottom: 18px;
}

.ticket-portal-shell--thread .ticket-public-card--reply .ticket-create-errors {
    padding: 0 0 18px;
}

.ticket-portal-shell--thread .ticket-public-card--reply .ticket-public-editor .ticket-editor__surface {
    max-height: 260px;
    min-height: 120px;
    overflow-y: auto;
}

.ticket-portal-shell--thread .ticket-public-upload {
    grid-template-columns: minmax(0, 1fr);
}

.ticket-public-message-list {
    gap: 18px;
}

.ticket-public-message {
    align-items: flex-start;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.ticket-public-message.ticket-message--customer {
    flex-direction: row-reverse;
}

.ticket-public-message__avatar {
    align-items: center;
    background: #dbeafe;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.ticket-public-message--agent .ticket-public-message__avatar {
    background: #eaf7ef;
    border-color: #c6e8d1;
    color: #18864b;
}

.ticket-public-message__content {
    background: #ffffff;
    border: 1px solid #dce3ed;
    border-radius: 8px;
    max-width: min(780px, calc(100% - 42px));
    padding: 14px 16px;
}

.ticket-public-message--customer .ticket-public-message__content {
    background: #eef6ff;
    border-color: #c5dcf7;
}

.ticket-public-message .ticket-message__head {
    margin-bottom: 9px;
}

.ticket-public-message .ticket-message__head strong {
    color: #243447;
    font-size: 13px;
}

.ticket-public-message .ticket-message__head small {
    color: #77869a;
    font-size: 11px;
    margin-top: 3px;
}

.ticket-public-message .ticket-message__body {
    color: #344054;
    font-size: 14px;
    line-height: 1.7;
}

.ticket-public-message .ticket-attachment-chip {
    align-items: center;
    display: inline-flex;
}

.ticket-public-message .ticket-attachment-chip svg {
    height: 14px;
    width: 14px;
}

.ticket-public-upload {
    background: #f8fafc;
    border: 1px dashed #b9c7d8;
    border-radius: 7px;
    display: grid;
    gap: 8px;
    padding: 14px;
}

.ticket-public-upload > span {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ticket-public-upload > span svg {
    color: #206bc4;
    height: 17px;
    width: 17px;
}

.ticket-public-upload input[type="file"] {
    background: #ffffff;
    border: 1px solid #cfd8e5;
    border-radius: 6px;
    color: #526176;
    max-width: 100%;
    padding: 7px;
}

.ticket-public-locked {
    align-items: center;
    background: #eef6f0;
    border: 1px solid #cce4d3;
    border-radius: 7px;
    color: #287044;
    display: flex;
    font-size: 14px;
    gap: 10px;
    padding: 14px;
}

.ticket-public-locked svg {
    flex: 0 0 auto;
    height: 19px;
    width: 19px;
}

@media (max-width: 900px) {
    .ticket-create-surface {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .ticket-create-aside {
        padding: 30px 24px 26px;
    }

    .ticket-create-main {
        padding: 30px 28px 26px;
    }
}

@media (max-width: 720px) {
    .ticket-portal-shell {
        gap: 16px;
        padding-inline: 14px;
    }

    .ticket-portal-shell--create {
        padding-top: 22px;
    }

    .ticket-portal-shell--thread {
        padding-top: 18px;
    }

    .ticket-create-brand__logo {
        max-height: 46px;
        max-width: 190px;
    }

    .ticket-create-card__header {
        padding: 22px 20px 20px;
    }

    .ticket-create-card > .ticket-public-form {
        padding: 22px 20px 24px;
    }

    .ticket-create-errors {
        padding: 18px 20px 0;
    }

    .ticket-create-surface {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .ticket-create-aside {
        gap: 28px;
        padding: 26px 22px 22px;
    }

    .ticket-create-aside__icon {
        margin-bottom: 20px;
    }

    .ticket-create-surface .ticket-create-aside h2 {
        font-size: 24px;
    }

    .ticket-create-main {
        padding: 24px 20px;
    }

    .ticket-create-main__header {
        margin-bottom: 22px;
    }

    .ticket-create-main .ticket-create-errors {
        padding: 0 0 18px;
    }

    .ticket-create-form__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .ticket-public-intro {
        gap: 14px;
        padding: 22px;
    }

    .ticket-public-intro h1,
    .ticket-public-thread-head h1 {
        font-size: 26px;
    }

    .ticket-public-form__grid,
    .ticket-public-thread-head {
        grid-template-columns: 1fr;
    }

    .ticket-public-thread-head__actions {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ticket-public-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 16px;
    }

    .ticket-public-details > div,
    .ticket-public-details > div:first-child {
        border-left: 0;
        padding: 0;
    }

    .ticket-portal-conversation {
        height: clamp(300px, calc(100dvh - 300px), 480px);
        padding: 10px;
    }

    .ticket-public-card--conversation,
    .ticket-public-card--reply {
        padding: 18px;
    }

    .ticket-portal-shell--thread .ticket-public-card--reply .ticket-public-editor .ticket-editor__surface {
        min-height: 110px;
    }

    .ticket-public-form__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .ticket-public-primary-action {
        width: 100%;
    }

    .ticket-public-message__content {
        max-width: calc(100% - 42px);
    }
}

@media (max-width: 440px) {
    .ticket-public-intro {
        flex-direction: column;
    }

    .ticket-public-card__heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .ticket-public-details {
        grid-template-columns: 1fr;
    }
}