/* Audit polish (#31 #35 #36 #37 #38). Spec: docs/specs/audit-polish.md */
/* #31: no disabled action bar under an empty deck */
html:not(.desk) .stage:has(> .empty) + .actions,html:not(.desk) .stage:has(> .empty) ~ .kbd-hint{display:none}
.empty .cta-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.empty .cta-row button{min-height:44px}
/* #36: back cards only peek below the top card */
html:not(.desk) .stage .card.back1,html:not(.desk) .stage .card.back2{height:var(--topH,auto);max-height:var(--topH,none)}
/* #35: quick filters in the empty search */
.srch-go{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 8px}
.srch-go button{min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:20px;border:1px solid var(--border-2);background:var(--surface);color:var(--text);font:inherit;font-size:14px}
.srch-go i{font-style:normal;color:var(--text-2);font-size:12px}
/* #37: one left-aligned scroll row of chips; readable note */
.qr{flex-wrap:nowrap;justify-content:flex-start}
.chat-note{font-size:13px;line-height:18px;text-align:left}
/* #38: reduced motion = short fades instead of springs and flings */
@media (prefers-reduced-motion:reduce){
  :root{--spring:ease}
  .card,.card.flying{transition:opacity .15s linear,border-color .15s linear!important;animation:none!important}
  .card.flying{transform:none!important;opacity:0}
}
/* health-panel (#70) */
.hl-dot{display:inline-block;width:8px;height:8px;border-radius:4px;margin-right:8px;vertical-align:middle;background:#8E8E93}
.hl-ok{background:#30D158}.hl-warn{background:#FF9F0A}.hl-error{background:#FF453A}
/* settings-home (#72) */
.sh-hero{display:flex;gap:14px;align-items:center;background:var(--surface-2);border-radius:18px;padding:14px;margin:6px 0 4px}
.sh-av{width:56px;height:56px;border-radius:28px;background:var(--mate-green,#2FBF71);display:grid;place-items:center;font-size:22px;font-weight:700;color:#fff;flex:none}
.sh-hero b{display:block;font-size:1.1rem}.sh-hero span{color:var(--text-2);font-size:.85rem}
.sh-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.sh-chips span{padding:3px 10px;border-radius:12px;background:var(--surface-3);font-size:.8rem}
.sh-pf{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sh-pfc{text-align:left;border:0;border-radius:14px;padding:12px 14px;background:var(--surface-2);color:var(--text);font:inherit}
.sh-pfc.on{outline:2px solid var(--accent)}.sh-pfc b{display:block;font-size:1rem}.sh-pfc span{font-size:.82rem;color:var(--text-2)}
.sh-grp{background:var(--surface-2);border-radius:14px;overflow:hidden}
.sh-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 14px;border:0;border-bottom:.5px solid var(--border);background:none;color:var(--text);font:inherit;text-align:left}
.sh-row:last-child{border-bottom:0}.sh-row svg{width:18px;height:18px;color:var(--text-3)}
.sh-ic svg{width:20px;height:20px;color:var(--accent)}.sh-m{flex:1;min-width:0}.sh-m b{display:block;font-weight:500}.sh-m>span{display:block;font-size:.82rem;color:var(--text-2)}
.sh-out{margin-top:14px}
/* #280: inline edit block in the card detail; the card itself is tappable */
.dt-edit{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.dt-edit textarea{min-height:96px}
.dt-edit textarea.small{min-height:56px}
#stage > .card[data-id]{cursor:pointer}