@layer v2-shell {
  .v2-skip-link {
    position: fixed;
    z-index: 10000;
    inset: 0 auto auto 1rem;
    padding: 0.75rem 1rem;
    border-radius: 0 0 var(--v2-radius-md) var(--v2-radius-md);
    color: var(--v2-on-accent);
    background: var(--v2-accent);
    font-weight: 700;
    transform: translateY(-120%);
    transition: transform var(--v2-transition);
  }

  .v2-skip-link:focus {
    transform: translateY(0);
  }

  .v2-sidebar {
    position: fixed;
    z-index: 120;
    inset: 0 auto 0 0;
    display: flex;
    width: var(--v2-sidebar-width);
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border-right: 0;
    color: var(--v2-text);
    background: var(--v2-shell);
    box-shadow: 0 0 15px rgba(34, 41, 47, 0.08);
    transition: width var(--v2-transition), transform var(--v2-transition);
  }

  .v2-sidebar__brand {
    position: relative;
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    min-height: var(--v2-topbar-height);
    padding: 0.75rem 1rem;
    border-bottom: 0;
  }

  .v2-sidebar__brand-media {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    overflow: hidden;
    border: 0;
    border-radius: var(--v2-radius-md);
    background: transparent;
  }

  .v2-sidebar__brand-media img {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
  }

  .v2-brand-mark {
    flex: 0 0 42px;
    background: transparent;
  }

  .v2-sidebar__brand-copy {
    display: grid;
    min-width: 0;
    line-height: 1.2;
  }

  .v2-sidebar__brand-copy small {
    overflow: hidden;
    color: var(--v2-faint);
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.075em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .v2-sidebar__brand-copy strong {
    overflow: hidden;
    color: var(--v2-heading);
    font-size: 0.98rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .v2-sidebar__brand-copy span {
    overflow: hidden;
    margin-top: 0.15rem;
    color: var(--v2-muted);
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .v2-nav {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
    gap: 0.2rem;
    overflow-y: auto;
    padding: 1rem 0.75rem;
    scrollbar-color: color-mix(in srgb, var(--v2-muted) 30%, transparent) transparent;
    scrollbar-width: thin;
  }

  .v2-nav__section {
    padding: 1rem 0.75rem 0.4rem;
    color: var(--v2-faint);
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .v2-nav__link,
  .v2-nav__group-label {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.8rem;
    padding: 0.68rem 0.78rem;
    border: 0;
    border-radius: var(--v2-radius-md);
    color: var(--v2-muted);
    background: transparent;
    font-size: 0.89rem;
    font-weight: 500;
    text-align: left;
    transition: color var(--v2-transition), background var(--v2-transition), transform var(--v2-transition);
  }

  .v2-nav__link:hover,
  .v2-nav__group-label:hover {
    color: var(--v2-heading);
    background: color-mix(in srgb, var(--v2-surface) 72%, transparent);
    transform: translateX(2px);
  }

  .v2-nav__link.is-active,
  .v2-nav__group.is-active > .v2-nav__group-label {
    color: var(--v2-on-accent);
    background: var(--v2-accent);
    box-shadow: 0 7px 18px color-mix(in srgb, var(--v2-accent) 22%, transparent);
  }

  html[data-v2-sidebar-state="collapsed"] .v2-body {
    --v2-sidebar-width: var(--v2-sidebar-width-collapsed);
  }

  html[data-v2-sidebar-state="collapsed"] .v2-sidebar__brand {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-inline: 0.75rem;
  }

  html[data-v2-sidebar-state="collapsed"] .v2-sidebar__brand-copy,
  html[data-v2-sidebar-state="collapsed"] .v2-nav__label,
  html[data-v2-sidebar-state="collapsed"] .v2-nav__section,
  html[data-v2-sidebar-state="collapsed"] .v2-nav__children{
    display: none;
  }

  html[data-v2-sidebar-state="collapsed"] .v2-nav {
    align-items: center;
    padding-inline: 0.75rem;
  }

  html[data-v2-sidebar-state="collapsed"] .v2-nav__link,
  html[data-v2-sidebar-state="collapsed"] .v2-nav__group-label {
    width: 3.2rem;
    justify-content: center;
    padding-inline: 0;
  }

  html[data-v2-sidebar-state="collapsed"] .v2-nav__link:hover,
  html[data-v2-sidebar-state="collapsed"] .v2-nav__group-label:hover {
    transform: none;
  }

  .v2-nav__icon {
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
    place-items: center;
  }

  .v2-nav__icon svg {
    width: 1.2rem;
    height: 1.2rem;
  }

  .v2-nav__children {
    display: grid;
    gap: 0.15rem;
    padding: 0.25rem 0 0.35rem 2.85rem;
  }

  .v2-nav__child {
    position: relative;
    padding: 0.5rem 0.6rem;
    border: 0;
    border-radius: var(--v2-radius-sm);
    color: var(--v2-muted);
    background: transparent;
    font-size: 0.86rem;
    text-align: left;
  }

  .v2-nav__child::before {
    position: absolute;
    top: 50%;
    left: -0.75rem;
    width: 0.32rem;
    height: 0.32rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    content: "";
    transform: translateY(-50%);
  }

  .v2-nav__child:hover,
  .v2-nav__child.is-active {
    color: var(--v2-heading);
    background: color-mix(in srgb, var(--v2-surface) 75%, transparent);
  }

  .v2-nav__child.is-active::before {
    border-color: var(--v2-accent-border);
    background: var(--v2-accent);
  }

  .v2-topbar {
    position: sticky;
    z-index: 100;
    top: var(--v2-topbar-offset);
    display: flex;
    width: auto;
    min-width: 0;
    height: var(--v2-topbar-height);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: var(--v2-topbar-offset) 2rem 0;
    padding: 0 1rem;
    border: 0;
    border-radius: var(--v2-radius-lg);
    background: var(--v2-surface);
    box-shadow: 0 4px 24px rgba(34, 41, 47, 0.1);
  }

  .v2-topbar__actions {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.65rem;
  }

  .v2-popover-menu {
    position: relative;
  }

  .v2-popover-menu > summary {
    list-style: none;
  }

  .v2-popover-menu > summary::-webkit-details-marker {
    display: none;
  }

  .v2-icon-button {
    position: relative;
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--v2-muted);
    background: transparent;
    transition: color var(--v2-transition), background var(--v2-transition);
  }

  .v2-icon-button:hover,
  .v2-popover-menu[open] > .v2-icon-button {
    color: var(--v2-heading);
    background: var(--v2-surface);
  }

  .v2-icon-button > svg {
    width: 1.3rem;
    height: 1.3rem;
  }

  .v2-notification-button__badge {
    position: absolute;
    top: -0.1rem;
    right: -0.08rem;
    display: grid;
    min-width: 1.15rem;
    height: 1.15rem;
    place-items: center;
    padding: 0 0.25rem;
    border: 2px solid var(--v2-shell);
    border-radius: 999px;
    color: var(--v2-on-accent);
    background: var(--v2-accent);
    font-size: 0.86rem;
    font-weight: 800;
  }

  .v2-notification-button__badge.is-hidden {
    display: none;
  }

  .v2-account-button {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.55rem;
    padding: 0.25rem 0.45rem;
    border: 1px solid transparent;
    border-radius: var(--v2-radius-md);
    color: var(--v2-text);
    background: transparent;
  }

  .v2-account-button:hover,
  .v2-popover-menu[open] > .v2-account-button {
    background: var(--v2-surface);
  }

  .v2-account-avatar {
    display: grid;
    width: var(--v2-avatar-size, 40px);
    height: var(--v2-avatar-size, 40px);
    place-items: center;
    overflow: hidden;
    border: 0;
    border-radius: 50%;
    color: var(--v2-accent-text);
    background: color-mix(in srgb, var(--v2-accent) 12%, var(--v2-surface));
    font-size: 0.95rem;
    font-weight: 600;
  }

  .v2-account-avatar img {
    width: 100%;
    height: 100%;
    padding: 0.12rem;
    object-fit: contain;
  }

  .v2-account-avatar--image img {
    padding: 0;
    object-fit: cover;
  }

  .v2-account-avatar--profile {
    letter-spacing: 0.015em;
  }

  .v2-account-avatar__initials {
    display: block;
    color: inherit;
    font: inherit;
    line-height: 1;
  }

  .v2-account-popover__avatar {
    --v2-avatar-size: 48px;
    font-size: 1.15rem;
  }

  .v2-account-button__copy {
    display: grid;
    min-width: 0;
    line-height: 1.18;
    text-align: left;
  }

  .v2-account-button__copy strong,
  .v2-account-button__copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .v2-account-button__copy strong {
    color: var(--v2-heading);
    font-size: 0.86rem;
  }

  .v2-account-button__copy small {
    color: var(--v2-faint);
    font-size: 0.86rem;
  }

  .v2-account-button__chevron {
    color: var(--v2-faint);
    font-size: 0.9rem;
  }

  .v2-popover {
    position: absolute;
    z-index: 300;
    top: calc(100% + 0.75rem);
    right: 0;
    width: min(26rem, calc(100vw - 2rem));
    max-height: min(40rem, calc(100vh - var(--v2-topbar-offset) - var(--v2-topbar-height) - 1.5rem));
    max-height: min(40rem, calc(100dvh - var(--v2-topbar-offset) - var(--v2-topbar-height) - 1.5rem));
    overflow: hidden;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-lg);
    color: var(--v2-text);
    background: var(--v2-surface);
    box-shadow: var(--v2-shadow-lg);
    animation: v2-popover-enter var(--v2-transition) both;
  }

  .v2-popover-menu:not([open]) > .v2-popover {
    display: none;
  }

  .v2-popover-menu[open] > .v2-popover {
    display: block;
  }

  .v2-popover-menu[open] > .v2-popover--account {
    display: grid;
  }

  .v2-popover--notifications {
    width: min(30rem, calc(100vw - 2rem));
  }

  .v2-popover__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--v2-border-soft);
  }

  .v2-popover__header > div {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
  }

  .v2-popover__header strong {
    color: var(--v2-heading);
    font-size: 0.95rem;
  }

  .v2-popover__header span {
    color: var(--v2-muted);
    font-size: 0.86rem;
  }

  .v2-link-button {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0.5rem 0.65rem;
    border: 0;
    color: var(--v2-accent-text);
    background: transparent;
    font-size: 0.86rem;
    font-weight: 700;
  }

  .v2-link-button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
  }

  .v2-notification-list {
    max-height: min(32rem, calc(100vh - 12rem));
    max-height: min(32rem, calc(100dvh - 12rem));
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .v2-notification-item {
    position: relative;
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    align-items: start;
    gap: 0.75rem;
    padding: 0.85rem 1rem 0.85rem 1.2rem;
    border-bottom: 1px solid var(--v2-border-soft);
    transition: background var(--v2-transition);
  }

  .v2-notification-item:hover {
    background: var(--v2-surface-raised);
  }

  .v2-notification-item--unread::before {
    position: absolute;
    top: 1rem;
    left: 0.48rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: var(--v2-accent);
    content: "";
  }

  .v2-notification-item__title {
    overflow-wrap: anywhere;
    color: var(--v2-heading);
    font-size: 0.86rem;
    font-weight: 700;
  }

  .v2-notification-item__avatar {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    color: var(--v2-accent-text);
    background: var(--vuexy-primary-soft);
    place-items: center;
    font-size: 1.15rem;
  }

  .v2-notification-item[data-notification-tone="danger"] .v2-notification-item__avatar {
    color: var(--v2-danger, #ea5455);
    background: rgba(234, 84, 85, 0.13);
  }

  .v2-notification-item[data-notification-tone="warning"] .v2-notification-item__avatar {
    color: var(--v2-warning, #ff9f43);
    background: rgba(255, 159, 67, 0.13);
  }

  .v2-notification-item[data-notification-tone="success"] .v2-notification-item__avatar {
    color: var(--v2-success, #28c76f);
    background: rgba(40, 199, 111, 0.13);
  }

  .v2-notification-item[data-notification-tone="info"] .v2-notification-item__avatar {
    color: var(--v2-info, #00cfe8);
    background: rgba(0, 207, 232, 0.13);
  }

  .v2-notification-item__copy {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.5rem;
  }

  .v2-notification-item__title,
  .v2-notification-item__body,
  .v2-notification-item__meta {
    width: 100%;
  }

  .v2-notification-item__category,
  .v2-notification-item__time,
  .v2-notification-item__severity {
    color: var(--v2-muted);
    font-size: 0.73rem;
    line-height: 1.45;
  }

  .v2-notification-item__severity {
    padding: 0.1rem 0.4rem;
    border-radius: 0.3rem;
    color: var(--v2-heading);
    background: var(--v2-surface-soft);
    font-weight: 600;
  }

  .v2-notification-item[data-notification-severity="critical"] .v2-notification-item__severity {
    color: var(--v2-danger, #ea5455);
    background: rgba(234, 84, 85, 0.13);
  }

  .v2-notification-item__time { margin-left: auto; }

  .v2-notification-item__body {
    display: -webkit-box;
    overflow: hidden;
    color: var(--v2-muted);
    font-size: 0.86rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .v2-notification-item__meta {
    overflow-wrap: anywhere;
    color: var(--v2-faint);
    font-size: 0.86rem;
  }

  .v2-empty-inline,
  .v2-notification-empty {
    padding: 2rem 1rem;
    color: var(--v2-muted);
    font-size: 0.86rem;
    text-align: center;
  }

  .v2-notification-empty__message {
    display: block;
    margin-bottom: 0.55rem;
  }

  .v2-popover__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--v2-border-soft);
    color: var(--v2-accent-text);
    font-size: 0.86rem;
    font-weight: 700;
  }

  .v2-popover__footer a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 0.45rem 0.25rem;
  }

  .v2-popover--account {
    width: min(20rem, calc(100vw - 2rem));
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
  }

  .v2-popover--account > * {
    min-width: 0;
  }

  .v2-account-popover__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid var(--v2-border-soft);
  }

  .v2-account-popover__header > div:last-child {
    display: grid;
    min-width: 0;
  }

  .v2-account-popover__header strong {
    overflow: hidden;
    color: var(--v2-heading);
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .v2-account-popover__header span {
    overflow-wrap: anywhere;
    color: var(--v2-muted);
    font-size: 0.86rem;
  }

  .v2-account-popover__links {
    display: grid;
    min-height: 0;
    padding: 0.45rem;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .v2-account-popover__link {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 44px;
    width: 100%;
    padding: 0.66rem 0.75rem;
    border: 0;
    border-radius: var(--v2-radius-sm);
    color: var(--v2-muted);
    background: transparent;
    font-size: 0.86rem;
    text-align: left;
    white-space: normal;
  }

  .v2-account-popover__link > i { flex: 0 0 1.1rem; font-size: 1.1rem; }

  .v2-account-popover__link > span {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .v2-account-popover__divider {
    width: 100%;
    margin: 0.45rem 0;
    border: 0;
    border-top: 1px solid var(--v2-border-soft);
  }

  .v2-account-popover__link:hover {
    color: var(--v2-heading);
    background: var(--v2-surface-soft);
  }

  .v2-account-popover__logout {
    padding: 0.5rem;
    border-top: 1px solid var(--v2-border-soft);
  }

  .v2-theme-customizer__header,
  .v2-theme-customizer__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
  }

  .v2-theme-customizer__header {
    border-bottom: 1px solid var(--v2-border-soft);
  }

  .v2-theme-customizer__header > div {
    display: grid;
    min-width: 0;
  }

  .v2-theme-customizer__header strong {
    color: var(--v2-heading);
    font-size: 0.95rem;
  }

  .v2-theme-customizer__header span,
  .v2-theme-customizer__footer span {
    color: var(--v2-muted);
    font-size: 0.86rem;
  }

  .v2-theme-customizer__close {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    font-size: 1.2rem;
  }

  .v2-theme-customizer__body {
    display: grid;
    gap: 1rem;
    min-height: 0;
    padding: 1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .v2-theme-customizer__group {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }

  .v2-theme-customizer__group legend {
    margin-bottom: 0.55rem;
    color: var(--v2-heading);
    font-size: 0.86rem;
    font-weight: 700;
  }

  .v2-theme-customizer__options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
  }

  .v2-theme-option {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-md);
    background: var(--v2-surface-soft);
    transition: border-color var(--v2-transition), background var(--v2-transition), transform var(--v2-transition);
  }

  .v2-theme-option:hover {
    border-color: color-mix(in srgb, var(--v2-accent) 50%, var(--v2-border));
    background: var(--v2-surface-raised);
    transform: translateY(-1px);
  }

  .v2-theme-option:has(input:checked) {
    border-color: var(--v2-accent-border);
    background: color-mix(in srgb, var(--v2-accent) 10%, var(--v2-surface));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--v2-accent) 13%, transparent);
  }

  .v2-theme-option input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
  }

  .v2-theme-option > span:last-child {
    display: grid;
    min-width: 0;
  }

  .v2-theme-option strong {
    color: var(--v2-heading);
    font-size: 0.86rem;
  }

  .v2-theme-option small {
    overflow: hidden;
    color: var(--v2-muted);
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .v2-theme-option__preview {
    position: relative;
    display: grid;
    width: 2.6rem;
    height: 2rem;
    grid-template-columns: 0.75rem 1fr;
    overflow: hidden;
    border: 1px solid var(--v2-border);
    border-radius: 0.28rem;
    background: #f8f8f8;
  }

  .v2-theme-option__preview i:first-child {
    grid-row: 1 / span 3;
    background: #283046;
  }

  .v2-theme-option__preview i:not(:first-child) {
    margin: 0.2rem;
    border-radius: 0.12rem;
    background: #e4e2ea;
  }

  .v2-theme-option__preview--dark {
    background: #161d31;
  }

  .v2-theme-option__preview--dark i:not(:first-child) {
    background: #3b4253;
  }

  .v2-theme-option__preview--light i:first-child,
  .v2-theme-option__preview--system i:first-child {
    background: #ffffff;
    border-right: 1px solid #ebe9f1;
  }

  .v2-theme-option__preview--system {
    background: linear-gradient(135deg, #f8f8f8 0 50%, #161d31 50% 100%);
  }

  .v2-theme-option__preview--bordered {
    box-shadow: inset 0 0 0 1px #6f62ec;
  }

  .v2-theme-option__preview--sticky i:nth-child(2) {
    margin: 0;
    border-radius: 0;
    background: #6f62ec;
  }

  .v2-theme-option__preview--compact i:not(:first-child) {
    margin-block: 0.3rem;
  }

  .v2-theme-option__preview--collapsed {
    grid-template-columns: 0.35rem 1fr;
  }

  .v2-theme-customizer__footer {
    border-top: 1px solid var(--v2-border-soft);
  }

  html[data-theme-sidebar="dark"][data-theme-mode="light"] .v2-sidebar {
    --v2-shell: var(--v2-theme-dark-shell, #283046);
    --v2-surface: var(--v2-theme-dark-surface, #283046);
    --v2-surface-raised: var(--v2-theme-dark-raised, #30384f);
    --v2-surface-soft: var(--v2-theme-dark-soft, #20283a);
    --v2-border: #3b4253;
    --v2-border-soft: rgba(231, 234, 243, 0.09);
    --v2-text: #d0d2d6;
    --v2-heading: #f3f4f8;
    --v2-muted: #b4b7bd;
    --v2-faint: #a6a9b0;
    --v2-accent-text: var(--v2-theme-dark-accent-text, #ead44c);
  }

  html[data-theme-skin="bordered"] .v2-sidebar,
  html[data-theme-skin="bordered"] .v2-topbar,
  html[data-theme-skin="bordered"] .v2-popover {
    border: 1px solid var(--v2-border);
    box-shadow: none;
  }

  html[data-theme-skin="bordered"] .v2-sidebar {
    border-block: 0;
    border-left: 0;
  }

  html[data-navbar-mode="sticky"] .v2-body {
    --v2-topbar-offset: 0rem;
  }

  html[data-navbar-mode="sticky"] .v2-topbar {
    margin-top: 0;
    border-radius: 0 0 var(--v2-radius-lg) var(--v2-radius-lg);
  }

  html[data-theme-density="compact"] .v2-nav {
    padding-block: 0.65rem;
  }

  html[data-theme-density="compact"] .v2-nav__link,
  html[data-theme-density="compact"] .v2-nav__group-label {
    min-height: 2.35rem;
    padding-block: 0.48rem;
  }

  html[data-theme-density="compact"] .v2-content {
    padding-top: 1.4rem;
  }

  .v2-modal-overlay[hidden],
  .v2-playback-download-dock.is-hidden {
    display: none;
  }

  .v2-body.v2-modal-open,
  .v2-body.v2-has-confirm-dialog {
    overflow: hidden;
  }

  .v2-modal-overlay {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    overflow-y: auto;
    background: var(--v2-overlay);
    backdrop-filter: blur(6px);
  }

  .v2-modal {
    width: min(52rem, 100%);
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-xl);
    color: var(--v2-text);
    background: var(--v2-surface);
    box-shadow: var(--v2-shadow-lg);
  }

  .v2-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-bottom: 1px solid var(--v2-border-soft);
  }

  .v2-modal__eyebrow {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--v2-accent-text);
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .v2-modal__header h2 {
    margin-bottom: 0.3rem;
    color: var(--v2-heading);
  }

  .v2-modal__header p {
    margin-bottom: 0;
    color: var(--v2-muted);
    font-size: 0.86rem;
  }

  .v2-modal__close {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--v2-border);
    border-radius: 50%;
    color: var(--v2-text);
    background: var(--v2-surface-soft);
    font-size: 1.25rem;
  }

  .v2-background-check__intro {
    display: grid;
    gap: 0.2rem;
    padding: 1rem 1.25rem 0;
    color: var(--v2-muted);
    font-size: 0.86rem;
  }

  .v2-background-check__intro strong {
    color: var(--v2-heading);
  }

  .v2-background-check__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1.25rem;
  }

  .v2-background-check__card {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid var(--v2-border-soft);
    border-radius: var(--v2-radius-md);
    background: var(--v2-surface-soft);
  }

  .v2-background-check__badge {
    color: var(--v2-accent-text);
    font-size: 0.86rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  .v2-background-check__card h3 {
    margin-bottom: 0.2rem;
    color: var(--v2-heading);
    font-size: 0.9rem;
  }

  .v2-background-check__card p {
    margin-bottom: 0;
    color: var(--v2-muted);
    font-size: 0.86rem;
  }

  .v2-playback-download-dock {
    position: fixed;
    z-index: 700;
    right: 1rem;
    bottom: 1rem;
    width: min(28rem, calc(100vw - 2rem));
    max-height: min(36rem, calc(100vh - 2rem));
    max-height: min(36rem, calc(100dvh - 2rem));
    overflow: hidden;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-lg);
    color: var(--v2-text);
    background: var(--v2-surface);
    box-shadow: var(--v2-shadow-lg);
  }

  .v2-playback-download-dock__head {
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--v2-border-soft);
  }

  .v2-playback-download-dock__head > div,
  .v2-playback-download-dock__copy {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
  }

  .v2-playback-download-dock__head strong,
  .v2-playback-download-dock__copy strong {
    overflow-wrap: anywhere;
    color: var(--v2-heading);
    font-size: 0.86rem;
  }

  .v2-playback-download-dock__head span,
  .v2-playback-download-dock__copy span,
  .v2-playback-download-dock__item-meta {
    color: var(--v2-muted);
    font-size: 0.86rem;
  }

  .v2-playback-download-dock__list {
    display: grid;
    max-height: 28rem;
    gap: 0.55rem;
    overflow-y: auto;
    padding: 0.75rem;
  }

  .v2-playback-download-dock__item {
    display: grid;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid var(--v2-border-soft);
    border-radius: var(--v2-radius-md);
    background: var(--v2-surface-soft);
    font-size: 0.86rem;
  }

  .v2-playback-download-dock__item-head,
  .v2-playback-download-dock__item-meta,
  .v2-playback-download-dock__actions {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
  }

  .v2-playback-download-dock__item-meta {
    flex-wrap: wrap;
  }

  .v2-playback-download-dock__progress {
    height: 0.35rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--v2-shell);
  }

  .v2-playback-download-dock__progress-bar {
    display: block;
    width: calc(var(--download-progress, 0) * 100%);
    height: 100%;
    border-radius: inherit;
    background: var(--v2-accent);
  }

  .v2-playback-download-dock__progress-bar[data-indeterminate="true"] {
    width: 35%;
    animation: v2-download-indeterminate 1.25s ease-in-out infinite alternate;
  }

  .v2-playback-download-dock__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.4rem;
  }

  .v2-playback-download-dock__stats > span {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
  }

  .v2-playback-download-dock__stats small {
    color: var(--v2-faint);
    font-size: 0.86rem;
  }

  .v2-playback-download-dock__stats strong {
    overflow: hidden;
    color: var(--v2-heading);
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .v2-playback-download-dock__actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .v2-confirm-dialog {
    width: min(30rem, calc(100vw - 2rem));
    max-width: 30rem;
    margin: auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-lg);
    color: var(--v2-text);
    background: var(--v2-surface);
    box-shadow: var(--v2-shadow-lg);
  }

  .v2-confirm-dialog::backdrop {
    background: var(--v2-overlay);
    backdrop-filter: blur(0.4rem);
  }

  .v2-confirm-dialog__surface {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    background:
      radial-gradient(circle at top right, color-mix(in srgb, var(--v2-danger-text) 10%, transparent), transparent 42%),
      var(--v2-surface);
  }

  .v2-confirm-dialog__head {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
  }

  .v2-confirm-dialog__icon {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--v2-danger-text) 35%, transparent);
    border-radius: var(--v2-radius-md);
    color: var(--v2-danger-text);
    background: color-mix(in srgb, var(--v2-danger-text) 12%, transparent);
    font-size: 1.1rem;
    font-weight: 900;
  }

  .v2-confirm-dialog__copy {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
  }

  .v2-confirm-dialog__copy small {
    color: var(--v2-danger-text);
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .v2-confirm-dialog__copy strong {
    color: var(--v2-heading);
    font-size: 1rem;
  }

  .v2-confirm-dialog p {
    margin: 0;
    color: var(--v2-muted);
    font-size: 0.86rem;
    line-height: 1.55;
  }

  .v2-confirm-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
  }

  .v2-confirm-dialog[data-ui-confirm-variant="default"] .v2-confirm-dialog__surface {
    background:
      radial-gradient(circle at top right, color-mix(in srgb, var(--v2-accent) 11%, transparent), transparent 42%),
      var(--v2-surface);
  }

  .v2-confirm-dialog[data-ui-confirm-variant="default"] .v2-confirm-dialog__icon {
    border-color: color-mix(in srgb, var(--v2-accent-border) 35%, transparent);
    color: var(--v2-accent-text);
    background: color-mix(in srgb, var(--v2-accent) 12%, transparent);
  }

  .v2-confirm-dialog[data-ui-confirm-variant="default"] .v2-confirm-dialog__copy small {
    color: var(--v2-accent-text);
  }

  @keyframes v2-download-indeterminate {
    from { transform: translateX(-10%); }
    to { transform: translateX(195%); }
  }

  .v2-content {
    min-width: 0;
    min-height: calc(100vh - var(--v2-topbar-height));
    min-height: calc(100dvh - var(--v2-topbar-height));
    padding: 2rem 2rem 0;
  }

  .v2-content__inner {
    width: 100%;
    max-width: var(--v2-content-max);
    min-width: 0;
    margin-inline: auto;
  }

  .v2-sidebar-backdrop {
    display: none;
  }

  @keyframes v2-popover-enter {
    from { opacity: 0; transform: translateY(-0.45rem) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }

  @media (max-width: 1199px) {
    html[data-v2-sidebar-state="collapsed"] .v2-body {
      --v2-sidebar-width: var(--v2-sidebar-width-expanded);
    }

    .v2-sidebar {
      width: min(19rem, calc(100vw - 3rem));
      transform: translateX(-100%);
      transition: transform var(--v2-transition);
    }

    .shell-nav-open .v2-sidebar {
      transform: translateX(0);
    }

    .v2-sidebar__brand-copy {
      padding-right: 2rem;
    }

    .v2-sidebar-backdrop {
      position: fixed;
      z-index: 110;
      inset: 0;
      display: block;
      border: 0;
      opacity: 0;
      background: var(--v2-overlay);
      pointer-events: none;
      transition: opacity var(--v2-transition);
    }

    .shell-nav-open .v2-sidebar-backdrop {
      opacity: 1;
      pointer-events: auto;
    }
  }

  @media (max-width: 52rem) {

    .v2-account-button__copy,
    .v2-account-button__chevron {
      display: none;
    }

    .v2-account-button {
      display: grid;
      width: 44px;
      height: 44px;
      min-width: 0;
      place-items: center;
      padding: 0;
      border-radius: 50%;
    }

    .v2-icon-button {
      width: 44px;
      height: 44px;
    }
  }

  @media (max-width: 720px) {
    .v2-background-check__grid {
      grid-template-columns: 1fr;
    }

    .v2-playback-download-dock__stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .v2-playback-download-dock__actions,
    .v2-confirm-dialog__actions {
      align-items: stretch;
      flex-direction: column-reverse;
    }

    .v2-topbar {
      top: var(--v2-topbar-offset);
      margin: var(--v2-topbar-offset) 1.2rem 0;
      padding-inline: 0.6rem;
    }

    .v2-content {
      padding: 1.2rem 1.2rem 0;
    }
  }

  @media (max-width: 430px) {

    .v2-topbar__actions {
      gap: 0.25rem;
    }

    .v2-popover {
      position: fixed;
      top: calc(var(--v2-topbar-offset) + var(--v2-topbar-height) + 0.5rem);
      right: 0.5rem;
      left: 0.5rem;
      width: auto;
      max-height: calc(100vh - var(--v2-topbar-offset) - var(--v2-topbar-height) - 1rem);
      max-height: calc(100dvh - var(--v2-topbar-offset) - var(--v2-topbar-height) - 1rem);
    }
  }

  @media (max-width: 360px) {

  }
}

