:root {
  --vp-sidebar-width: 17rem;
  --vp-tabler-corner-radius: 2.0;
  --tblr-border-radius: .5rem;
  --tblr-border-radius-sm: .375rem;
  --tblr-border-radius-lg: .75rem;
  --tblr-border-radius-xl: 1rem;
  --tblr-border-radius-xxl: 2rem;
}

/* VP global scroll stability: reserve vertical scrollbar space on every page to prevent layout jumps. */
html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.vp-brand-mark { width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; }
.vp-icon { width: 1.125rem; height: 1.125rem; vertical-align: -0.25rem; }
.vp-empty-illustration { max-width: 14rem; }
.vp-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
.vp-nowrap { white-space: nowrap; }
.vp-code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.vp-table-actions { width: 1%; white-space: nowrap; }
.vp-request-id { font-size: .75rem; }
@media (max-width: 991.98px) { .vp-desktop-only { display:none; } }
.vp-log-context { max-width: 38rem; max-height: 16rem; overflow: auto; }

/* V6 mail/admin/register polish */
.navbar-vertical .nav-link-icon .vp-icon { filter: invert(1) brightness(1.8); opacity: .72; }
.navbar-vertical .nav-item.active .nav-link-icon .vp-icon,
.navbar-vertical .nav-link:hover .nav-link-icon .vp-icon { opacity: 1; }
.vp-register-shell { min-height: calc(100vh - 4rem); display: flex; align-items: center; justify-content: center; padding: 1rem; }
.vp-register-hero { width: min(100%, 72rem); border-radius: 1.65rem; overflow: hidden; background: rgba(255,255,255,.98); backdrop-filter: blur(14px); }
.vp-register-sidebar { position: relative; padding: 2rem; color: #fff; background: radial-gradient(circle at top left, rgba(255,255,255,.24), transparent 28rem), linear-gradient(160deg, #12326f, #1460aa 52%, #18885f); }
.vp-register-sidebar::after { content: ""; position: absolute; inset: auto -5rem -6rem auto; width: 16rem; height: 16rem; border-radius: 999px; background: rgba(255,255,255,.12); }
.vp-register-brandline { display: flex; align-items: center; gap: .75rem; margin-bottom: 2rem; position: relative; z-index: 1; }
.vp-register-sidebar-copy { position: relative; z-index: 1; margin-bottom: 1.5rem; }
.vp-register-sidebar-copy h1 { font-size: clamp(1.7rem, 3vw, 2.35rem); line-height: 1.05; margin: 0 0 .75rem; letter-spacing: -.03em; }
.vp-register-sidebar-copy p { color: rgba(255,255,255,.82); margin-bottom: 0; }
.vp-register-vertical-steps { position: relative; z-index: 1; margin: 1.25rem 0 1.5rem; }
.vp-register-vertical-steps.steps { --tblr-steps-color: rgba(255,255,255,.34); }
.vp-register-vertical-steps .step-item { min-height: 4.2rem; padding-bottom: .7rem; color: rgba(255,255,255,.65); }
.vp-register-vertical-steps .step-item::before { background: rgba(255,255,255,.28); }
.vp-register-vertical-steps .step-item.active::before { background: rgba(255,255,255,.78); }
.vp-register-vertical-steps .vp-step-dot { width: 2.25rem; height: 2.25rem; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.24); margin-right: .75rem; flex: 0 0 auto; }
.vp-register-vertical-steps .vp-icon { width: 1.05rem; height: 1.05rem; filter: brightness(0) invert(1); opacity: .9; }
.vp-register-vertical-steps .is-current .vp-step-dot,
.vp-register-vertical-steps .is-done .vp-step-dot { background: #fff; border-color: #fff; }
.vp-register-vertical-steps .is-current .vp-icon,
.vp-register-vertical-steps .is-done .vp-icon { filter: none; opacity: 1; }
.vp-step-copy { display: inline-flex; flex-direction: column; gap: .12rem; vertical-align: top; }
.vp-step-copy strong { color: #fff; font-size: .95rem; }
.vp-step-copy small { color: rgba(255,255,255,.72); font-size: .78rem; }
.vp-register-sidebar-note { position: relative; z-index: 1; display: flex; gap: .65rem; align-items: flex-start; border-radius: 1rem; padding: .85rem; background: rgba(255,255,255,.13); color: rgba(255,255,255,.86); font-size: .85rem; }
.vp-register-sidebar-note .vp-icon { filter: brightness(0) invert(1); margin-top: .1rem; }
.vp-register-main { min-height: 43rem; display: flex; flex-direction: column; }
.vp-register-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.vp-register-badge { display: inline-flex; gap: .45rem; align-items: center; border-radius: 999px; padding: .4rem .8rem; background: #eef6ff; color: #15549a; font-weight: 700; font-size: .82rem; }
.vp-register-badge .vp-icon { width: 1rem; height: 1rem; }
.vp-register-progress-ring { width: 4.15rem; height: 4.15rem; border-radius: 999px; display: grid; place-items: center; flex: 0 0 auto; background: conic-gradient(#246bfe var(--vp-progress, 0), #edf2f7 0); box-shadow: inset 0 0 0 .45rem #fff; border: 1px solid #edf2f7; }
.vp-register-progress-ring span { font-weight: 800; color: #15549a; font-size: .9rem; }
.vp-register-main .progress-bar { background: linear-gradient(90deg, #246bfe, #20c997); }
.vp-register-main form { min-height: 31rem; display: flex; flex-direction: column; }
.vp-register-actions { margin-top: auto !important; padding-top: 1rem; }
.vp-friendly-panel { display: flex; gap: 1rem; align-items: flex-start; border-radius: 1.35rem; background: linear-gradient(135deg, #f8fbff, #f8fffc); border: 1px solid #e8eef7; padding: 1rem; }
.vp-friendly-panel h3 { margin: 0 0 .25rem; font-size: 1.2rem; letter-spacing: -.01em; }
.vp-friendly-panel p { margin: 0; color: #667085; }
.vp-friendly-icon { width: 2.65rem; height: 2.65rem; border-radius: 1rem; display: inline-flex; align-items: center; justify-content: center; background: #e8f2ff; color: #15549a; flex: 0 0 auto; }
.vp-friendly-icon .vp-icon { width: 1.35rem; height: 1.35rem; }
.vp-summary-card { height: 100%; border: 1px solid #e8eef7; border-radius: 1.15rem; padding: 1rem; background: #fff; box-shadow: 0 .65rem 2rem rgba(15, 23, 42, .04); }
.vp-summary-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.vp-summary-head strong { display: inline-flex; align-items: center; gap: .35rem; }
.vp-summary-head a { font-size: .82rem; font-weight: 700; text-decoration: none; }
.vp-summary-line { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
.vp-summary-line span { color: #667085; font-size: .78rem; }
.vp-summary-line b { font-weight: 700; color: #1f2d3d; overflow-wrap: anywhere; }
.vp-after-submit { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.vp-after-submit div { border: 1px dashed #dbe5ef; border-radius: 1rem; padding: .85rem; background: #fbfdff; display: flex; flex-direction: column; gap: .25rem; }
.vp-after-submit .vp-icon { width: 1.2rem; height: 1.2rem; color: #246bfe; }
.vp-after-submit strong { font-size: .9rem; }
.vp-after-submit span { color: #667085; font-size: .8rem; }
.vp-confirm-check { border: 1px solid #e8eef7; border-radius: 1rem; padding: .9rem .9rem .9rem 2.75rem; background: #fbfdff; }
.vp-register-main .btn-primary { background: #246bfe; border-color: #246bfe; box-shadow: 0 .5rem 1.2rem rgba(36,107,254,.18); }
.vp-register-main .btn-primary:hover { background: #1558dd; border-color: #1558dd; }
.vp-register-main .btn-link { color: #486178; }
@media (max-width: 991.98px) {
  .vp-register-hero { width: min(100%, 44rem); }
  .vp-register-sidebar { padding: 1.5rem; }
  .vp-register-main { min-height: auto; }
  .vp-register-main form { min-height: auto; }
  .vp-register-vertical-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .vp-register-vertical-steps .step-item { padding: .75rem; border-radius: 1rem; background: rgba(255,255,255,.12); min-height: auto; }
  .vp-register-vertical-steps .step-item::before { display: none; }
}
@media (max-width: 767.98px) {
  .vp-register-shell { align-items: stretch; padding: .5rem; }
  .vp-register-top { align-items: center; }
  .vp-register-progress-ring { width: 3.4rem; height: 3.4rem; box-shadow: inset 0 0 0 .35rem #fff; }
  .vp-after-submit { grid-template-columns: 1fr; }
}

/* Header tenant switcher + discreet request id */
.vp-tenant-switcher-menu { min-width: 20rem; max-width: min(24rem, calc(100vw - 2rem)); }
.vp-tenant-switcher-menu .dropdown-item { min-width: 0; }
.vp-tenant-switcher-menu .dropdown-item.active { background: var(--tblr-primary-lt); color: var(--tblr-primary); }
.vp-request-id-floating { position: fixed; right: .65rem; bottom: .4rem; z-index: 1030; max-width: calc(100vw - 1.3rem); padding: .16rem .45rem; border-radius: 999px; background: rgba(255,255,255,.84); border: 1px solid rgba(98,105,118,.16); color: var(--tblr-secondary); font-size: .66rem; line-height: 1.25; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; box-shadow: 0 .25rem 1rem rgba(0,0,0,.05); opacity: .68; pointer-events: none; }
@media (max-width: 767.98px) { .vp-request-id-floating { font-size: .6rem; opacity: .55; } }

/* V6 shell navigation optics restored from v46, mounted on Tabler Fluid Vertical Layout. */
:root {
  --vp-shell-sidebar-width: 316px;
  --vp-shell-sidebar-bg-start: #07182f;
  --vp-shell-sidebar-bg-end: #0d2744;
  --vp-shell-sidebar-text: rgba(243, 248, 255, 0.96);
  --vp-shell-sidebar-text-soft: rgba(190, 208, 231, 0.78);
  --vp-shell-sidebar-text-muted: rgba(153, 176, 207, 0.62);
  --vp-shell-sidebar-danger: #ff7070;
  --vp-shell-sidebar-success: #42d392;
}
.page > .vp-shell-sidebar.navbar-vertical {
  width: var(--vp-shell-sidebar-width);
  min-width: var(--vp-shell-sidebar-width);
  padding: 10px;
  color: var(--vp-shell-sidebar-text);
  background: radial-gradient(700px 420px at 0% 0%, rgba(64, 153, 255, 0.16), transparent 52%), radial-gradient(520px 360px at 100% 100%, rgba(123, 141, 255, 0.14), transparent 54%), linear-gradient(180deg, var(--vp-shell-sidebar-bg-start) 0%, var(--vp-shell-sidebar-bg-end) 100%);
  box-shadow: inset -1px 0 0 rgba(255,255,255,0.05), 14px 0 30px rgba(5, 15, 28, 0.12);
  overflow: hidden;
  z-index: 30;
}
.page > .vp-shell-sidebar::before { content: ""; position: absolute; inset: 0; border-right: 1px solid rgba(255,255,255,0.06); background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015)); pointer-events: none; }
.vp-shell-sidebar__container { position: relative; z-index: 1; height: 100%; padding: 0; display: flex; flex-direction: column; }
.vp-shell-sidebar__collapse { height: 100%; min-height: 0; }
.vp-shell-sidebar__scroll { width: 100%; height: 100%; overflow-y: auto; padding: 6px 4px; display: flex; flex-direction: column; gap: 10px; scrollbar-width: none; -ms-overflow-style: none; }
.vp-shell-sidebar__scroll::-webkit-scrollbar { width: 0; height: 0; display: none; }
.vp-shell-brand { padding: 10px 11px; border-radius: 20px; background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)); border: 1px solid rgba(147, 186, 235, 0.14); box-shadow: 0 8px 20px rgba(3, 9, 20, 0.2), inset 0 1px 0 rgba(255,255,255,0.04); backdrop-filter: blur(16px); }
.vp-shell-brand__link { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; }
.vp-shell-brand__mark { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(145deg, #2e7ef7 0%, #4cb6ff 55%, #6796ff 100%); color: #fff; font-weight: 800; font-size: .92rem; letter-spacing: .08em; box-shadow: 0 14px 26px rgba(42, 123, 242, 0.32), inset 0 1px 0 rgba(255,255,255,0.26); }
.vp-shell-brand__copy { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.vp-shell-brand__wordmark { display: inline-flex; align-items: baseline; flex-wrap: wrap; font-size: 1rem; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; }
.vp-shell-brand__wordmark-main { color: #fff; }
.vp-shell-brand__wordmark-accent { color: #7ac4ff; }
.vp-shell-brand__tagline { color: var(--vp-shell-sidebar-text-muted); font-size: .72rem; line-height: 1.25; letter-spacing: .01em; }
.vp-shell-dashboard { position: relative; min-height: 36px; display: flex; align-items: center; gap: 9px; padding: 7px 12px; border-radius: 17px; text-decoration: none; color: #fff; background: linear-gradient(135deg, rgba(38, 112, 215, 0.88), rgba(64, 170, 255, 0.42)); border: 1px solid rgba(142, 198, 255, 0.28); box-shadow: 0 18px 34px rgba(7, 32, 70, 0.34), inset 0 1px 0 rgba(255,255,255,0.12); overflow: hidden; }
.vp-shell-dashboard:hover { color: #fff; text-decoration: none; }
.vp-shell-dashboard::before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, rgba(255,255,255,0.12), transparent 38%, transparent 64%, rgba(255,255,255,0.08)); pointer-events: none; }
.vp-shell-dashboard__icon { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.14); }
.vp-shell-dashboard__title { position: relative; z-index: 1; font-weight: 700; font-size: .9rem; letter-spacing: -.01em; }
.vp-shell-dashboard__status { margin-left: auto; width: 8px; height: 8px; border-radius: 999px; background: #59bdff; box-shadow: 0 0 0 4px rgba(89, 189, 255, 0.12), 0 0 14px rgba(89, 189, 255, 0.48); }
.vp-shell-nav { display: flex; flex-direction: column; gap: 9px; }
.vp-shell-nav-section { display: flex; flex-direction: column; gap: 5px; }
.vp-shell-nav-section__heading { display: flex; align-items: center; gap: 10px; min-height: 13px; padding: 0 8px; color: var(--vp-shell-sidebar-text-muted); font-size: .63rem; font-weight: 700; line-height: 1; letter-spacing: .14em; text-transform: uppercase; }
.vp-shell-nav-section__heading::after { content: ""; height: 1px; flex: 1; background: linear-gradient(90deg, rgba(137, 172, 215, 0.28), rgba(137, 172, 215, 0)); }
.vp-shell-nav-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.vp-shell-nav-item { position: relative; }
.vp-shell-nav-link { position: relative; display: flex; align-items: center; gap: 9px; min-height: 34px; padding: 6px 10px 6px 12px; border-radius: 15px; color: var(--vp-shell-sidebar-text-soft); text-decoration: none; background: linear-gradient(180deg, rgba(15, 35, 59, 0.86), rgba(11, 28, 48, 0.9)); border: 1px solid rgba(123, 160, 204, 0.12); box-shadow: 0 6px 14px rgba(3, 11, 22, 0.16), inset 0 1px 0 rgba(255,255,255,0.035); transition: transform .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, background .16s ease; }
.vp-shell-nav-link:hover { transform: translateX(1px); color: #fff; border-color: rgba(115, 182, 255, 0.22); box-shadow: 0 8px 18px rgba(4, 12, 24, 0.2), inset 0 1px 0 rgba(255,255,255,0.045); text-decoration: none; }
.vp-shell-nav-item.is-active .vp-shell-nav-link { color: #f6fbff; background: linear-gradient(180deg, rgba(18, 42, 71, 0.96), rgba(14, 36, 62, 0.98)); border-color: rgba(96, 177, 255, 0.26); box-shadow: 0 18px 32px rgba(6, 17, 33, 0.3), inset 0 1px 0 rgba(255,255,255,0.05); }
.vp-shell-nav-item.is-active .vp-shell-nav-link::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 0 999px 999px 0; background: linear-gradient(180deg, #4db1ff, #1e80ff); box-shadow: 0 0 16px rgba(65, 171, 255, 0.48); }
.vp-shell-nav-link__icon { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; border-radius: 11px; color: rgba(232, 242, 255, 0.86); background: rgba(255,255,255,0.03); }
.vp-shell-nav-link__title { min-width: 0; flex: 1; font-size: .86rem; line-height: 1.12; font-weight: 500; letter-spacing: -.01em; }
.vp-shell-nav-link__chevron { color: rgba(194, 212, 236, 0.74); display: inline-flex; align-items: center; justify-content: center; }
.vp-shell-sidebar .vp-icon { width: 16px; height: 16px; filter: invert(1) brightness(1.9); opacity: .86; }
.vp-shell-user { margin-top: auto; padding: 11px; border-radius: 20px; background: linear-gradient(180deg, rgba(18, 38, 64, 0.95), rgba(12, 28, 49, 0.98)); border: 1px solid rgba(117, 171, 235, 0.18); box-shadow: 0 10px 22px rgba(4, 12, 24, 0.22), inset 0 1px 0 rgba(255,255,255,0.045); }
.vp-shell-user__head { display: flex; align-items: center; gap: 9px; }
.vp-shell-user__avatar-wrap { position: relative; flex: 0 0 auto; }
.vp-shell-user__avatar, .vp-avatar { display: grid; place-items: center; background: linear-gradient(145deg, #2f7fff 0%, #5866ff 100%); color: #fff; font-weight: 800; box-shadow: 0 12px 24px rgba(36, 98, 209, 0.26); }
.vp-shell-user__avatar { width: 38px; height: 38px; border-radius: 50%; font-size: .8rem; }
.vp-shell-user__online { position: absolute; right: 0; bottom: 1px; width: 10px; height: 10px; border-radius: 50%; background: var(--vp-shell-sidebar-success); border: 2px solid #102640; box-shadow: 0 0 0 3px rgba(66, 211, 146, 0.12); }
.vp-shell-user__meta { min-width: 0; flex: 1; }
.vp-shell-user__name { color: #fff; font-weight: 600; font-size: .86rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vp-shell-user__role { margin-top: 0; color: var(--vp-shell-sidebar-text-soft); font-size: .72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vp-shell-user__divider { height: 1px; margin: 9px 0 8px; background: linear-gradient(90deg, rgba(152, 184, 224, 0.24), rgba(152,184,224,0)); }
.vp-shell-user__account,
.vp-shell-user__logout { display: inline-flex; width: 100%; align-items: center; gap: 8px; padding: 0; border: 0; background: transparent; font-size: .82rem; font-weight: 600; text-decoration: none; text-align: left; }
.vp-shell-user__account { margin-bottom: 7px; color: var(--vp-shell-sidebar-text-soft); }
.vp-shell-user__account:hover { color: #fff; }
.vp-shell-user__logout { color: var(--vp-shell-sidebar-danger); cursor: pointer; }
.vp-shell-user__logout:hover { color: #ff9c9c; }
.vp-topbar { min-height: 4rem; background: rgba(255,255,255,.92); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(206, 219, 235, .9); }
.vp-topbar-title { max-width: 42rem; font-size: 1rem; font-weight: 700; letter-spacing: -.01em; color: #1f2d3d; }
@media (min-width: 992px) {
  .vp-shell-sidebar.navbar-vertical ~ .page-wrapper { margin-left: var(--vp-shell-sidebar-width); }
}
@media (max-width: 1399.98px) { :root { --vp-shell-sidebar-width: 300px; } }
@media (max-width: 991.98px) {
  :root { --vp-shell-sidebar-width: 100%; }
  .page > .vp-shell-sidebar.navbar-vertical { width: 100%; min-width: 0; padding: 8px; }
  .vp-shell-sidebar__container { height: auto; }
  .vp-shell-sidebar__collapse { height: auto; }
  .vp-shell-sidebar__scroll { height: auto; max-height: none; }
  .vp-shell-brand__tagline { display: none; }
}


/* v49: Responsive repair for v46-style menu inside Tabler Fluid Vertical Layout. */
.vp-shell-mobile-brand { color: var(--vp-shell-sidebar-text); text-decoration: none; }
.vp-shell-mobile-brand:hover { color: #fff; text-decoration: none; }
.vp-shell-sidebar__toggler { color: rgba(255,255,255,.88); border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.08); border-radius: 14px; }
.vp-shell-sidebar__toggler:focus { box-shadow: 0 0 0 .25rem rgba(77,177,255,.18); }
.vp-shell-sidebar__toggler .navbar-toggler-icon { filter: invert(1) brightness(1.75); }
@media (min-width: 992px) {
  .vp-shell-mobile-brand { display: none !important; }
  .vp-shell-sidebar__toggler { display: none; }
  .vp-shell-sidebar__collapse.collapse:not(.show) { display: block; }
}
@media (max-width: 991.98px) {
  .page > .vp-shell-sidebar.navbar-vertical {
    position: sticky;
    top: 0;
    width: 100%;
    min-width: 0;
    padding: .55rem .75rem;
    border-radius: 0;
    box-shadow: 0 .75rem 1.75rem rgba(5,15,28,.16);
    overflow: visible;
  }
  .vp-shell-sidebar__container {
    height: auto;
    min-height: 3.25rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
  }
  .vp-shell-sidebar__collapse {
    grid-column: 1 / -1;
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .vp-shell-sidebar__collapse.show,
  .vp-shell-sidebar__collapse.collapsing {
    margin-top: .65rem;
  }
  .vp-shell-sidebar__scroll {
    height: auto;
    max-height: calc(100dvh - 5.25rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .35rem .15rem .55rem;
  }
  .vp-shell-sidebar__scroll > .vp-shell-brand { display: none; }
  .vp-shell-dashboard { min-height: 42px; }
  .vp-shell-nav-link { min-height: 42px; }
  .vp-shell-user { margin-top: .75rem; }
  .vp-topbar { min-height: 3.5rem; }
  .vp-topbar .container-fluid { gap: .75rem; }
  .vp-topbar-title { max-width: min(52vw, 24rem); }
}
@media (max-width: 575.98px) {
  .page > .vp-shell-sidebar.navbar-vertical { padding: .5rem; }
  .vp-shell-mobile-brand .vp-shell-brand__mark { width: 38px; height: 38px; flex-basis: 38px; border-radius: 12px; }
  .vp-shell-brand__wordmark { font-size: .94rem; }
  .vp-shell-nav-section__heading { padding-inline: .35rem; }
  .vp-shell-user__role { white-space: normal; overflow-wrap: anywhere; }
  .vp-topbar-title { max-width: 44vw; font-size: .9rem; }
}

/* v51: Benutzerverwaltung Master-Detail Layout und sichtbare Tabellen-Dropdowns. */
.vp-users-master-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 1rem;
  align-items: start;
}
.vp-users-list,
.vp-users-table-wrap,
.vp-users-table {
  overflow: visible;
}
.vp-users-table-wrap.table-responsive {
  overflow-x: auto;
  overflow-y: visible;
}
.vp-users-table tbody tr {
  transition: background-color .16s ease, box-shadow .16s ease;
}
.vp-users-table tbody tr:hover,
.vp-users-row-active {
  background: rgba(32, 107, 196, .055);
}
.vp-users-name {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: inherit;
  text-decoration: none;
  min-width: 13rem;
}
.vp-users-name:hover {
  color: var(--tblr-primary);
  text-decoration: none;
}
.vp-users-action-dropdown .dropdown-menu {
  z-index: 1085;
  box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .18);
  border-radius: 14px;
}
.vp-users-detail {
  position: sticky;
  top: 5.25rem;
  overflow: hidden;
}
.vp-users-detail-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .75rem;
}
.vp-users-detail-grid > div {
  padding: .75rem .85rem;
  border: 1px solid rgba(98, 105, 118, .16);
  border-radius: 14px;
  background: rgba(248, 250, 252, .78);
}
.vp-users-detail-grid span {
  display: block;
  margin-bottom: .15rem;
  color: var(--tblr-muted);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.vp-users-detail-grid strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: 650;
}
@media (max-width: 1199.98px) {
  .vp-users-master-detail {
    grid-template-columns: 1fr;
  }
  .vp-users-detail {
    position: static;
    order: -1;
  }
}
@media (max-width: 767.98px) {
  .vp-users-table-wrap.table-responsive {
    overflow-x: auto;
    overflow-y: visible;
  }
  .vp-users-name {
    min-width: 12rem;
  }
  .vp-users-detail .card-footer .btn,
  .vp-users-detail .card-footer form {
    width: 100%;
  }
  .vp-users-detail .card-footer form .btn {
    width: 100%;
  }
}

/* v52: Benutzerverwaltung exakt als moderne helle Master-Detail-Fläche mit dunklem Menü. */
.vp-users-page-header {
  padding-top: .55rem;
  margin-bottom: .35rem;
}
.vp-users-page-header .page-title {
  font-size: clamp(1.35rem, 1.8vw, 1.75rem);
  letter-spacing: -.035em;
  color: #0f172a;
}
.vp-users-page-body {
  --vp-users-border: #e4eaf2;
  --vp-users-soft: #f8fafc;
  --vp-users-ink: #0f172a;
  --vp-users-muted: #64748b;
}
.vp-users-toolbar {
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) minmax(10rem, 12rem) minmax(10rem, 12rem) minmax(9rem, 11rem) auto auto;
  gap: .65rem;
  align-items: center;
  margin-bottom: 1rem;
}
.vp-users-toolbar .form-control,
.vp-users-toolbar .form-select,
.vp-users-toolbar .btn,
.vp-users-table .btn,
.vp-users-detail .btn {
  border-color: var(--vp-users-border);
  box-shadow: 0 .45rem 1.25rem rgba(15, 23, 42, .035);
}
.vp-users-search .form-control {
  min-height: 2.8rem;
  border-radius: .85rem;
}
.vp-users-filter,
.vp-users-filter-btn,
.vp-users-toolbar .btn-icon {
  min-height: 2.8rem;
  border-radius: .85rem;
}
.vp-users-create-btn {
  min-height: 2.85rem;
  border-radius: .85rem;
  gap: .45rem;
  box-shadow: 0 .75rem 1.6rem rgba(32, 107, 196, .18);
}
.vp-users-master-detail {
  display: grid;
  grid-template-columns: minmax(36rem, 1fr) minmax(23rem, 36vw);
  gap: 1rem;
  align-items: start;
}
.vp-users-list,
.vp-users-detail {
  border: 1px solid var(--vp-users-border);
  border-radius: 1.05rem;
  box-shadow: 0 1rem 2.8rem rgba(15, 23, 42, .045);
  background: #fff;
}
.vp-users-list,
.vp-users-table-wrap,
.vp-users-table {
  overflow: visible;
}
.vp-users-table-wrap.table-responsive {
  overflow-x: auto;
  overflow-y: visible;
  border-radius: 1.05rem 1.05rem 0 0;
}
.vp-users-table {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.vp-users-table thead th {
  padding: .95rem 1rem;
  color: #475569;
  font-size: .76rem;
  font-weight: 700;
  background: rgba(248, 250, 252, .72);
  border-bottom: 1px solid var(--vp-users-border);
}
.vp-users-table tbody td {
  padding: .82rem 1rem;
  border-bottom: 1px solid #edf1f6;
  vertical-align: middle;
}
.vp-users-table tbody tr {
  position: relative;
  transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.vp-users-click-row {
  cursor: pointer;
}
.vp-users-table tbody tr:hover {
  background: #f8fbff;
}
.vp-users-row-active,
.vp-users-table tbody tr.vp-users-row-active:hover {
  background: linear-gradient(90deg, rgba(32, 107, 196, .095), rgba(255, 255, 255, 0));
  box-shadow: inset 2px 0 0 var(--tblr-primary), inset 0 0 0 1px rgba(32, 107, 196, .38);
}
.vp-users-person {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  color: inherit;
  text-decoration: none;
  min-width: 14rem;
}
.vp-users-person:hover {
  color: inherit;
  text-decoration: none;
}
.vp-users-person__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.vp-users-avatar {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  border-radius: 999px;
  font-size: .78rem;
}
.vp-users-cell-soft {
  color: #334155;
  white-space: nowrap;
}
.vp-users-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  min-width: 7rem;
}
.vp-status-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border: 1px solid rgba(0, 0, 0, .035);
  font-weight: 700;
}
.vp-users-action-cell {
  position: relative;
  width: 1%;
  white-space: nowrap;
}
.vp-users-action-dropdown {
  position: relative;
  z-index: 4;
}
.vp-users-action-dropdown .dropdown-menu {
  z-index: 1085;
  min-width: 15rem;
  padding: .45rem;
  border: 1px solid var(--vp-users-border);
  border-radius: .9rem;
  box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, .18);
}
.vp-users-action-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: .55rem;
  border-radius: .65rem;
  font-weight: 600;
}
.vp-users-action-dropdown .dropdown-item .vp-icon,
.vp-users-detail-tabs .vp-icon,
.vp-users-info-card__head .vp-icon,
.vp-users-action-stack .vp-icon,
.vp-users-create-btn .vp-icon,
.vp-users-filter-btn .vp-icon {
  width: 1rem;
  height: 1rem;
}
.vp-users-list-footer {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 4.5rem;
  border-top: 0;
  background: #fff;
  border-radius: 0 0 1.05rem 1.05rem;
}
.vp-users-list-footer .page-link {
  border-radius: .7rem;
}
.vp-users-detail {
  position: sticky;
  top: 5.25rem;
  overflow: hidden;
}
.vp-users-detail-head {
  position: relative;
  padding: 1.55rem 1.55rem 1.25rem;
  border-bottom: 1px solid var(--vp-users-border);
  background: linear-gradient(180deg, #fff, #fbfdff);
}
.vp-users-detail-close {
  position: absolute;
  right: .85rem;
  top: .75rem;
  display: inline-flex;
  width: 1.9rem;
  height: 1.9rem;
  align-items: center;
  justify-content: center;
  color: #64748b;
  border-radius: .65rem;
  text-decoration: none;
}
.vp-users-detail-close:hover {
  color: var(--tblr-primary);
  background: #f1f5f9;
  text-decoration: none;
}
.vp-users-detail-avatar {
  width: 4rem;
  height: 4rem;
  flex: 0 0 4rem;
  border-radius: 999px;
  font-size: 1.25rem;
  box-shadow: 0 1rem 2.2rem rgba(32, 107, 196, .22);
}
.vp-users-detail-avatar::after {
  content: "";
  position: absolute;
}
.vp-users-detail-tabs {
  display: flex;
  gap: 1.1rem;
  padding: 0 1.55rem;
  border-bottom: 1px solid var(--vp-users-border);
  overflow-x: auto;
}
.vp-users-detail-tabs a {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 3rem;
  color: #475569;
  border-bottom: 2px solid transparent;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.vp-users-detail-tabs a:hover,
.vp-users-detail-tabs a.active {
  color: var(--tblr-primary);
  border-bottom-color: var(--tblr-primary);
  text-decoration: none;
}
.vp-users-detail-body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vp-users-info-card {
  padding: 1rem;
  border: 1px solid var(--vp-users-border);
  border-radius: .95rem;
  background: #fff;
  box-shadow: 0 .65rem 1.8rem rgba(15, 23, 42, .035);
}
.vp-users-info-card h4,
.vp-users-info-card__head h4 {
  margin: 0;
  font-size: .95rem;
  letter-spacing: -.015em;
  color: #0f172a;
}
.vp-users-info-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.vp-users-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1.5rem;
  row-gap: 1rem;
}
.vp-users-info-grid > div {
  min-width: 0;
  padding-bottom: .8rem;
  border-bottom: 1px solid #edf1f6;
}
.vp-users-info-grid span,
.vp-users-status-lines span {
  display: block;
  margin-bottom: .3rem;
  color: #64748b;
  font-size: .78rem;
  font-weight: 600;
}
.vp-users-info-grid strong,
.vp-users-status-lines strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  color: #0f172a;
  font-weight: 700;
}
.vp-users-detail-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, .95fr);
  gap: 1rem;
}
.vp-users-status-lines {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  margin-top: 1.25rem;
}
.vp-users-status-lines > div {
  display: grid;
  grid-template-columns: minmax(5.5rem, .8fr) minmax(0, 1fr);
  gap: .75rem;
  align-items: center;
}
.vp-users-action-stack {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  margin-top: 1.25rem;
}
.vp-users-action-stack .btn {
  justify-content: flex-start;
  min-height: 2.55rem;
  border-radius: .75rem;
  font-weight: 700;
}
@media (max-width: 1399.98px) {
  .vp-users-master-detail {
    grid-template-columns: minmax(34rem, 1fr) minmax(22rem, 33rem);
  }
}
@media (max-width: 1199.98px) {
  .vp-users-toolbar {
    grid-template-columns: minmax(16rem, 1fr) repeat(2, minmax(9rem, 1fr)) auto auto;
  }
  .vp-users-sort {
    display: none;
  }
  .vp-users-master-detail {
    grid-template-columns: 1fr;
  }
  .vp-users-detail {
    position: static;
    order: -1;
  }
}
@media (max-width: 767.98px) {
  .vp-users-toolbar {
    grid-template-columns: 1fr;
  }
  .vp-users-toolbar .btn,
  .vp-users-toolbar .form-select {
    width: 100%;
  }
  .vp-users-table thead th,
  .vp-users-table tbody td {
    padding-inline: .8rem;
  }
  .vp-users-person {
    min-width: 13rem;
  }
  .vp-users-list-footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .vp-users-list-footer .pagination {
    margin-left: 0 !important;
  }
  .vp-users-detail-head {
    padding: 1.25rem 1rem 1rem;
  }
  .vp-users-detail-tabs {
    padding-inline: 1rem;
  }
  .vp-users-info-grid,
  .vp-users-detail-bottom {
    grid-template-columns: 1fr;
  }
  .vp-users-status-lines > div {
    grid-template-columns: 1fr;
    gap: .1rem;
  }
}

/* v53: Benutzerdetails nutzen echte Tabler Tabs; Tabellen-Dropdowns bleiben sichtbar. */
.vp-users-detail-tabs.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  padding: 0 1.05rem;
  border-bottom: 1px solid var(--vp-users-border);
  overflow-x: auto;
}
.vp-users-detail-tabs.nav-tabs .nav-item {
  flex: 0 0 auto;
}
.vp-users-detail-tabs.nav-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 3rem;
  color: #475569;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  font-weight: 600;
  white-space: nowrap;
}
.vp-users-detail-tabs.nav-tabs .nav-link:hover,
.vp-users-detail-tabs.nav-tabs .nav-link.active {
  color: var(--tblr-primary);
  border-bottom-color: var(--tblr-primary);
  background: transparent;
}
.vp-users-detail-tab-content > .tab-pane {
  outline: 0;
}
.vp-users-detail-role-list {
  min-height: 2rem;
}
@media (min-width: 992px) {
  .vp-users-table-wrap.table-responsive {
    overflow: visible;
  }
}
@media (max-width: 991.98px) {
  .vp-users-table-wrap.table-responsive {
    overflow-x: auto;
    overflow-y: visible;
  }
}

/* v54: Globale Admin-/Portal-Optik an /users angeglichen. */
.page-wrapper {
  background:
    radial-gradient(circle at 80% 0%, rgba(32, 107, 196, .055), transparent 26rem),
    linear-gradient(180deg, #fbfdff 0%, #f8fafc 42%, #ffffff 100%);
}
.page-wrapper > .page-body {
  padding-top: .55rem;
}
.page-wrapper > .page-body > .container-fluid {
  max-width: none;
}
.page-wrapper .page-header:not(.vp-users-page-header) {
  margin: 0 0 .75rem;
  padding: .1rem 0 .2rem;
}
.page-wrapper .page-header:not(.vp-users-page-header) .page-title {
  margin-bottom: .25rem;
  color: #0f172a;
}
.page-wrapper .page-header:not(.vp-users-page-header) .text-secondary,
.page-wrapper .page-header:not(.vp-users-page-header) .text-muted {
  color: #64748b !important;
}
.page-wrapper .card,
.page-wrapper .empty.card,
.page-wrapper form.card {
  border: 1px solid #e4eaf2;
  border-radius: 1.05rem;
  background: #fff;
  box-shadow: 0 1rem 2.8rem rgba(15, 23, 42, .045);
}
.page-wrapper .card-sm {
  border-radius: 1rem;
}
.page-wrapper .card-header {
  min-height: 3.75rem;
  border-bottom: 1px solid #e4eaf2;
  background: linear-gradient(180deg, #fff, #fbfdff);
  border-radius: 1.05rem 1.05rem 0 0;
}
.page-wrapper .card-title {
  color: #0f172a;
}
.page-wrapper .card-body,
.page-wrapper .card-footer {
  border-color: #e4eaf2;
}
.page-wrapper .card-footer {
  background: #fff;
  border-radius: 0 0 1.05rem 1.05rem;
}
.page-wrapper .table-responsive {
  border-radius: 1.05rem;
}
.page-wrapper .card > .table-responsive:first-child {
  border-radius: 1.05rem 1.05rem 0 0;
}
.page-wrapper .table.card-table,
.page-wrapper .card-table {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.page-wrapper .card-table thead th {
  padding: .95rem 1rem;
  color: #475569;
  background: rgba(248, 250, 252, .76);
  border-bottom: 1px solid #e4eaf2;
  text-transform: none;
}
.page-wrapper .card-table tbody td {
  padding: .86rem 1rem;
  border-bottom: 1px solid #edf1f6;
  vertical-align: middle;
}
.page-wrapper .card-table tbody tr {
  transition: background-color .16s ease, box-shadow .16s ease;
}
.page-wrapper .card-table tbody tr:hover {
  background: #f8fbff;
}
.page-wrapper .badge {
  border-radius: .45rem;
}
.page-wrapper .btn {
  border-radius: .78rem;
}
.page-wrapper .btn-primary {
  box-shadow: 0 .75rem 1.6rem rgba(32, 107, 196, .18);
}
.page-wrapper .btn:not(.btn-link):not(.btn-ghost):not(.btn-primary) {
  border-color: #e4eaf2;
  box-shadow: 0 .45rem 1.25rem rgba(15, 23, 42, .035);
}
.page-wrapper .form-control,
.page-wrapper .form-select,
.page-wrapper .input-group-text {
  min-height: 2.65rem;
  border-color: #e4eaf2;
  border-radius: .85rem;
  box-shadow: 0 .45rem 1.25rem rgba(15, 23, 42, .025);
}
.page-wrapper textarea.form-control {
  min-height: 7rem;
}
.page-wrapper .input-icon .form-control {
  border-radius: .85rem;
}
.page-wrapper .list-group-item {
  border-color: #edf1f6;
}
.page-wrapper .empty {
  padding: 2.25rem 1.25rem;
}
.page-wrapper .empty-title {
  color: #0f172a;
}
.page-wrapper .empty-subtitle {
  color: #64748b !important;
}
.page-wrapper .avatar.bg-primary-lt,
.page-wrapper .vp-avatar {
  box-shadow: 0 .75rem 1.7rem rgba(32, 107, 196, .15);
}
.page-wrapper .row-cards > [class*="col"] > .card {
  height: 100%;
}
.page-wrapper .subheader {
  color: #64748b;
}
.page-wrapper .h1,
.page-wrapper .h2,
.page-wrapper .h3,
.page-wrapper .font-weight-medium {
  color: #0f172a;
}
.page-wrapper .dropdown-menu {
  border: 1px solid #e4eaf2;
  border-radius: .9rem;
  box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, .18);
}
.page-wrapper .dropdown-item {
  border-radius: .65rem;
}
.page-wrapper .modal-content {
  border: 1px solid #e4eaf2;
  border-radius: 1.05rem;
  box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .20);
}
.page-wrapper .nav-tabs .nav-link {
}
.vp-table-actions .btn,
.page-wrapper td .btn-sm {
  min-height: 2.25rem;
}
@media (max-width: 767.98px) {
  .page-wrapper > .page-body {
    padding-top: .9rem;
  }
  .page-wrapper .page-header:not(.vp-users-page-header) .row {
    gap: .75rem;
  }
  .page-wrapper .page-header:not(.vp-users-page-header) .col-auto,
  .page-wrapper .page-header:not(.vp-users-page-header) .btn-list,
  .page-wrapper .page-header:not(.vp-users-page-header) .btn {
    width: 100%;
  }
  .page-wrapper .card-table thead th,
  .page-wrapper .card-table tbody td {
    padding-inline: .8rem;
  }
}

/* v56: Rollenverwaltung nutzt das Master-Detail-Layout der Benutzerverwaltung. */
.vp-roles-page-body .vp-users-toolbar {
  grid-template-columns: minmax(18rem, 1fr) minmax(11rem, 14rem) auto auto;
}
.vp-roles-master-detail {
  grid-template-columns: minmax(32rem, 1fr) minmax(24rem, 36vw);
}
.vp-roles-table .avatar,
.vp-roles-user-list .avatar {
  font-weight: 700;
}
.vp-roles-permission-list {
  gap: .45rem;
}
.vp-roles-permission-list .badge {
  max-width: 100%;
  white-space: normal;
  text-align: left;
}
.vp-roles-user-list .list-group-item {
  border-color: #edf1f6;
  border-radius: .75rem;
  margin-bottom: .45rem;
}
.vp-roles-user-list .list-group-item:last-child {
  margin-bottom: 0;
}
.vp-roles-detail .vp-users-detail-head {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.vp-roles-detail .vp-users-detail-title {
  min-width: 0;
  flex: 1 1 auto;
}
.vp-roles-detail .vp-users-detail-title h3 {
  margin: 0;
  color: #0f172a;
  letter-spacing: -.02em;
}
.vp-roles-detail .vp-users-detail-title p {
  margin: 0;
  color: #64748b;
}
@media (max-width: 1199.98px) {
  .vp-roles-master-detail {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .vp-roles-page-body .vp-users-toolbar {
    grid-template-columns: 1fr;
  }
  .vp-roles-detail .vp-users-detail-head {
    flex-direction: column;
  }
  .vp-roles-detail .vp-users-detail-head > .btn {
    width: 100%;
  }
}

/* v74: Account password policy live validation. */
.vp-password-policy-list .status-dot {
  flex: 0 0 auto;
}
.input-group.is-valid {
  box-shadow: 0 0 0 .0625rem var(--tblr-success);
  border-radius: var(--tblr-border-radius);
}
.input-group.is-invalid {
  box-shadow: 0 0 0 .0625rem var(--tblr-danger);
  border-radius: var(--tblr-border-radius);
}

/* V302: dezente Font-Awesome-kompatible Icon-Shim und Detail-Tabs. */
.fa-solid {
  --vp-fa-url: url('/assets/tabler/icons/circle-check.svg');
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -.14em;
  background-color: currentColor;
  -webkit-mask: var(--vp-fa-url) center / contain no-repeat;
  mask: var(--vp-fa-url) center / contain no-repeat;
}
.fa-download { --vp-fa-url: url('/assets/tabler/icons/download.svg'); }
.fa-file-text { --vp-fa-url: url('/assets/tabler/icons/file-text.svg'); }
.fa-table { --vp-fa-url: url('/assets/tabler/icons/table-options.svg'); }
.fa-table-list { --vp-fa-url: url('/assets/tabler/icons/table-options.svg'); }
.fa-circle-plus { --vp-fa-url: url('/assets/tabler/icons/plus.svg'); }
.fa-plus { --vp-fa-url: url('/assets/tabler/icons/plus.svg'); }
.fa-filter { --vp-fa-url: url('/assets/tabler/icons/filter.svg'); }
.fa-magnifying-glass { --vp-fa-url: url('/assets/tabler/icons/search.svg'); }
.fa-search { --vp-fa-url: url('/assets/tabler/icons/search.svg'); }
.fa-rotate-right { --vp-fa-url: url('/assets/tabler/icons/refresh.svg'); }
.fa-ellipsis-vertical { --vp-fa-url: url('/assets/tabler/icons/dots-vertical.svg'); }
.fa-circle-info { --vp-fa-url: url('/assets/tabler/icons/list-details.svg'); }
.fa-wand-magic-sparkles { --vp-fa-url: url('/assets/tabler/icons/sparkles.svg'); }
.fa-clock-rotate-left { --vp-fa-url: url('/assets/tabler/icons/history.svg'); }
.fa-floppy-disk { --vp-fa-url: url('/assets/tabler/icons/device-floppy.svg'); }
.fa-play { --vp-fa-url: url('/assets/tabler/icons/sparkles.svg'); }
.fa-archive { --vp-fa-url: url('/assets/tabler/icons/archive.svg'); }
.fa-trash { --vp-fa-url: url('/assets/tabler/icons/trash.svg'); }
.fa-circle-check { --vp-fa-url: url('/assets/tabler/icons/circle-check.svg'); }
.fa-star { --vp-fa-url: url('/assets/tabler/icons/star.svg'); }
.fa-folder-open { --vp-fa-url: url('/assets/tabler/icons/folder-open.svg'); }
.fa-pen-to-square { --vp-fa-url: url('/assets/tabler/icons/edit.svg'); }
.fa-database { --vp-fa-url: url('/assets/tabler/icons/database.svg'); }
.fa-gear { --vp-fa-url: url('/assets/tabler/icons/settings.svg'); }
.fa-shield-check { --vp-fa-url: url('/assets/tabler/icons/shield-check.svg'); }
.fa-list-check { --vp-fa-url: url('/assets/tabler/icons/list-check.svg'); }
.fa-cash-register { --vp-fa-url: url('/assets/tabler/icons/cash.svg'); }
.vp-module-card-actions .fa-solid,
.vp-users-detail-tabs .fa-solid,
.vp-finance-toolbar .fa-solid {
  opacity: .82;
}
.vp-users-detail-tabs .nav-link,
.vp-detail-tabs .nav-link,
.vp-module-detail-tabs-card .nav-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-weight: 650;
}
.vp-users-detail-tab-content,
.vp-detail-tab-content,
.vp-module-detail-tab-content {
  background: #fff;
}
.vp-module-detail-tabs-card,
.vp-detail-tabs-card {
  border-radius: 18px;
  border-color: rgba(15, 23, 42, .08);
  box-shadow: 0 12px 32px rgba(15, 23, 42, .05);
}
.vp-detail-tab-pane,
.vp-module-detail-tab-pane {
  padding: 1rem;
}
.vp-detail-tab-pane .card:last-child,
.vp-module-detail-tab-pane .card:last-child,
.vp-detail-tab-pane section:last-child,
.vp-module-detail-tab-pane section:last-child {
  margin-bottom: 0 !important;
}
.vp-finance-detail .vp-users-detail-head {
  border-bottom: 1px solid rgba(98, 105, 118, .14);
}
.vp-finance-detail .vp-users-detail-tabs {
  padding-inline: .85rem;
  background: linear-gradient(180deg, #fff, #fbfcfe);
}
.vp-finance-detail .vp-users-detail-tabs .nav-link {
  min-height: 2.75rem;
}
/* V303: zusätzliche dezente FA-Mappings für Akten-Tabs. */
.fa-users { --vp-fa-url: url('/assets/tabler/icons/users.svg'); }
.fa-users-group { --vp-fa-url: url('/assets/tabler/icons/users-group.svg'); }
.fa-user-shield { --vp-fa-url: url('/assets/tabler/icons/user-shield.svg'); }
.fa-house { --vp-fa-url: url('/assets/tabler/icons/home.svg'); }
.fa-message { --vp-fa-url: url('/assets/tabler/icons/mail.svg'); }
.fa-phone { --vp-fa-url: url('/assets/tabler/icons/phone.svg'); }
.fa-map-pin { --vp-fa-url: url('/assets/tabler/icons/map-pin.svg'); }
.fa-link { --vp-fa-url: url('/assets/tabler/icons/link.svg'); }
.fa-activity { --vp-fa-url: url('/assets/tabler/icons/activity.svg'); }
.fa-calendar-days { --vp-fa-url: url('/assets/tabler/icons/calendar-event.svg'); }
.fa-copy { --vp-fa-url: url('/assets/tabler/icons/copy.svg'); }
.fa-sliders { --vp-fa-url: url('/assets/tabler/icons/settings.svg'); }