/* Visa Current — case workspace (2026-10-04).
   Navy rail, paper canvas, one blue. Motion: transform + opacity only, custom ease,
   run once per element, nothing under prefers-reduced-motion. Text floor: 14px. */
#dashboard-app{
  --vc-ink:#142442;--vc-ink-2:#24365a;--vc-sub:#56657e;--vc-line:#dce2ec;--vc-line-2:#e8ecf3;
  --vc-paper:#f5f6fa;--vc-card:#fffefd;--vc-blue:#2856c7;--vc-blue-ink:#1d45a8;--vc-blue-wash:#edf2fd;
  --vc-good:#1c6e45;--vc-good-wash:#e5f3eb;--vc-warn:#7f4d00;--vc-warn-wash:#fcf0da;
  --vc-stop:#9d2727;--vc-stop-wash:#fbeaea;--vc-muted:#4c586b;--vc-muted-wash:#eef0f4;
  --vc-in:cubic-bezier(.16,1,.3,1);--vc-out:cubic-bezier(.7,0,.84,0);
  --vc-r:16px;--vc-r-sm:10px;
  --vc-shadow:0 1px 1px #1424420a,0 2px 6px #14244208,0 12px 32px -12px #14244214;
  --vc-shadow-hi:0 1px 1px #1424420d,0 6px 14px #1424420d,0 24px 48px -16px #1424421f;
}

/* ---------- Rail: grouped on desktop ---------- */
#dashboard-app .sidebar nav .nav-group{margin:18px 14px 6px;font-size:14px;font-weight:500;color:#93a3bf;letter-spacing:0}
#dashboard-app .sidebar nav .nav-group:first-child{margin-top:0}
#dashboard-app .sidebar nav a{font-size:14px}
#dashboard-app .sidebar nav .nav-short{display:none}
#dashboard-app .sidebar .nav-more{display:none}
#dashboard-app .sidebar-foot,#dashboard-app .sidebar-foot p,#dashboard-app .sidebar-foot a{font-size:14px}
#dashboard-app .sidebar-foot{letter-spacing:0}

/* ---------- Shared primitives ---------- */
#dashboard-app .vc-card{position:relative;background:var(--vc-card);border:1px solid var(--vc-line);border-radius:var(--vc-r);padding:24px;box-shadow:var(--vc-shadow);min-width:0}
#dashboard-app .vc-card h2{font-size:22px;line-height:1.25;letter-spacing:-.4px;margin:2px 0 6px;color:var(--vc-ink)}
#dashboard-app .vc-card h3{font-size:17px;line-height:1.3;letter-spacing:-.2px;margin:0;color:var(--vc-ink)}
#dashboard-app .vc-h3{font-size:18px!important}
#dashboard-app .vc-eyebrow{margin:0;font-size:14px;font-weight:600;color:var(--vc-blue-ink);letter-spacing:0}
#dashboard-app .help,#dashboard-app .kicker,#dashboard-app small,#dashboard-app .count-label,#dashboard-app .breadcrumb,#dashboard-app .topbar-meta,#dashboard-app .workspace-footnote,#dashboard-app .preview-banner{font-size:14px}
#dashboard-app .help{color:var(--vc-sub);line-height:1.55}
#dashboard-app .vc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
#dashboard-app .vc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
#dashboard-app .vc-stack{display:grid;gap:20px;align-content:start;min-width:0}
#dashboard-app .vc-two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
#dashboard-app .vc-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
#dashboard-app .vc-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.4;background:var(--vc-muted-wash);color:var(--vc-muted);white-space:nowrap}
#dashboard-app .vc-tone-good{background:var(--vc-good-wash);color:var(--vc-good)}
#dashboard-app .vc-tone-attention{background:var(--vc-warn-wash);color:var(--vc-warn)}
#dashboard-app .vc-tone-info{background:var(--vc-blue-wash);color:var(--vc-blue-ink)}
#dashboard-app .vc-tone-stop{background:var(--vc-stop-wash);color:var(--vc-stop)}
#dashboard-app .vc-tone-muted{background:var(--vc-muted-wash);color:var(--vc-muted)}
#dashboard-app .vc-mono{font-variant-numeric:tabular-nums;letter-spacing:.3px;font-feature-settings:"tnum"}
#dashboard-app .btn{transition:transform .12s var(--vc-in),background-color .2s var(--vc-in),border-color .2s var(--vc-in)}
#dashboard-app .btn:active:not(:disabled){transform:scale(.985)}
#dashboard-app .btn.small{font-size:14px;min-height:40px;padding:8px 14px}
#dashboard-app .btn.danger-quiet{color:var(--vc-stop)}
#dashboard-app .icon-button{min-width:40px;min-height:40px}
#dashboard-app .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#dashboard-app .vc-inline-error{margin:12px 0 0;padding:12px 14px;border-radius:var(--vc-r-sm);background:var(--vc-stop-wash);color:var(--vc-stop);font-size:14px}
#dashboard-app .vc-loading{display:flex;align-items:center;gap:10px;padding:18px 4px;color:var(--vc-sub);font-size:14px}
#dashboard-app .vc-dot{width:8px;height:8px;border-radius:50%;background:var(--vc-blue);opacity:.55}
#dashboard-app .vc-honesty{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px;padding:14px 16px;border-radius:var(--vc-r-sm);background:var(--vc-blue-wash);color:var(--vc-ink-2);font-size:14px;line-height:1.55}
#dashboard-app .vc-honesty .icon{flex:none;width:20px;height:20px;color:var(--vc-blue-ink);margin-top:1px}
#dashboard-app .vc-stack .vc-honesty{margin:0}
#dashboard-app .vc-crumbs{margin:0 0 14px}
#dashboard-app .vc-crumbs a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--vc-blue-ink);text-decoration:none;min-height:40px}
#dashboard-app .vc-crumbs .icon{width:18px;height:18px}
#dashboard-app .vc-form .field{margin-bottom:14px;min-width:0}
#dashboard-app .vc-form label{font-size:14px}
#dashboard-app .vc-form input,#dashboard-app .vc-form select,#dashboard-app .vc-form textarea{width:100%;min-width:0;font-size:16px}
#dashboard-app .vc-edit-title{margin-bottom:12px!important}

