.vd-shell {
      --vd-bg: light-dark(#f4f6f8,#111827);
      --vd-surface: light-dark(#fff,#182230);
      --vd-surface-2: light-dark(#f8fafc,#202c3c);
      --vd-text: light-dark(#172033,#eef3f8);
      --vd-muted: light-dark(#667085,#a8b3c3);
      --vd-border: light-dark(#e3e8ef,#344154);
      --vd-brand: light-dark(#1849a9,#76a9fa);
      --vd-brand-soft: light-dark(#eaf1ff,#183b68);
      --vd-green: light-dark(#067647,#75e0a7);
      --vd-green-soft: light-dark(#ecfdf3,#123c2d);
      --vd-orange: light-dark(#b54708,#fec84b);
      --vd-orange-soft: light-dark(#fff4e5,#4b2f17);
      --vd-red: light-dark(#b42318,#fda29b);
      --vd-red-soft: light-dark(#fef3f2,#4b2024);
      --vd-sidebar: light-dark(#102a56,#0b1523);
      --vd-shadow: light-dark(0 8px 28px rgba(16,24,40,.08),0 8px 28px rgba(0,0,0,.25));
      width:100%; color:var(--vd-text); background:var(--vd-bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; border-radius:14px; overflow:hidden;
    }
    .vd-shell * {box-sizing:border-box}
    .vd-shell [hidden] {display:none!important}
    .vd-shell button,.vd-shell input,.vd-shell select,.vd-shell textarea {font:inherit}
    .vd-shell button {cursor:pointer}
    .vd-shell svg {width:16px;height:16px;flex:none}
    .vd-shell .vd-layout {display:grid;grid-template-columns:220px minmax(0,1fr);min-height:720px}
    .vd-shell .vd-sidebar {background:var(--vd-sidebar);color:#eef4ff;padding:20px 14px}
    .vd-shell .vd-brand {display:flex;align-items:center;gap:10px;padding:0 8px 22px;font-size:15px;font-weight:600;letter-spacing:.01em}
    .vd-shell .vd-brand-mark {display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;color:#1849a9}
    .vd-shell .vd-nav-label {padding:10px 10px 7px;color:#aebed8;font-size:12px}
    .vd-shell .vd-nav {display:grid;gap:4px}
    .vd-shell .vd-nav button {width:100%;border:0;background:transparent;color:#dce7f7;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;text-align:left;font-size:13px}
    .vd-shell .vd-nav button[aria-current="page"] {background:rgba(255,255,255,.15);color:#fff}
    .vd-shell .vd-nav button:hover {background:rgba(255,255,255,.09)}
    .vd-shell .vd-nav button[aria-current="page"]:hover {background:rgba(255,255,255,.15)}
    .vd-shell .vd-nav .vd-count {margin-left:auto;background:rgba(255,255,255,.15);border-radius:20px;padding:1px 7px;font-size:11px}
    .vd-shell .vd-main {min-width:0;position:relative}
    .vd-shell .vd-topbar {min-height:66px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--vd-surface);border-bottom:1px solid var(--vd-border)}
    .vd-shell .vd-topbar-title {font-size:13px;font-weight:600}
    .vd-shell .vd-user {display:flex;align-items:center;gap:10px;color:var(--vd-muted);font-size:13px}
    .vd-shell .vd-avatar {display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--vd-brand-soft);color:var(--vd-brand);font-weight:600}
    .vd-shell .vd-content {padding:24px}
    .vd-shell .vd-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
    .vd-shell .vd-page h1 {margin:0 0 4px;font-size:22px;line-height:1.3;font-weight:600}
    .vd-shell .vd-subtitle {margin:0;color:var(--vd-muted);font-size:13px}
    .vd-shell .vd-primary {border:1px solid var(--vd-brand);border-radius:8px;background:var(--vd-brand);color:light-dark(#fff,#071525);padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:500;white-space:nowrap}
    .vd-shell .vd-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
    .vd-shell .vd-metric {background:var(--vd-surface);border:1px solid var(--vd-border);border-radius:10px;padding:15px}
    .vd-shell .vd-metric-label {color:var(--vd-muted);font-size:12px;margin-bottom:7px}
    .vd-shell .vd-metric-value {font-size:23px;font-weight:600;line-height:1}
    .vd-shell .vd-metric-note {color:var(--vd-muted);font-size:12px;margin-top:7px}
    .vd-shell .vd-panel {background:var(--vd-surface);border:1px solid var(--vd-border);border-radius:11px;overflow:hidden}
    .vd-shell .vd-toolbar {padding:14px 16px;border-bottom:1px solid var(--vd-border);display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
    .vd-shell .vd-tabs {display:flex;align-items:center;gap:4px;padding:3px;border-radius:8px;background:var(--vd-surface-2)}
    .vd-shell .vd-tabs button {border:0;background:transparent;color:var(--vd-muted);border-radius:6px;padding:7px 10px;font-size:13px;white-space:nowrap}
    .vd-shell .vd-tabs button[aria-pressed="true"] {background:var(--vd-surface);color:var(--vd-text);box-shadow:0 1px 3px rgba(16,24,40,.12)}
    .vd-shell .vd-filters {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .vd-shell .vd-input-wrap {display:flex;align-items:center;gap:7px;border:1px solid var(--vd-border);border-radius:8px;padding:0 9px;color:var(--vd-muted);background:var(--vd-surface)}
    .vd-shell .vd-input-wrap input {border:0;background:transparent;color:var(--vd-text);outline:0;width:178px;padding:8px 0;font-size:13px}
    .vd-shell .vd-filters select {border:1px solid var(--vd-border);border-radius:8px;padding:8px 9px;background:var(--vd-surface);color:var(--vd-text);font-size:13px}
    .vd-shell .vd-table-wrap {overflow-x:auto}
    .vd-shell .vd-page table {border-collapse:collapse;width:100%;min-width:900px}
    .vd-shell .vd-page th {padding:11px 13px;background:var(--vd-surface-2);color:var(--vd-muted);border-bottom:1px solid var(--vd-border);text-align:left;font-size:12px;font-weight:500;white-space:nowrap}
    .vd-shell .vd-page td {padding:12px 13px;border-bottom:1px solid var(--vd-border);vertical-align:middle;font-size:13px}
    .vd-shell .vd-page tbody tr:last-child td {border-bottom:0}
    .vd-shell .vd-page tbody tr:hover {background:var(--vd-surface-2)}
    .vd-shell .vd-page tbody tr.vd-selected {background:var(--vd-brand-soft)}
    .vd-shell .vd-title-cell {min-width:250px;max-width:330px}
    .vd-shell .vd-title-cell button {border:0;background:transparent;color:var(--vd-text);padding:0;text-align:left;font-weight:500;font-size:13px}
    .vd-shell .vd-title-cell button:hover {color:var(--vd-brand)}
    .vd-shell .vd-title-cell small {display:block;margin-top:4px;color:var(--vd-muted);font-size:12px}
    .vd-shell .vd-muted {color:var(--vd-muted)}
    .vd-shell .vd-status {display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:12px;white-space:nowrap}
    .vd-shell .vd-status:before {content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
    .vd-shell .vd-status--blue {color:var(--vd-brand);background:var(--vd-brand-soft)}
    .vd-shell .vd-status--orange {color:var(--vd-orange);background:var(--vd-orange-soft)}
    .vd-shell .vd-status--red {color:var(--vd-red);background:var(--vd-red-soft)}
    .vd-shell .vd-status--green {color:var(--vd-green);background:var(--vd-green-soft)}
    .vd-shell .vd-actions {display:flex;align-items:center;gap:6px;white-space:nowrap}
    .vd-shell .vd-action {border:1px solid var(--vd-brand);background:var(--vd-brand-soft);color:var(--vd-brand);border-radius:7px;padding:7px 9px;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;box-shadow:0 1px 2px rgba(16,24,40,.08)}
    .vd-shell .vd-action--red {border-color:var(--vd-red);background:var(--vd-red-soft);color:var(--vd-red)}
    .vd-shell .vd-action--orange {border-color:var(--vd-orange);background:var(--vd-orange-soft);color:var(--vd-orange)}
    .vd-shell .vd-action:hover {filter:brightness(.96)}
    .vd-shell .vd-detail {margin-top:14px;background:var(--vd-surface);border:1px solid var(--vd-border);border-radius:11px;padding:18px;box-shadow:var(--vd-shadow)}
    .vd-shell .vd-detail-head {display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
    .vd-shell .vd-detail-head-actions {display:flex;align-items:center;gap:10px;flex:none}
    .vd-shell .vd-detail-main h3 {margin:0 0 14px;font-size:13px;font-weight:600;color:var(--vd-text)}
    .vd-shell .vd-detail h2 {font-size:17px;font-weight:600;margin:0 0 5px}
    .vd-shell .vd-detail .vd-meta {margin:0;color:var(--vd-muted);font-size:12px}
    .vd-shell .vd-close {border:1px solid var(--vd-border);background:var(--vd-surface);border-radius:7px;padding:6px;display:grid;place-items:center}
    .vd-shell .vd-detail-grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(275px,.8fr);gap:18px}
    .vd-shell .vd-info-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
    .vd-shell .vd-info-grid dt {color:var(--vd-muted);font-size:12px;margin:0 0 4px}
    .vd-shell .vd-info-grid dd {font-size:13px;font-weight:500;margin:0;overflow-wrap:anywhere}
    .vd-shell .vd-side-card {background:var(--vd-surface-2);border:1px solid var(--vd-border);border-radius:9px;padding:14px}
    .vd-shell .vd-side-card strong {font-size:13px;font-weight:600}
    .vd-shell .vd-card-heading {display:flex;align-items:center;justify-content:space-between;gap:8px}
    .vd-shell .vd-file {display:flex;align-items:center;gap:9px;padding:10px;margin-top:10px;background:var(--vd-surface);border:1px solid var(--vd-border);border-radius:8px}
    .vd-shell .vd-file-icon {display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--vd-brand-soft);color:var(--vd-brand)}
    .vd-shell .vd-file-name {font-size:12px;font-weight:500;word-break:break-word}
    .vd-shell .vd-file small {display:block;color:var(--vd-muted);font-size:11px;margin-top:3px}
    .vd-shell .vd-file button {margin-left:auto;display:grid;place-items:center;border:1px solid var(--vd-brand);background:var(--vd-brand-soft);color:var(--vd-brand);border-radius:7px;padding:7px}
    .vd-shell .vd-report-cell {display:flex;align-items:center;gap:7px;min-width:178px}
    .vd-shell .vd-report-cell .vd-file-icon {flex:none}
    .vd-shell .vd-report-text {min-width:0;max-width:170px}
    .vd-shell .vd-report-text strong {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500}
    .vd-shell .vd-report-text small {display:block;color:var(--vd-muted);font-size:11px;margin-top:2px}
    .vd-shell .vd-report-buttons {display:flex;gap:5px;margin-left:auto}
    .vd-shell .vd-report-buttons button {border:1px solid var(--vd-brand);background:var(--vd-brand-soft);color:var(--vd-brand);border-radius:7px;padding:6px;display:inline-flex;align-items:center;gap:4px;font-size:12px}
    .vd-shell .vd-report-cell .vd-action {padding:6px 8px}
    .vd-shell .vd-origin {display:inline-flex;align-items:center;gap:5px;color:var(--vd-muted);font-size:12px}
    .vd-shell .vd-side-card p {font-size:12px;color:var(--vd-muted);margin:10px 0 0}
    .vd-shell .vd-detail-actions {display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--vd-border)}
    .vd-shell .vd-form {display:grid;gap:14px}
    .vd-shell .vd-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .vd-shell .vd-field {display:grid;gap:6px;color:var(--vd-muted);font-size:12px}
    .vd-shell .vd-field--wide {grid-column:1/-1}
    .vd-shell .vd-field input,.vd-shell .vd-field select,.vd-shell .vd-field textarea {width:100%;border:1px solid var(--vd-border);border-radius:8px;padding:9px 10px;background:var(--vd-surface);color:var(--vd-text);font-size:13px}
    .vd-shell .vd-field textarea {resize:vertical;min-height:64px}
    .vd-shell .vd-form-actions {display:flex;justify-content:flex-end;gap:8px}
    .vd-shell .vd-secondary {border:1px solid var(--vd-border);border-radius:8px;background:var(--vd-surface);padding:9px 13px;font-size:13px}
    .vd-shell .vd-empty {text-align:center;padding:28px;color:var(--vd-muted)}
    .vd-shell .vd-toast {position:absolute;top:75px;right:22px;z-index:3;background:var(--vd-text);color:var(--vd-surface);padding:9px 12px;border-radius:8px;font-size:12px;box-shadow:var(--vd-shadow)}
    @media(max-width:900px){.vd-shell .vd-layout{grid-template-columns:72px minmax(0,1fr)}.vd-shell .vd-sidebar{padding-inline:10px}.vd-shell .vd-brand{justify-content:center;padding-inline:0}.vd-shell .vd-brand>span:last-child,.vd-shell .vd-nav-label,.vd-shell .vd-nav button>span,.vd-shell .vd-count{display:none}.vd-shell .vd-nav button{justify-content:center}.vd-shell .vd-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.vd-shell .vd-detail-grid{grid-template-columns:1fr}}
    @media(max-width:620px){.vd-shell{border-radius:0}.vd-shell .vd-layout{grid-template-columns:52px minmax(0,1fr)}.vd-shell .vd-sidebar{padding:14px 5px}.vd-shell .vd-brand-mark{width:32px;height:32px}.vd-shell .vd-nav button{padding:10px 6px}.vd-shell .vd-topbar,.vd-shell .vd-content{padding-left:14px;padding-right:14px}.vd-shell .vd-user>span:first-child{display:none}.vd-shell .vd-heading{display:block}.vd-shell .vd-heading .vd-primary{margin-top:12px}.vd-shell .vd-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vd-shell .vd-metric{padding:10px}.vd-shell .vd-metric-label,.vd-shell .vd-metric-note{font-size:11px}.vd-shell .vd-toolbar{display:block}.vd-shell .vd-tabs{overflow-x:auto}.vd-shell .vd-filters{margin-top:10px}.vd-shell .vd-input-wrap{flex:1 1 100%}.vd-shell .vd-input-wrap input{width:100%}.vd-shell .vd-info-grid,.vd-shell .vd-form-grid{grid-template-columns:1fr}.vd-shell .vd-field--wide{grid-column:auto}}

/* Integration selectors for the existing authenticated Blazor layout. */
html[data-theme="light"] .vd-shell { color-scheme: light; }
html[data-theme="dark"] .vd-shell { color-scheme: dark; }
.vd-shell.vd-layout { display:grid; grid-template-columns:220px minmax(0,1fr); width:calc(100% - 48px); min-height:calc(100vh - 48px); margin:24px; }
.vd-shell .vd-sidebar { border-radius:14px 0 0 14px; }
.vd-shell .vd-main { background:var(--vd-bg); border-radius:0 14px 14px 0; }
.vd-shell .vd-brand { font-size:15px; font-weight:600; }
.vd-shell .vd-brand-mark { color:#1849a9; background:#fff; font-weight:700; }
.vd-shell .vd-brand-mark svg { width:18px; height:18px; }
.vd-shell .vd-nav { display:grid; gap:4px; }
.vd-shell .vd-nav small { padding:10px 10px 7px; color:#aebed8; font-size:12px; }
.vd-shell .vd-nav a { width:100%; border:0; background:transparent; color:#dce7f7; display:flex; align-items:center; gap:10px; padding:10px; border-radius:8px; text-align:left; font-size:13px; line-height:1.15; text-decoration:none; }
.vd-shell .vd-nav a svg { width:16px; height:16px; flex:none; }
.vd-shell .vd-nav a .vd-count { margin-left:auto; background:rgba(255,255,255,.15); border-radius:20px; padding:1px 7px; font-size:11px; }
.vd-shell .vd-nav a.active { background:rgba(255,255,255,.15); color:#fff; }
.vd-shell .vd-nav a:hover { background:rgba(255,255,255,.09); }
.vd-shell .vd-nav a.active:hover { background:rgba(255,255,255,.15); }
.vd-shell .vd-content { max-width:none; padding:24px; }
.vd-shell .vd-content button:focus-visible,.vd-shell .vd-content a:focus-visible,.vd-shell .vd-content input:focus-visible,.vd-shell .vd-content select:focus-visible { outline:2px solid var(--vd-brand); outline-offset:2px; }
.vd-shell .vd-page { font-size:13px; }
.vd-shell .vd-page .vd-metrics { padding:0; margin:0 0 18px; border:0; border-radius:0; background:transparent; }
.vd-shell .vd-page .vd-panel { padding:0; margin:0; background:var(--vd-surface); border:1px solid var(--vd-border); border-radius:11px; }
.vd-shell .vd-page .vd-detail { margin:14px 0 0; padding:18px; background:var(--vd-surface); border:1px solid var(--vd-border); border-radius:11px; }
.vd-shell .vd-page .vd-input-wrap { max-width:none; margin:0; gap:7px; }
.vd-shell .vd-page .vd-form { max-width:none; margin:0; }
.vd-shell .vd-page .vd-source-search { display:flex; gap:8px; margin:0 0 14px; }
.vd-shell .vd-page .vd-source-search input { flex:1; min-width:0; border:1px solid var(--vd-border); border-radius:8px; padding:9px 10px; background:var(--vd-surface); color:var(--vd-text); }
.vd-shell .vd-page a.vd-primary,.vd-shell .vd-page a.vd-action { text-decoration:none; }
.vd-shell .vd-nav a { font-weight:400; }
.vd-shell .vd-page .vd-pager { display:flex; align-items:center; justify-content:flex-end; gap:7px; padding:10px 16px; color:var(--vd-muted); border-top:1px solid var(--vd-border); }
.vd-shell .vd-page .vd-pager button { border:1px solid var(--vd-border); border-radius:7px; padding:5px 9px; background:var(--vd-surface); color:var(--vd-text); }
.vd-shell .vd-page .vd-pager button:disabled { opacity:.5; cursor:default; }
.vd-shell .vd-page .vd-action:disabled { opacity:.45; cursor:default; }
.vd-shell .vd-page .vd-action--orange { border-color:var(--vd-orange); color:var(--vd-orange); background:var(--vd-orange-soft); }
.vd-shell .vd-page .vd-error { margin:10px 0; padding:10px; border-radius:8px; color:var(--vd-red); background:var(--vd-red-soft); }
.vd-shell .vd-page .vd-loading { padding:28px; color:var(--vd-muted); text-align:center; }
.vd-shell .vd-page .vd-title-cell button { line-height:1.12; }
.vd-shell .vd-page .vd-report-cell .vd-action { white-space:nowrap; }
.vd-shell .vd-page .vd-file button { margin-left:auto; }
@media (max-width:820px) {
  .vd-shell.vd-layout { display:block; width:100%; min-height:100vh; margin:0; border-radius:0; }
  .vd-shell .vd-sidebar,.vd-shell .vd-main { border-radius:0; }
  .vd-shell .vd-content { padding:0 16px 1.5rem; }
}