/* Whatts-inspired information hierarchy with ABC Law's existing identity. */
.client-card-grid{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.client-card{grid-template-columns:56px minmax(0,1fr) auto;min-height:0;gap:10px 16px;padding:20px 22px;border-top:0;border-left:3px solid transparent;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 4%,#101218),#0d0f14)}
.client-card:hover,.client-card.is-selected{border-left-color:var(--accent)}
.client-card-head{display:contents}.client-card-head .client-avatar{grid-column:1;grid-row:1/4;width:52px;height:52px}
.client-card-head>div{grid-column:2}.client-card-status{grid-column:2/4}.client-card-metric{grid-column:2;margin:0}.client-card>[data-open-client-record]{grid-column:3;grid-row:1/4;align-self:stretch;min-width:180px}
#matter-list-results .table-wrap{border:0;overflow:visible}
#matter-list-results .table{display:block;min-width:0}
#matter-list-results thead{display:none}
#matter-list-results tbody{display:grid;border-top:1px solid var(--line)}
#matter-list-results tr{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(150px,.75fr) 140px 110px auto;align-items:center;gap:16px;min-height:88px;padding:14px 18px;border:1px solid var(--line);border-top:0;background:linear-gradient(110deg,#101218,#0d0f14)}
#matter-list-results td{display:block;padding:0;border:0;min-width:0}
#matter-list-results td:first-child button{width:100%;text-align:left;color:var(--ink)}
#matter-list-results td:first-child b{color:var(--accent);font-family:var(--mono,ui-monospace,monospace);letter-spacing:.06em}
#workspace:has(.matter-section-nav)>.page-head{align-items:start;padding:22px;border:1px solid var(--line);border-bottom:3px solid var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#11131a),#0d0f14)}
#workspace:has(.matter-section-nav)>.page-head h1{max-width:760px}
#workspace:has(.matter-section-nav)>.page-head .actions{justify-content:flex-end}
.matter-section-nav{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));overflow:visible;margin:12px 0;background:var(--line)}
.matter-section-nav__button{min-width:0;white-space:normal}
.matter-tool-drawer{margin:0 0 12px;border:1px solid var(--line);background:var(--panel)}
.matter-tool-drawer>summary{cursor:pointer;padding:11px 14px;color:var(--muted);font:700 10px var(--mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase}
.matter-tool-drawer[open]>summary{border-bottom:1px solid var(--line);color:var(--ink)}
.matter-tool-drawer .matter-detail-tools{margin:0;padding:8px;opacity:1}
@media(max-width:900px){
  .client-card{grid-template-columns:50px minmax(0,1fr)}
  .client-card-head .client-avatar{grid-column:1}.client-card-head>div,.client-card-status,.client-card-metric{grid-column:2}
  .client-card>[data-open-client-record]{grid-column:1/-1;grid-row:auto;min-height:44px}
  #matter-list-results tr{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}
  #matter-list-results td:nth-child(2),#matter-list-results td:nth-child(3){grid-column:1;color:var(--muted);font-size:.85rem}
  #matter-list-results td:nth-child(4),#matter-list-results td:nth-child(5){grid-column:2;grid-row:1}
  .matter-section-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .matter-section-nav__button:last-child{grid-column:1/-1}
  #workspace:has(.matter-section-nav)>.page-head .actions{justify-content:flex-start}
}
@media(max-width:560px){.client-card{padding:16px 14px}.client-card-status{gap:4px}#matter-list-results tr{padding:14px}.matter-section-nav{grid-template-columns:1fr 1fr}}