/* ---------- Overview: the case home ---------- */
#dashboard-app .vc-overview-cases{margin-bottom:20px;padding:26px}
#dashboard-app .vc-overview-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
#dashboard-app .vc-overview-empty h2{margin-top:4px}
#dashboard-app .vc-overview-empty p:not(.vc-eyebrow){margin:0;color:var(--vc-sub);max-width:52ch}
#dashboard-app .vc-case-grid,#dashboard-app .vc-case-list,#dashboard-app .vc-bank-grid,#dashboard-app .vc-shortcuts{list-style:none;margin:0;padding:0}
#dashboard-app .vc-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
#dashboard-app .vc-case-card{display:block;height:100%;color:inherit;text-decoration:none;padding:20px;box-shadow:none;background:#fbfcfe;transition:border-color .24s var(--vc-in),box-shadow .32s var(--vc-in),transform .32s var(--vc-in)}
#dashboard-app .vc-case-card:hover{border-color:#b9c7e0;box-shadow:var(--vc-shadow-hi);transform:translateY(-2px)}
#dashboard-app .vc-case-card:focus-visible{outline:3px solid var(--vc-blue);outline-offset:3px}
#dashboard-app .vc-case-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
#dashboard-app .vc-case-form{margin:4px 0 0;font-size:14px;color:var(--vc-sub)}
#dashboard-app .vc-status{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.35}
#dashboard-app .vc-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
#dashboard-app .vc-case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:18px 0 0}
#dashboard-app .vc-case-facts div{min-width:0}
#dashboard-app .vc-case-facts dt{font-size:14px;color:var(--vc-sub);margin:0}
#dashboard-app .vc-case-facts dd{margin:2px 0 0;font-size:15px;font-weight:600;color:var(--vc-ink);overflow-wrap:anywhere}
#dashboard-app .vc-case-source{margin:16px 0 0;padding-top:12px;border-top:1px dashed var(--vc-line);font-size:14px;color:var(--vc-sub)}
#dashboard-app .vc-wall-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 0;font-size:14px;color:var(--vc-sub)}
#dashboard-app .vc-wall-inline .icon{width:18px;height:18px;color:var(--vc-blue-ink)}
#dashboard-app .vc-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}
#dashboard-app .vc-shortcut{display:flex;gap:14px;align-items:flex-start;height:100%;padding:18px;border:1px solid var(--vc-line);border-radius:var(--vc-r);background:var(--vc-card);color:inherit;text-decoration:none;box-shadow:var(--vc-shadow);transition:border-color .24s var(--vc-in),transform .32s var(--vc-in)}
#dashboard-app .vc-shortcut:hover{border-color:#b9c7e0;transform:translateY(-2px)}
#dashboard-app .vc-shortcut:focus-visible{outline:3px solid var(--vc-blue);outline-offset:3px}
#dashboard-app .vc-shortcut strong{display:block;font-size:15px;color:var(--vc-ink)}
#dashboard-app .vc-shortcut span span{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--vc-sub)}
#dashboard-app .vc-shortcut-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--vc-blue-wash);color:var(--vc-blue-ink)}
#dashboard-app .vc-shortcut-icon .icon{width:20px;height:20px}

/* ---------- Start here (new accounts) ---------- */
#dashboard-app .vc-start-here{margin:0 0 22px;padding:24px;border:1px solid #c9d6f2;background:radial-gradient(120% 140% at 100% 0,#e9f0ff 0,#fffefd 60%),var(--vc-card)}
#dashboard-app .vc-start-here h2{margin:4px 0 6px}
#dashboard-app .vc-start-here>p:not(.kicker){margin:0 0 16px;color:var(--vc-ink-2)}
#dashboard-app .vc-start-choices{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#dashboard-app .vc-start-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;border:1px solid var(--vc-line);border-radius:var(--vc-r);background:var(--vc-card);color:var(--vc-ink);font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .24s var(--vc-in),transform .32s var(--vc-in)}
#dashboard-app .vc-start-choice>span:nth-child(2){flex:1}
#dashboard-app .vc-start-choice>.icon{width:18px;height:18px;color:var(--vc-blue-ink)}
#dashboard-app .vc-start-choice:hover{border-color:#b9c7e0;transform:translateY(-2px)}
#dashboard-app .vc-start-choice:focus-visible,#dashboard-app .vc-start-here [data-start-skip]:focus-visible{outline:3px solid var(--vc-blue);outline-offset:3px}
#dashboard-app .vc-start-here [data-start-skip]{appearance:none;background:none;border:0;padding:8px 0;font:inherit;font-size:15px;font-weight:600;color:var(--vc-blue-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:640px){#dashboard-app .vc-start-here{padding:16px;margin-bottom:16px}#dashboard-app .vc-start-here h2{font-size:22px}#dashboard-app .vc-start-here>p:not(.kicker){margin-bottom:12px;font-size:15px}#dashboard-app .vc-start-choices{grid-template-columns:1fr;gap:8px}#dashboard-app .vc-start-choice{min-height:52px;padding:8px 12px}
  /* New accounts: lift the tap choices above the fold by dropping the generic intro lines. */
  #dashboard-app .workspace-content:has(.vc-start-here)>.preview-banner,#dashboard-app .workspace-content:has(.vc-start-here) .page-heading{display:none}}
