#mainContent:has(.case-dashboard){max-width:1540px}
.case-dashboard{padding:10px 0 24px}
.case-dashboard-grid{gap:16px;margin-bottom:34px}
.case-start-card,.case-promise-card{min-height:148px;border-radius:16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.case-start-card{padding:24px 64px 24px 24px;border-top:2px solid var(--accent);background:var(--surface)}
.case-start-card:hover,.case-promise-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--case-line));box-shadow:var(--shadow)}
.case-start-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:4px;border-radius:11px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));font-size:23px}
.case-start-card b{font-size:15px;letter-spacing:-.02em}
.case-start-card small{font-size:12px;line-height:1.6}
.case-start-arrow{right:24px;color:var(--primary);transition:transform .18s ease}
.case-start-card:hover .case-start-arrow{transform:translateX(4px)}
.case-promise-card{align-items:center;padding:24px}
.case-promise-icon{width:46px;height:46px;border-radius:13px}
.case-promise-card .case-eyebrow{margin-bottom:7px}
.case-promise-card h2{font-size:17px;letter-spacing:-.025em}
.case-promise-card p:last-child{font-size:12px;line-height:1.6}
.case-section-heading{align-items:flex-end;margin-bottom:15px}
.case-section-heading h2{font-size:21px;letter-spacing:-.035em}
.case-section-heading>button{min-height:40px;padding:8px 10px;border-radius:9px;transition:background .18s ease,color .18s ease}
.case-section-heading>button:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary-strong)}
.case-grid{gap:15px}
.case-card{display:flex;min-width:0;flex-direction:column;padding:19px 20px 0;border-radius:16px;box-shadow:0 5px 22px rgba(10,12,34,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.case-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 28%,var(--case-line));box-shadow:var(--shadow)}
.case-card h2{margin:18px 0 6px;font-family:var(--font);font-size:18px;font-weight:800;line-height:1.35;letter-spacing:-.035em;overflow-wrap:anywhere}
.case-client{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.case-card-meta{flex:1;gap:16px;margin:18px 0 15px;padding-top:14px}
.case-card-meta span{font-size:11px;line-height:1.45}
.case-card-meta b{font-size:12px;line-height:1.45}
.case-card footer{min-height:58px;margin:0 -20px;padding:9px 16px 9px 20px;gap:8px}
.case-card footer>span{font-size:11px;white-space:nowrap}
.case-card footer button{min-height:40px;padding:8px 10px;border-radius:9px;font-size:12px}
.case-card footer button:not(.case-ai-link):hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}
.case-card footer .case-ai-link{min-height:40px;padding:8px 11px;border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--primary)}
.case-card footer .case-ai-link:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--case-line));background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.case-status{min-height:30px;padding:5px 10px;font-size:11px}
.case-status i{background:var(--success)}
.case-search{min-height:48px;border-radius:12px}
.case-search input{font-size:14px}
.case-home-head .button,.case-welcome .button{border-radius:11px}
.case-start-card:focus-visible,.case-section-heading>button:focus-visible,.case-card button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:3px}
.case-tools{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.case-status-filter{min-height:48px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--case-line);border-radius:12px;background:var(--case-card);color:var(--case-muted);font-size:11px;font-weight:650}
.case-status-filter select{width:auto;min-width:145px;min-height:42px;padding:7px 25px 7px 5px;border:0;background:transparent;color:var(--case-ink);font-size:12px;font-weight:650}
.case-total{flex:none;color:var(--case-muted);font-size:12px;font-variant-numeric:tabular-nums}
.case-number{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.045em}
.case-status{min-height:30px;font-weight:700}
.case-status-active i{background:var(--success)}
.case-status-review i{background:var(--warning)}
.case-status-closed i{background:var(--muted)}
.case-client{display:grid;gap:3px}
.case-client span{color:var(--case-muted);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}
.case-client b{color:var(--case-ink);font-size:13px;font-weight:700}
.case-card-meta b{font-variant-numeric:tabular-nums}
.case-empty .button{margin-top:16px}
.case-no-results{display:grid;justify-items:center;gap:5px}
.case-no-results h2{margin-bottom:8px}
.case-toolbar:has(.case-tools){align-items:center}
@media(max-width:600px){
  .case-toolbar:has(.case-tools){align-items:stretch;flex-direction:column}
  .case-tools{width:100%;flex-direction:column;align-items:stretch}
  .case-status-filter{justify-content:space-between}
  .case-status-filter select{flex:1;text-align:right}
  .case-total{align-self:flex-end;padding-top:0}
}
@media(max-width:760px){
  .case-dashboard{padding-top:2px}
  .case-dashboard-grid{gap:11px;margin-bottom:27px}
  .case-start-card,.case-promise-card{min-height:124px}
  .case-start-card{padding:18px 54px 18px 18px}
  .case-promise-card{padding:18px;gap:13px}
  .case-grid{gap:12px}
  .case-card{padding:17px 17px 0}
  .case-card footer{margin-inline:-17px;padding-inline:17px}
}
@media(max-width:520px){
  .case-card{padding-top:15px}
  .case-card h2{font-size:17px;margin-top:15px}
  .case-card-meta{margin-top:15px}
  .case-card footer{display:grid;grid-template-columns:1fr auto;justify-content:stretch;gap:7px;padding-block:9px}
  .case-card footer>span{grid-column:1/-1;padding-bottom:2px}
  .case-card footer button:not(.case-ai-link){justify-self:start}
  .case-card footer .case-ai-link{justify-self:end}
  .case-section-heading h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.case-start-card,.case-promise-card,.case-card,.case-start-arrow{transition:none}}