/* Global perimeter delivery belongs to the authenticated Vuexy shell. Keep the
   short state visible on desktop and the status indicator/touch target on mobile. */
body.v2-body .header-navbar .v2-perimeter-global > summary.v2-perimeter-global__trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-width: 44px;
  min-height: 44px;
  padding-inline: .55rem;
  cursor: pointer;
}
body.v2-body .v2-perimeter-global__summary {
  max-width: 8.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
}
body.v2-body .v2-perimeter-global__indicator {
  position: absolute;
  top: .5rem;
  left: 1.45rem;
  width: .55rem;
  height: .55rem;
  border: 2px solid var(--v2-surface);
  border-radius: 50%;
  background: var(--v2-muted);
}
body.v2-body [data-perimeter-state="ready"] .v2-perimeter-global__indicator { background: #28c76f; }
body.v2-body :is([data-perimeter-state="visual-only"], [data-perimeter-state="attention"]) .v2-perimeter-global__indicator { background: #ff9f43; }
body.v2-body [data-perimeter-state="unavailable"] .v2-perimeter-global__indicator { background: #ea5455; }
/* The Vuexy integration gives generic popovers a 22rem minimum. This global
   panel must shrink below it on 320px viewports while retaining mobile insets. */
body.v2-body .v2-perimeter-global > .v2-popover--perimeter { min-width: 0; }
body.v2-body .v2-popover-menu[open] > .v2-popover--perimeter {
  display: flex;
  flex-direction: column;
  max-height: min(36rem, calc(100dvh - 7rem));
}
body.v2-body .v2-popover--perimeter > :not(.v2-perimeter-global__body) { flex: 0 0 auto; }
body.v2-body .v2-popover--perimeter .v2-popover__header > div { display: grid; gap: .3rem; min-width: 0; }
body.v2-body .v2-popover--perimeter .v2-popover__header span { color: var(--v2-muted); font-size: .8rem; }
body.v2-body .v2-perimeter-global__body {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1rem 1.25rem;
  font-size: .85rem;
  overflow-wrap: anywhere;
}
body.v2-body .v2-perimeter-global__actions { display: flex; flex-wrap: wrap; gap: .6rem; }
body.v2-body .v2-perimeter-global__actions button { min-height: 44px; max-width: 100%; white-space: normal; }
body.v2-body .v2-perimeter-global__actions [hidden] { display: none !important; }
body.v2-body .v2-perimeter-global__help { margin: .85rem 0 0; color: var(--v2-muted); font-size: .78rem; }
@media (max-width: 1199.98px) {
  body.v2-body .v2-perimeter-global__summary { display: none; }
}

/*
 * Keep intrinsic image sizes bounded without forcing the header's avatar size
 * onto the account page. Contexts set --v2-avatar-size, never global overrides.
 */
body.v2-body .v2-account-avatar {
  width: var(--v2-avatar-size, 40px);
  height: var(--v2-avatar-size, 40px);
  min-width: var(--v2-avatar-size, 40px);
  max-width: var(--v2-avatar-size, 40px);
  flex: 0 0 var(--v2-avatar-size, 40px);
  overflow: hidden;
}

body.v2-body .v2-account-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  max-width: 100%;
  object-fit: contain;
}

body.v2-body .v2-account-avatar--image > img {
  padding: 0;
  object-fit: cover;
}

@layer v2-shell {
  body.v2-body .v2-command-trigger {
    min-height: 2.65rem;
    margin-left: 0.5rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-muted);
    background: var(--v2-surface);
    align-items: center;
    gap: 0.55rem;
  }

  body.v2-body .v2-command-trigger:hover,
  body.v2-body .v2-command-trigger:focus-visible {
    color: var(--v2-accent-text);
    border-color: var(--v2-accent-border);
  }

  body.v2-body .v2-command-trigger kbd,
  body.v2-body .v2-command-palette kbd {
    padding: 0.15rem 0.4rem;
    border: 1px solid var(--v2-border);
    border-radius: 0.25rem;
    color: var(--v2-muted);
    background: var(--v2-soft);
    font: inherit;
    font-size: 0.72rem;
  }

  body.v2-body .v2-command-palette {
    position: fixed;
    z-index: 1700;
    inset: 0;
    display: grid;
    padding: clamp(1rem, 9vh, 6rem) 1rem 1rem;
    place-items: start center;
  }

  body.v2-body .v2-command-palette[hidden],
  body.v2-body .v2-command-item[hidden],
  body.v2-body .v2-notification-item[hidden],
  body.v2-body .v2-notification-filter-empty[hidden],
  body.v2-body .v2-customizer-backdrop[hidden] {
    display: none;
  }

  body.v2-body .v2-command-palette__backdrop,
  body.v2-body .v2-customizer-backdrop {
    position: fixed;
    border: 0;
    background: rgba(34, 41, 47, 0.62);
    backdrop-filter: blur(3px);
    inset: 0;
  }

  body.v2-body .v2-command-palette__dialog {
    position: relative;
    display: flex;
    width: min(46rem, calc(100vw - 2rem));
    max-height: min(42rem, calc(100dvh - 2rem));
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-lg);
    outline: 0;
    overflow: hidden;
    color: var(--v2-text);
    background: var(--v2-surface);
    box-shadow: 0 1.5rem 5rem rgba(34, 41, 47, 0.28);
    flex-direction: column;
  }

  body.v2-body .v2-command-palette__header,
  body.v2-body .v2-command-palette__footer,
  body.v2-body .v2-command-palette__section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }

  body.v2-body .v2-command-palette__header {
    padding: 1.25rem 1.35rem 0.85rem;
  }

  body.v2-body .v2-command-palette__header h2,
  body.v2-body .v2-command-palette__header p {
    margin: 0;
  }

  body.v2-body .v2-command-palette__header h2 {
    color: var(--v2-heading);
    font-size: 1.35rem;
  }

  body.v2-body .v2-command-palette__header p,
  body.v2-body .v2-command-palette__section-title small,
  body.v2-body .v2-command-item__copy small,
  body.v2-body .v2-command-palette__empty span {
    color: var(--v2-muted);
    font-size: 0.78rem;
  }

  body.v2-body .v2-command-palette__eyebrow {
    color: var(--v2-accent-text);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  body.v2-body .v2-command-palette__search {
    display: grid;
    margin: 0 1.35rem;
    padding: 0 0.85rem;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-md);
    background: var(--v2-soft);
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
  }

  body.v2-body .v2-command-palette__search:focus-within {
    border-color: var(--v2-accent-border);
    box-shadow: 0 0 0 0.2rem var(--v2-focus-ring);
  }

  body.v2-body .v2-command-palette__search input {
    width: 100%;
    min-height: 3.25rem;
    border: 0;
    outline: 0;
    color: var(--v2-heading);
    background: transparent;
    font-size: 1rem;
  }

  body.v2-body .v2-command-palette__body {
    min-height: 0;
    padding: 1rem 1.35rem;
    overflow: auto;
  }

  body.v2-body .v2-command-palette__section-title {
    margin-bottom: 0.55rem;
    color: var(--v2-muted);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  body.v2-body .v2-command-palette__results {
    display: grid;
    gap: 0.25rem;
  }

  body.v2-body .v2-command-operational {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--v2-border-soft);
  }

  body.v2-body .v2-command-operational__status {
    color: var(--v2-muted);
    font-size: 0.82rem;
  }

  body.v2-body .v2-command-operational__group > h3 {
    margin: 0.8rem 0 0.25rem;
    color: var(--v2-heading);
    font-size: 0.85rem;
    font-weight: 600;
  }

  body.v2-body .v2-command-item--operational { grid-template-columns: minmax(0, 1fr); }

  body.v2-body .v2-command-item--operational .v2-command-item__copy small {
    overflow: hidden;
    display: -webkit-box;
    color: var(--v2-muted);
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.v2-body .v2-command-item {
    display: grid;
    min-width: 0;
    border: 1px solid transparent;
    border-radius: var(--v2-radius-sm);
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
  }

  body.v2-body .v2-command-item[data-command-active="true"] {
    border-color: var(--v2-accent-border);
    background: var(--vuexy-primary-soft, rgba(214, 187, 24, 0.1));
  }

  body.v2-body .v2-command-item > a {
    display: flex;
    min-width: 0;
    padding: 0.7rem;
    color: var(--v2-text);
    align-items: center;
    gap: 0.75rem;
  }

  body.v2-body .v2-command-item__icon {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--v2-radius-sm);
    color: var(--v2-accent-text);
    background: var(--vuexy-primary-soft, rgba(214, 187, 24, 0.1));
    flex: 0 0 2.25rem;
    place-items: center;
  }

  body.v2-body .v2-command-item__copy {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
  }

  body.v2-body .v2-command-item__copy strong {
    overflow: hidden;
    color: var(--v2-heading);
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.v2-body .v2-command-item__arrow {
    margin-left: auto;
    color: var(--v2-muted);
  }

  body.v2-body .v2-command-item__favorite {
    width: 3rem;
    border: 0;
    border-radius: var(--v2-radius-sm);
    color: var(--v2-muted);
    background: transparent;
  }

  body.v2-body .v2-command-item__favorite:hover,
  body.v2-body .v2-command-item__favorite:focus-visible,
  body.v2-body .v2-command-item__favorite.is-active {
    color: var(--v2-warning);
    background: rgba(255, 159, 67, 0.1);
  }

  body.v2-body .v2-command-item__favorite.is-active i {
    font-weight: 700;
  }

  body.v2-body .v2-command-palette__empty {
    padding: 2rem 1rem;
    text-align: center;
  }

  body.v2-body .v2-command-palette__empty strong,
  body.v2-body .v2-command-palette__empty span {
    display: block;
  }

  body.v2-body .v2-command-palette__empty strong {
    margin-bottom: 0.25rem;
    color: var(--v2-heading);
  }

  body.v2-body .v2-command-palette__footer {
    padding: 0.85rem 1.35rem;
    border-top: 1px solid var(--v2-border);
    color: var(--v2-muted);
    font-size: 0.75rem;
    justify-content: flex-start;
  }

  body.v2-body .v2-command-palette__footer a {
    display: inline-flex;
    min-height: 44px;
    margin-left: auto;
    align-items: center;
    padding: 0.45rem 0;
    color: var(--v2-accent-text);
    font-weight: 500;
  }

  body.v2-body .v2-notification-filters {
    display: flex;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid var(--v2-border);
    gap: 0.35rem;
  }

  body.v2-body .v2-notification-filter {
    min-height: 44px;
    padding: 0.3rem 0.65rem;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--v2-muted);
    background: transparent;
    font-size: 0.75rem;
  }

  body.v2-body .v2-notification-filter:hover,
  body.v2-body .v2-notification-filter:focus-visible,
  body.v2-body .v2-notification-filter.is-active {
    border-color: var(--v2-accent-border);
    color: var(--v2-accent-text);
    background: var(--vuexy-primary-soft, rgba(214, 187, 24, 0.1));
  }

  body.v2-body .v2-notification-filter-empty {
    padding: 1.5rem 1rem;
    text-align: center;
  }

  body.v2-body .v2-customizer-backdrop {
    z-index: 1088;
  }

  body.v2-body.v2-popover-open .v2-theme-customizer .customizer-toggle {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  body.v2-body .breadcrumb-wrapper {
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  body.v2-body .breadcrumb {
    width: max-content;
    min-width: 100%;
  }

  body.v2-body .v2-help-center,
  body.v2-body .v2-guided-tour {
    position: fixed;
    inset: 0;
  }

  body.v2-body .v2-help-center[hidden],
  body.v2-body .v2-guided-tour[hidden] {
    display: none;
  }

  body.v2-body .v2-help-center {
    z-index: 1210;
  }

  body.v2-body .v2-help-center__backdrop,
  body.v2-body .v2-guided-tour__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(11, 16, 32, 0.58);
    cursor: default;
    backdrop-filter: blur(2px);
  }

  body.v2-body .v2-help-center__drawer {
    position: absolute;
    z-index: 1;
    inset: 0 0 0 auto;
    display: flex;
    width: min(100%, 29rem);
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border-left: 1px solid var(--v2-border);
    color: var(--v2-text);
    background: var(--v2-surface);
    box-shadow: -1rem 0 3rem rgba(11, 16, 32, 0.24);
    animation: v2-help-slide-in 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  body.v2-body .v2-help-center__header {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    border-bottom: 1px solid var(--v2-border-soft);
  }

  body.v2-body .v2-help-center__header > div {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
  }

  body.v2-body .v2-help-center__header span,
  body.v2-body .v2-help-section__heading span,
  body.v2-body .v2-guided-tour__eyebrow {
    color: var(--v2-accent-text);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.075em;
    text-transform: uppercase;
  }

  body.v2-body .v2-help-center__header h2,
  body.v2-body .v2-help-section__heading h3,
  body.v2-body .v2-guided-tour__tooltip h2 {
    margin: 0;
    color: var(--v2-heading);
  }

  body.v2-body .v2-help-center__header h2 {
    font-size: 1.25rem;
  }

  body.v2-body .v2-help-center__header p,
  body.v2-body .v2-help-tour-card p,
  body.v2-body .v2-guided-tour__tooltip p {
    margin: 0;
    color: var(--v2-muted);
    font-size: 0.82rem;
    line-height: 1.5;
  }

  body.v2-body .v2-help-center__body {
    display: grid;
    min-width: 0;
    gap: 1rem;
    overflow-y: auto;
    padding: 1rem 1.25rem max(1.5rem, env(safe-area-inset-bottom));
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  body.v2-body .v2-help-tour-card {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--v2-accent) 32%, var(--v2-border));
    border-radius: var(--v2-radius-md);
    background:
      linear-gradient(125deg, color-mix(in srgb, var(--v2-accent) 12%, transparent), transparent 65%),
      var(--v2-surface-soft);
  }

  body.v2-body .v2-help-tour-card__icon {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    grid-row: span 2;
    place-items: center;
    border-radius: var(--v2-radius-sm);
    color: var(--v2-on-accent);
    background: var(--v2-accent);
  }

  body.v2-body .v2-help-tour-card > div {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
  }

  body.v2-body .v2-help-tour-card > div strong {
    color: var(--v2-heading);
    font-size: 0.9rem;
  }

  body.v2-body .v2-help-tour-card > .v2-button {
    grid-column: 2;
    justify-self: start;
  }

  body.v2-body .v2-help-search {
    position: relative;
    display: block;
    min-width: 0;
  }

  body.v2-body .v2-help-search > i {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0.85rem;
    color: var(--v2-faint);
    transform: translateY(-50%);
    pointer-events: none;
  }

  body.v2-body .v2-help-search input {
    width: 100%;
    padding-left: 2.5rem;
  }

  body.v2-body .v2-help-section {
    display: grid;
    min-width: 0;
    gap: 0.75rem;
  }

  body.v2-body .v2-help-section__heading {
    display: flex;
    min-width: 0;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
  }

  body.v2-body .v2-help-section__heading > div {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
  }

  body.v2-body .v2-help-section__heading h3 {
    font-size: 1rem;
  }

  body.v2-body .v2-help-section__heading > a {
    color: var(--v2-accent-text);
    font-size: 0.76rem;
    font-weight: 750;
  }

  body.v2-body .v2-help-shortcuts {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.42rem;
    margin: 0;
  }

  body.v2-body p.v2-help-shortcuts > span {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.58rem;
    border: 1px solid var(--v2-border-soft);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-muted);
    background: var(--v2-surface-soft);
    font-size: 0.72rem;
    text-align: center;
  }

  body.v2-body .v2-help-shortcuts > div {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(7.5rem, auto) minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    padding: 0.58rem 0.68rem;
    border: 1px solid var(--v2-border-soft);
    border-radius: var(--v2-radius-sm);
    background: var(--v2-surface-soft);
  }

  body.v2-body .v2-help-shortcuts dt {
    display: flex;
    gap: 0.25rem;
  }

  body.v2-body .v2-help-shortcuts dd {
    margin: 0;
    color: var(--v2-muted);
    font-size: 0.78rem;
  }

  body.v2-body .v2-help-links {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
  }

  body.v2-body .v2-help-links > a {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem;
    border: 1px solid var(--v2-border-soft);
    border-radius: var(--v2-radius-sm);
    color: var(--v2-muted);
    background: var(--v2-surface-soft);
    transition: border-color var(--v2-transition), transform var(--v2-transition);
  }

  body.v2-body .v2-help-links > a:hover {
    border-color: color-mix(in srgb, var(--v2-accent) 38%, var(--v2-border));
    transform: translateY(-1px);
  }

  body.v2-body .v2-help-links > a > span:first-child {
    display: grid;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    border-radius: 0.45rem;
    color: var(--v2-accent-text);
    background: color-mix(in srgb, var(--v2-accent) 10%, transparent);
  }

  body.v2-body .v2-help-links > a > span:nth-child(2) {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
  }

  body.v2-body .v2-help-links strong,
  body.v2-body .v2-help-links small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.v2-body .v2-help-links strong {
    color: var(--v2-heading);
    font-size: 0.78rem;
  }

  body.v2-body .v2-help-links small {
    color: var(--v2-faint);
    font-size: 0.68rem;
  }

  body.v2-body .v2-help-empty {
    padding: 1.5rem;
    text-align: center;
  }

  body.v2-body .v2-guided-tour {
    z-index: 1300;
  }

  body.v2-body .v2-guided-tour__backdrop {
    z-index: 0;
    background: transparent;
    backdrop-filter: none;
  }

  body.v2-body .v2-guided-tour__spotlight {
    position: fixed;
    z-index: 1;
    border: 2px solid var(--v2-accent);
    border-radius: var(--v2-radius-md);
    box-shadow: 0 0 0 9999px rgba(11, 16, 32, 0.72), 0 0 0 5px color-mix(in srgb, var(--v2-accent) 24%, transparent);
    pointer-events: none;
    transition: inset 180ms ease, width 180ms ease, height 180ms ease;
  }

  body.v2-body .v2-guided-tour__tooltip {
    position: fixed;
    z-index: 2;
    display: grid;
    width: min(calc(100vw - 1.5rem), 22rem);
    min-width: 0;
    gap: 0.55rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--v2-accent) 35%, var(--v2-border));
    border-radius: var(--v2-radius-lg);
    color: var(--v2-text);
    background: var(--v2-surface);
    box-shadow: 0 1.25rem 4rem rgba(11, 16, 32, 0.34);
  }

  body.v2-body .v2-guided-tour__progress,
  body.v2-body .v2-guided-tour__actions {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
  }

  body.v2-body .v2-guided-tour__progress > span {
    color: var(--v2-muted);
    font-size: 0.72rem;
    font-weight: 750;
  }

  body.v2-body .v2-guided-tour__progress > button {
    display: grid;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: var(--v2-radius-sm);
    place-items: center;
    color: var(--v2-muted);
    background: var(--v2-surface-soft);
  }

  body.v2-body .v2-guided-tour__tooltip h2 {
    font-size: 1.08rem;
  }

  body.v2-body .v2-guided-tour__actions {
    justify-content: flex-end;
    margin-top: 0.35rem;
  }

  @keyframes v2-help-slide-in {
    from { opacity: 0; transform: translateX(2rem); }
    to { opacity: 1; transform: translateX(0); }
  }

  @media (max-width: 767.98px) {
    body.v2-body .v2-command-palette {
      padding: 0;
      align-items: end;
    }

    body.v2-body .v2-command-palette__dialog {
      width: 100%;
      max-height: min(92dvh, 48rem);
      border-radius: 1rem 1rem 0 0;
    }

    body.v2-body .v2-command-palette__header,
    body.v2-body .v2-command-palette__body,
    body.v2-body .v2-command-palette__footer {
      padding-right: 1rem;
      padding-left: 1rem;
    }

    body.v2-body .v2-command-palette__search {
      margin-right: 1rem;
      margin-left: 1rem;
    }

    body.v2-body .v2-command-palette__footer span {
      display: none;
    }

    body.v2-body .v2-help-links {
      grid-template-columns: minmax(0, 1fr);
    }

    body.v2-body .v2-guided-tour__tooltip {
      right: 0.75rem !important;
      bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
      left: 0.75rem !important;
      top: auto !important;
      width: auto;
    }
  }

  @media (max-width: 575.98px) {
    body.v2-body .v2-theme-customizer.customizer {
      --vuexy-customizer-width: min(100vw, 28rem);
    }

    body.v2-body .v2-theme-customizer .customizer-toggle {
      top: auto;
      bottom: max(1rem, env(safe-area-inset-bottom));
    }

    body.v2-body .v2-theme-customizer .customizer-content {
      padding-bottom: env(safe-area-inset-bottom);
    }

    body.v2-body .v2-help-center__drawer {
      width: 100%;
      border-left: 0;
    }

    body.v2-body .content-header-left .d-flex {
      align-items: flex-start !important;
      flex-direction: column;
    }
  }
}