@media (prefers-reduced-motion:reduce){#dashboard-app .vc-start-choice{transition:none}#dashboard-app .vc-start-choice:hover{transform:none}}

/* ---------- My cases ---------- */
#dashboard-app .vc-hero-card{padding:32px;background:radial-gradient(120% 140% at 100% 0,#e9f0ff 0,#fffefd 55%),var(--vc-card)}
#dashboard-app .vc-hero-card h2{font-size:28px;letter-spacing:-.7px;max-width:20ch}
#dashboard-app .vc-hero-card p:not(.vc-eyebrow):not(.help){max-width:60ch;color:var(--vc-ink-2)}
#dashboard-app .vc-sample{margin:20px 0}
#dashboard-app .vc-sample>.vc-tag{position:absolute;top:-12px;right:20px;background:#fff;border:1px solid var(--vc-line)}
#dashboard-app .vc-case-list{display:grid;gap:16px;margin-bottom:20px}
#dashboard-app .vc-case-row .vc-actions{padding-top:16px;border-top:1px solid var(--vc-line-2)}
#dashboard-app .vc-case-head{margin-bottom:18px}
#dashboard-app .vc-tabs{display:flex;gap:6px;margin:0 0 18px;padding:5px;border-radius:14px;background:#e9edf5;width:max-content;max-width:100%}
#dashboard-app .vc-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;color:var(--vc-sub);text-decoration:none;white-space:nowrap}
#dashboard-app .vc-tabs a .icon{width:18px;height:18px}
#dashboard-app .vc-tabs a[aria-current=page]{background:#fff;color:var(--vc-ink);box-shadow:0 1px 2px #14244214,0 4px 10px -4px #1424421f}
#dashboard-app .vc-tabs a:focus-visible{outline:3px solid var(--vc-blue);outline-offset:2px}

/* Timeline */
#dashboard-app .vc-timeline{list-style:none;margin:6px 0 0;padding:0 0 0 6px;position:relative}
#dashboard-app .vc-timeline:before{content:"";position:absolute;left:12px;top:10px;bottom:10px;width:2px;background:linear-gradient(#cdd8ec,#e8ecf3)}
#dashboard-app .vc-timeline>li{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:16px;padding:0 0 22px}
#dashboard-app .vc-timeline>li:last-child{padding-bottom:0}
#dashboard-app .vc-tl-dot{position:relative;z-index:1;width:14px;height:14px;margin-top:5px;border-radius:50%;background:#fff;border:3px solid var(--vc-blue)}
#dashboard-app .vc-kind-approval .vc-tl-dot,#dashboard-app .vc-tl-dot.vc-kind-approval,#dashboard-app .vc-tl-dot.vc-kind-card{border-color:var(--vc-good)}
#dashboard-app .vc-tl-dot.vc-kind-rfe,#dashboard-app .vc-tl-dot.vc-kind-interview,#dashboard-app .vc-tl-dot.vc-kind-interview-notice{border-color:#c07a00}
#dashboard-app .vc-tl-dot.vc-kind-denial{border-color:var(--vc-stop)}
#dashboard-app .vc-tl-date{margin:0;font-size:14px;font-weight:600;color:var(--vc-blue-ink);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#dashboard-app .vc-tl-body h3{margin:2px 0 4px}
#dashboard-app .vc-tl-body p{margin:0 0 4px;font-size:15px;color:var(--vc-ink-2)}
#dashboard-app .vc-tl-body .vc-tl-meta{font-size:14px;color:var(--vc-sub)}

/* Checklist */
#dashboard-app .vc-meter{width:120px;height:8px;border-radius:999px;background:#e5eaf3;overflow:hidden}
#dashboard-app .vc-meter span{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#2856c7,#3d74e6);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .6s var(--vc-in)}
#dashboard-app .vc-checks{list-style:none;margin:8px 0 0;padding:0}
#dashboard-app .vc-checks li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--vc-line-2)}
#dashboard-app .vc-checks li:first-child{border-top:0}
#dashboard-app .vc-checks input[type=checkbox]{width:22px;height:22px;min-height:22px;margin:1px 0 0;accent-color:var(--vc-blue);flex:none}
#dashboard-app .vc-checks label{font-size:15px;line-height:1.5;color:var(--vc-ink);cursor:pointer}
#dashboard-app .vc-checks input:checked+label{color:var(--vc-sub);text-decoration:line-through;text-decoration-color:#9aa6ba}
#dashboard-app .vc-locked-row{grid-template-columns:24px minmax(0,1fr)!important;color:var(--vc-sub);font-size:14px}
#dashboard-app .vc-locked-row .icon{width:20px;height:20px;color:var(--vc-blue-ink)}
#dashboard-app .vc-add-own{display:flex;gap:10px;margin-top:14px}
#dashboard-app .vc-add-own input{flex:1;min-width:0;font-size:16px}

/* Wall (shared by every feature) */
#dashboard-app .vc-wall{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;margin:20px 0;padding:24px;border-radius:var(--vc-r);border:1px solid #c9d6f2;background:radial-gradient(140% 120% at 0 0,#eef3ff 0,#fffefd 60%);box-shadow:var(--vc-shadow)}
#dashboard-app .vc-stack .vc-wall{margin:0}
#dashboard-app .vc-wall-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--vc-ink);color:#fff}
#dashboard-app .vc-wall-icon .icon{width:22px;height:22px}
#dashboard-app .vc-wall h3{font-size:19px;margin:4px 0 6px}
#dashboard-app .vc-wall p{margin:0;font-size:15px;color:var(--vc-ink-2)}
#dashboard-app .vc-wall .vc-wall-count{margin-top:8px;font-size:14px;color:var(--vc-sub)}

/* Summary dialog (lives on body, so not scoped) */
.vc-summary-dialog{box-sizing:border-box;width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:26px;border:1px solid #dce2ec;border-radius:18px;background:#fffefd;color:#142442;font-family:Inter,sans-serif;font-size:15px;line-height:1.6;box-shadow:0 30px 80px #14244240}
.vc-summary-dialog::backdrop{background:#142442a6}
.vc-summary-dialog .vc-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vc-summary-dialog h2{margin:0;font-size:22px}
.vc-summary-dialog .help{font-size:14px;color:#56657e}
.vc-summary-dialog .vc-summary-text{margin:14px 0 0;padding:16px;max-height:44dvh;overflow:auto;white-space:pre-wrap;word-break:break-word;border-radius:12px;background:#f5f6fa;border:1px solid #e8ecf3;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#142442}
.vc-summary-dialog .vc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.vc-summary-dialog .btn,.vc-summary-dialog .icon-button{font:inherit;font-size:15px;min-height:44px;padding:10px 16px;border:1px solid #dce2ec;border-radius:10px;background:#fffefd;color:#142442;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.vc-summary-dialog .icon-button{padding:0;width:44px;justify-content:center}
.vc-summary-dialog .btn.primary{background:#2856c7;border-color:#2856c7;color:#fff}
.vc-summary-dialog .icon{width:18px;height:18px}
.vc-summary-dialog :focus-visible{outline:3px solid #2856c7;outline-offset:3px}
.vc-summary-dialog .vc-copy-status{min-height:1.6em;margin:10px 0 0;font-size:14px;color:#1c6e45}
@media print{
  body.vc-printing>*:not(.vc-summary-dialog){display:none!important}
  body.vc-printing .vc-summary-dialog{position:static;box-shadow:none;border:0;max-height:none;width:auto;padding:0}
  body.vc-printing .vc-summary-dialog .vc-actions,body.vc-printing .vc-summary-dialog .icon-button,body.vc-printing .vc-copy-status{display:none}
  body.vc-printing .vc-summary-text{max-height:none;overflow:visible;background:none;border:0;padding:0}
}

/* ---------- Bulletin trends ---------- */
#dashboard-app .vc-trend-pick{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--vc-line-2)}
#dashboard-app .vc-trend-pick select{width:100%;font-size:16px}
#dashboard-app .vc-legend{display:flex;gap:16px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--vc-sub)}
#dashboard-app .vc-legend li{display:flex;align-items:center;gap:8px}
#dashboard-app .vc-swatch{width:18px;height:4px;border-radius:2px}
#dashboard-app .vc-swatch.vc-line-0{background:var(--vc-blue)}
#dashboard-app .vc-swatch.vc-line-1{background:#d4891c}
#dashboard-app .vc-chart-wrap{margin:8px 0 0;overflow:hidden}
#dashboard-app .vc-chart{display:block;max-width:100%;height:auto}
#dashboard-app .vc-chart text{font-family:Inter,sans-serif;font-size:14px;fill:#56657e}
#dashboard-app .vc-chart .vc-grid-line line{stroke:#e5eaf2;stroke-width:1}
#dashboard-app .vc-chart .vc-line{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
#dashboard-app .vc-chart .vc-line-0{stroke:var(--vc-blue)}
#dashboard-app .vc-chart .vc-line-1{stroke:#d4891c;stroke-dasharray:6 5}
#dashboard-app .vc-chart circle.vc-line-0{fill:#fff;stroke:var(--vc-blue);stroke-width:2.4;stroke-dasharray:none}
#dashboard-app .vc-chart circle.vc-line-1{fill:#fff;stroke:#d4891c;stroke-width:2.4;stroke-dasharray:none}
#dashboard-app .vc-chart .vc-cu{font-size:14px;font-weight:600;fill:#fff}
#dashboard-app .vc-chart .vc-band-0{fill:#1f7a4a}
#dashboard-app .vc-chart .vc-band-1{fill:#8a5310}
#dashboard-app .vc-chart-note{margin:8px 0 0;font-size:14px;color:#56657e}
#dashboard-app .vc-source{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--vc-sub)}
#dashboard-app .vc-table-wrap{overflow-x:auto;margin-top:8px;border:1px solid var(--vc-line-2);border-radius:12px}
#dashboard-app .vc-table-wrap:focus-visible{outline:3px solid var(--vc-blue);outline-offset:2px}
#dashboard-app .vc-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
#dashboard-app .vc-table th,#dashboard-app .vc-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--vc-line-2);white-space:nowrap}
#dashboard-app .vc-table thead th{background:#f7f9fc;color:var(--vc-sub);font-weight:600}
#dashboard-app .vc-table tbody tr:last-child>*{border-bottom:0}
#dashboard-app .vc-table tbody th{font-weight:600;color:var(--vc-ink)}
#dashboard-app .vc-table a{display:inline-flex;gap:6px;align-items:center;color:var(--vc-blue-ink)}
#dashboard-app .vc-table .icon{width:15px;height:15px}
#dashboard-app [data-tracker-trends]>.vc-card+.vc-card,#dashboard-app [data-tracker-trends]>.vc-wall+.vc-card{margin-top:20px}

/* ---------- Interview practice ---------- */
#dashboard-app .vc-bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
#dashboard-app .vc-bank{display:flex;flex-direction:column;gap:10px;height:100%;color:inherit;text-decoration:none;transition:border-color .24s var(--vc-in),transform .32s var(--vc-in),box-shadow .32s var(--vc-in)}
#dashboard-app .vc-bank:hover{border-color:#b9c7e0;transform:translateY(-2px);box-shadow:var(--vc-shadow-hi)}
#dashboard-app .vc-bank:focus-visible{outline:3px solid var(--vc-blue);outline-offset:3px}
#dashboard-app .vc-bank .vc-tag{align-self:flex-start;white-space:normal}
#dashboard-app .vc-bank p{margin:0;color:var(--vc-sub);font-size:14px;flex:1}
#dashboard-app .vc-bank-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
#dashboard-app .vc-bank-head .vc-tag{white-space:normal}
#dashboard-app .vc-bank-head .help{margin:6px 0 0;max-width:62ch}
#dashboard-app .vc-progress{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
#dashboard-app .vc-progress strong{font-size:34px;line-height:1;letter-spacing:-1px;color:var(--vc-ink)}
#dashboard-app .vc-progress span{font-size:14px;color:var(--vc-sub)}
#dashboard-app .vc-practice{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
#dashboard-app .vc-flashcard{padding:30px;border-radius:20px;background:linear-gradient(180deg,#fffefd,#fbfcff);border:1px solid var(--vc-line);box-shadow:var(--vc-shadow-hi);min-width:0}
#dashboard-app .vc-q{font-size:26px!important;line-height:1.3!important;letter-spacing:-.5px!important;margin:10px 0 22px!important;text-wrap:balance}
#dashboard-app .vc-answer{padding:18px 20px;border-radius:14px;background:var(--vc-good-wash);color:#123d27;margin-bottom:6px}
#dashboard-app .vc-answer .vc-eyebrow{color:var(--vc-good)}
#dashboard-app .vc-answer ul{margin:8px 0 0;padding-left:20px;font-size:16px;line-height:1.6}
#dashboard-app .vc-answer p{margin:6px 0 0;font-size:15px}
#dashboard-app .vc-mark .btn[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff6}
#dashboard-app .vc-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--vc-line-2)}
#dashboard-app .vc-note label{font-size:14px}
#dashboard-app .vc-note textarea{width:100%;min-width:0;font-size:16px;resize:vertical}
#dashboard-app .vc-note .btn{margin-top:8px}
#dashboard-app .vc-card-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
#dashboard-app .vc-card-nav span{font-size:14px;color:var(--vc-sub);font-variant-numeric:tabular-nums}
#dashboard-app .vc-switch{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:500;cursor:pointer}
#dashboard-app .vc-switch input{width:20px;height:20px;min-height:20px;accent-color:var(--vc-blue)}
#dashboard-app .vc-source-card p{font-size:14px;margin:6px 0 0}
#dashboard-app .vc-source-card a{color:var(--vc-blue-ink);display:inline-flex;gap:6px;align-items:center}
#dashboard-app .vc-source-card .icon{width:15px;height:15px}

/* ---------- Motion: once, transform + opacity, custom ease ---------- */
@media (prefers-reduced-motion:no-preference){
  #dashboard-app .vc-enter>li{animation:vc-rise .56s var(--vc-in) both}
  #dashboard-app .vc-enter>li:nth-child(2){animation-delay:.06s}
  #dashboard-app .vc-enter>li:nth-child(3){animation-delay:.12s}
  #dashboard-app .vc-enter>li:nth-child(4){animation-delay:.18s}
  #dashboard-app .vc-enter>li:nth-child(n+5){animation-delay:.22s}
  #dashboard-app .vc-chart-wrap.vc-enter{animation:vc-settle .9s var(--vc-in) both}
  #dashboard-app .vc-flashcard.vc-enter{animation:vc-rise .5s var(--vc-in) both}
  #dashboard-app .vc-reveal{animation:vc-rise .42s var(--vc-in) both}
  #dashboard-app .vc-shortcuts>li{animation:vc-rise .56s var(--vc-in) both}
  #dashboard-app .vc-shortcuts>li:nth-child(2){animation-delay:.05s}
  #dashboard-app .vc-shortcuts>li:nth-child(3){animation-delay:.1s}
  #dashboard-app .vc-shortcuts>li:nth-child(4){animation-delay:.15s}
}
@keyframes vc-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes vc-settle{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  #dashboard-app .vc-case-card,#dashboard-app .vc-shortcut,#dashboard-app .vc-bank,#dashboard-app .vc-meter span,#dashboard-app .btn{transition:none}
  #dashboard-app .vc-case-card:hover,#dashboard-app .vc-shortcut:hover,#dashboard-app .vc-bank:hover{transform:none}
}

/* ---------- More sheet (mobile) ---------- */
#dashboard-app .nav-sheet{position:fixed;inset:0;z-index:80;background:#14244200;transition:background-color .24s var(--vc-out)}
#dashboard-app .nav-sheet.is-open{background:#1424428c;transition:background-color .36s var(--vc-in)}
#dashboard-app .nav-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:82dvh;overflow:auto;padding:18px 18px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fffefd;box-shadow:0 -20px 50px #14244233;transform:translateY(100%);transition:transform .24s var(--vc-out)}
#dashboard-app .nav-sheet.is-open .nav-sheet-panel{transform:none;transition:transform .44s var(--vc-in)}
#dashboard-app .nav-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
#dashboard-app .nav-sheet-group{margin:14px 6px 6px;font-size:14px;font-weight:600;color:var(--vc-sub)}
#dashboard-app .nav-sheet ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#dashboard-app .nav-sheet ul a{display:flex;align-items:center;gap:14px;min-height:50px;padding:10px 12px;border-radius:12px;font-size:16px;font-weight:500;color:var(--vc-ink);text-decoration:none}
#dashboard-app .nav-sheet ul a .icon{width:20px;height:20px;color:var(--vc-blue-ink)}
#dashboard-app .nav-sheet ul a[aria-current=page]{background:var(--vc-blue-wash);color:var(--vc-blue-ink)}
#dashboard-app .nav-sheet ul a:focus-visible,#dashboard-app .nav-sheet button:focus-visible{outline:3px solid var(--vc-blue);outline-offset:2px}
#dashboard-app .nav-sheet-foot{margin:16px 6px 0;font-size:14px}
#dashboard-app .nav-sheet-foot a{color:var(--vc-blue-ink)}
@media (prefers-reduced-motion:reduce){#dashboard-app .nav-sheet,#dashboard-app .nav-sheet-panel{transition:none!important}}
@media (min-width:761px){#dashboard-app .nav-sheet{display:none!important}}

/* ---------- Responsive ---------- */
@media(max-width:1200px){
  #dashboard-app .vc-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  #dashboard-app .vc-two-col,#dashboard-app .vc-practice{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  /* Bottom bar: four destinations + More. 14px labels; secondary links live in the sheet. */
  #dashboard-app .sidebar>nav .nav-group,#dashboard-app .sidebar>nav a.nav-secondary{display:none}
  #dashboard-app .sidebar>nav{padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:2px;display:flex;flex-wrap:nowrap}
  #dashboard-app .sidebar>nav a,#dashboard-app .sidebar>nav .nav-more{flex:1 1 0;min-width:0;max-width:none;min-height:58px;padding:7px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:500 14px/1.15 Inter,sans-serif;letter-spacing:-.2px;text-align:center;border-radius:12px}
  #dashboard-app .sidebar>nav .nav-more{border:0;background:transparent;color:#4e607d;cursor:pointer}
  #dashboard-app .sidebar>nav .nav-more.is-active{color:#1d45a8;background:#eaf0fc}
  #dashboard-app .sidebar>nav .nav-more .icon{width:20px;height:20px}
  #dashboard-app .sidebar>nav .nav-more:focus-visible{outline:3px solid #2856c7;outline-offset:-2px}
  #dashboard-app .sidebar>nav a .nav-full{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #dashboard-app .sidebar>nav a .nav-short{display:block;white-space:nowrap}
  #dashboard-app .vc-card{padding:18px;border-radius:14px}
  #dashboard-app .vc-overview-cases{padding:18px}
  #dashboard-app .vc-hero-card{padding:22px}
  #dashboard-app .vc-hero-card h2{font-size:24px}
  #dashboard-app .vc-grid-2,#dashboard-app .vc-trend-pick{grid-template-columns:minmax(0,1fr)}
  #dashboard-app .vc-shortcuts{grid-template-columns:minmax(0,1fr);gap:10px}
  #dashboard-app .vc-shortcut{padding:14px}
  #dashboard-app .vc-case-grid,#dashboard-app .vc-bank-grid{grid-template-columns:minmax(0,1fr)}
  #dashboard-app .vc-flashcard{padding:20px;border-radius:16px}
  #dashboard-app .vc-q{font-size:21px!important}
  #dashboard-app .vc-wall{grid-template-columns:minmax(0,1fr);padding:20px}
  #dashboard-app .vc-tabs{width:100%}
  #dashboard-app .vc-tabs a{flex:1;justify-content:center;padding:8px 10px}
  #dashboard-app .vc-progress{align-items:flex-start;text-align:left}
  #dashboard-app .vc-meter{width:84px}
  #dashboard-app .vc-legend{flex-wrap:wrap;gap:10px}
}
@media(max-width:360px){
  #dashboard-app .sidebar>nav a,#dashboard-app .sidebar>nav .nav-more{font-size:14px;letter-spacing:-.4px}
  #dashboard-app .vc-tabs a .icon{display:none}
}
/* Keep wide tables scrolling inside their card instead of widening the page on phones. */
#dashboard-app .vc-card,#dashboard-app main,#dashboard-app main>*{min-width:0}
#dashboard-app .vc-table-wrap{max-width:100%;position:relative}

/* Desktop: account + plan live in the top bar; the rail is compact enough to fit a 720px-tall laptop screen without scrolling. */
@media(min-width:761px){
  #dashboard-app .sidebar{padding-top:22px;padding-bottom:16px}
  #dashboard-app .sidebar>.workspace-label{display:none}
  #dashboard-app .sidebar nav .nav-group{margin:12px 14px 4px}
  #dashboard-app .sidebar nav a{min-height:38px;padding:8px 14px;gap:10px}
  #dashboard-app .sidebar nav a .icon{width:18px;height:18px}
  #dashboard-app .sidebar-foot{padding-top:14px}
  #dashboard-app .sidebar-foot p{margin-top:4px;line-height:1.5}
}
#dashboard-app .vc-acct{display:inline-flex;align-items:center;gap:10px;min-width:0}
#dashboard-app .vc-acct-email{font-size:14px;color:var(--vc-sub,#4e607d);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dashboard-app .vc-plan-chip{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s ease,box-shadow .2s ease}
#dashboard-app .vc-plan-chip.is-paid{background:#e7f6ee;color:#11613a;box-shadow:inset 0 0 0 1px #b6e2c8}
#dashboard-app .vc-plan-chip.is-free{background:#eef2fa;color:#1d45a8;box-shadow:inset 0 0 0 1px #c9d6f0}
#dashboard-app .vc-plan-chip:hover{box-shadow:inset 0 0 0 1px currentColor}
#dashboard-app .vc-plan-chip:focus-visible{outline:3px solid #2856c7;outline-offset:2px}
@media(max-width:760px){#dashboard-app .vc-acct-email{display:none}}
@media(min-width:761px) and (max-height:820px){
  #dashboard-app .sidebar{padding-top:16px;padding-bottom:12px}
  #dashboard-app .sidebar-brand{margin-bottom:0}
  #dashboard-app .sidebar nav .nav-group{margin:8px 14px 2px}
  #dashboard-app .sidebar nav a{min-height:34px;padding:6px 14px}
  #dashboard-app .sidebar-foot{padding-top:10px}
}

/* ---- Case check-in, countdown and reminders (2026-10-20) ---- */
#dashboard-app .vc-checkin-card h2{margin:4px 0 8px}
#dashboard-app .vc-checkin-form fieldset{border:0;margin:18px 0 0;padding:0;min-width:0}
#dashboard-app .vc-checkin-form legend{display:grid;gap:2px;padding:0;margin:0 0 10px;font-size:17px;font-weight:600;color:var(--vc-ink)}
#dashboard-app .vc-choice-list{display:grid;gap:8px}
#dashboard-app .vc-choice{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;min-height:48px;border:1px solid var(--vc-line);border-radius:var(--vc-r-sm);background:#fff;cursor:pointer;font-size:15px;line-height:1.35;transition:border-color .2s,background .2s}
#dashboard-app .vc-choice:hover{border-color:var(--vc-blue)}
#dashboard-app .vc-choice:has(input:checked){border-color:var(--vc-blue);background:var(--vc-blue-wash);box-shadow:inset 0 0 0 1px var(--vc-blue)}
#dashboard-app .vc-form .vc-choice input{width:20px;height:20px;min-height:20px;flex:none;margin:0;accent-color:var(--vc-blue)}
#dashboard-app .vc-choice:has(input:focus-visible){outline:3px solid var(--vc-blue);outline-offset:2px}
#dashboard-app .vc-checkin-latest{border-left:4px solid var(--vc-blue)}
#dashboard-app .vc-checkin-latest h2{margin:4px 0 10px;font-size:21px}
#dashboard-app .vc-checkin-meaning,#dashboard-app .vc-checkin-next{margin:0 0 8px;line-height:1.55}
#dashboard-app .vc-checkin-sub{margin:16px 0 6px;font-size:15px}
#dashboard-app .vc-checkin-history{margin:0;padding-left:20px;display:grid;gap:4px;font-size:14px;color:var(--vc-sub)}
#dashboard-app .vc-copy-status:empty{display:none}
#dashboard-app .vc-countdown{display:grid;gap:4px;padding:16px 18px;margin:6px 0 14px;border-radius:var(--vc-r-sm);line-height:1.45}
#dashboard-app .vc-countdown.vc-tone-good strong{font-family:Fraunces,Georgia,serif;font-size:40px;line-height:1.05;font-weight:500}
#dashboard-app .vc-countdown.vc-tone-attention strong{font-size:17px}
#dashboard-app .vc-countdown span{font-size:14.5px;color:var(--vc-ink-2)}
#dashboard-app .vc-steps-mini{margin:14px 0;padding-left:22px;display:grid;gap:8px;color:var(--vc-ink-2);font-size:14.5px;line-height:1.5}
#dashboard-app .vc-guide{margin:0 0 14px;padding:16px 18px;border:1px solid var(--vc-line);border-radius:var(--vc-r-sm);background:var(--vc-paper)}
#dashboard-app .vc-guide h3{margin:0 0 8px}
#dashboard-app .vc-guide ol{margin:0 0 10px;padding-left:20px;display:grid;gap:6px;line-height:1.5}
#dashboard-app .vc-checkin-card .vc-wall{margin:0 0 14px}
#dashboard-app .vc-inquiry-form{margin-top:6px}
#dashboard-app .vc-inquiry-form .vc-actions,#dashboard-app .vc-checkin-card .vc-actions{flex-wrap:wrap}
#dashboard-app .vc-locked-feature .vc-switch.is-locked{opacity:.55;cursor:not-allowed;margin:4px 0 14px}
#dashboard-app .vc-case-inquiry{margin:6px 0 0;font-size:13.5px;font-weight:600;color:var(--vc-blue-ink)}
@media (max-width:760px){
  #dashboard-app .vc-tabs{overflow-x:auto;scrollbar-width:none}
  #dashboard-app .vc-tabs::-webkit-scrollbar{display:none}
  #dashboard-app .vc-tabs a{flex:1 0 auto;min-width:0;padding:8px 10px}
  #dashboard-app .vc-tab-more{display:none}
  #dashboard-app .vc-checkin-card .vc-actions .btn{width:100%;justify-content:center;white-space:normal;text-align:center}
}

/* ---------- Interview practice as flashcards (2026-10-20) ---------- */
#dashboard-app .vc-fc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--vc-sub);font-variant-numeric:tabular-nums}
#dashboard-app .vc-fc-count{font-weight:600;color:var(--vc-ink-2)}
#dashboard-app .vc-fc-tally{display:inline-flex;gap:14px;align-items:center}
#dashboard-app .vc-fc-known{display:inline-flex;gap:4px;align-items:center;color:#1d6b43}
#dashboard-app .vc-fc-known .icon{width:14px;height:14px}
#dashboard-app .vc-fc-review{color:#9a2236}
#dashboard-app .vc-fc-bar{height:6px;border-radius:99px;background:var(--vc-line-2);margin:10px 0 18px;overflow:hidden}
#dashboard-app .vc-fc-bar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#2859dc,#112447);transition:width .5s var(--vc-in)}
#dashboard-app .vc-fc-stage{perspective:1200px;touch-action:pan-y}
#dashboard-app .vc-fc-face{position:relative;border-radius:18px;padding:26px 24px;min-height:230px;display:flex;flex-direction:column;justify-content:center;transform-origin:50% 50%;will-change:transform}
#dashboard-app .vc-fc-front{cursor:pointer;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#2859dc 0%,#163a8f 45%,#112447 100%);box-shadow:0 18px 40px -18px rgba(17,36,71,.55)}
#dashboard-app .vc-fc-front::after{content:"";position:absolute;inset:auto 18px 14px auto;width:56px;height:6px;border-radius:99px;background:#ba2940;opacity:.9}
#dashboard-app .vc-fc-front .vc-eyebrow{color:#cfdcff}
#dashboard-app .vc-fc-front .vc-q{color:#fff!important;margin:12px 0 10px!important}
#dashboard-app .vc-fc-say{margin:0 0 18px;color:#dbe4ff;font-size:15px}
#dashboard-app .vc-fc-front .vc-reveal-btn{align-self:flex-start;background:#fff;color:#112447;border-color:#fff;display:inline-flex;gap:8px;align-items:center}
#dashboard-app .vc-fc-front .vc-reveal-btn .icon{width:18px;height:18px}
#dashboard-app .vc-fc-badge{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;background:rgba(255,255,255,.16);color:#fff}
#dashboard-app .vc-fc-back{background:#fff;border:1px solid var(--vc-line);box-shadow:0 18px 40px -22px rgba(17,36,71,.4);transition:transform .25s var(--vc-in),box-shadow .2s}
#dashboard-app .vc-fc-recap{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--vc-ink-2)}
#dashboard-app .vc-fc-back .vc-mark{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
#dashboard-app .vc-fc-back .vc-mark .btn{justify-content:center;display:inline-flex;gap:6px;align-items:center;min-height:48px}
#dashboard-app .vc-fc-known-btn:not(.primary){border-color:#1d6b43;color:#14532f}
#dashboard-app .vc-fc-review-btn:not(.primary){border-color:#ba2940;color:#8f1e30}
#dashboard-app .vc-fc-hint{margin:12px 0 0;font-size:13px;color:var(--vc-sub)}
#dashboard-app .vc-fc-lean-right{box-shadow:0 0 0 3px #1d6b43,0 18px 40px -22px rgba(17,36,71,.4)}
#dashboard-app .vc-fc-lean-left{box-shadow:0 0 0 3px #ba2940,0 18px 40px -22px rgba(17,36,71,.4)}
#dashboard-app .vc-fc-done{margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--vc-blue-wash);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#dashboard-app .vc-fc-done p{margin:0;flex:1 1 220px;font-size:15px;color:var(--vc-ink-2)}
@media (hover:none){#dashboard-app .vc-fc-hint{display:block}}
@media (hover:hover){#dashboard-app .vc-fc-hint{display:none}#dashboard-app .vc-fc-front:hover{transform:translateY(-2px)}#dashboard-app .vc-fc-front{transition:transform .25s var(--vc-in)}}
@media (prefers-reduced-motion:no-preference){
  #dashboard-app .vc-fc-back{animation:vc-fc-flip .5s var(--vc-in) both}
  #dashboard-app .vc-fc-out-right{transition:transform .22s var(--vc-out),opacity .22s;transform:translateX(120%) rotate(8deg)!important;opacity:0}
  #dashboard-app .vc-fc-out-left{transition:transform .22s var(--vc-out),opacity .22s;transform:translateX(-120%) rotate(-8deg)!important;opacity:0}
}
@keyframes vc-fc-flip{0%{transform:rotateY(-80deg) scale(.96)}100%{transform:none}}
@media (max-width:760px){#dashboard-app .vc-fc-face{padding:22px 18px;min-height:210px}#dashboard-app .vc-fc-front .vc-reveal-btn{align-self:stretch;justify-content:center}}