/* exceptions screen — styles specific to this screen only; shared styles live in tiye.css */

/* Cards in a row share a height, as drawn on p.8. */
.exc-screen .exc-grid { align-items: stretch; }
.exc-screen .exc { padding: 16px; gap: 6px; }
.exc-screen .exc-head { min-height: 30px; }
.exc-screen .exc-head .count-sq { min-width: 30px; }
/* Description and rows align with the title, not the count square. */
.exc-screen .exc .desc, .exc-screen .exc .exc-rows { margin-left: 42px; }
.exc-screen .exc .desc { margin-bottom: 4px; }
.exc-screen .exc-row { grid-template-columns: 96px minmax(0, 1fr) auto; min-height: 36px; padding: 4px 0; }
.exc-screen .exc-row .d { color: var(--ink); }
.exc-screen .exc-row .a { gap: 8px; }
.exc-screen .exc-row .a .btn.sm { height: 28px; }
.exc-screen .exc.clear .exc-row .d { color: var(--ink3); }
.exc-red { color: var(--red); font-weight: 600; }
.exc-more { margin-top: 6px; font-size: 12.5px; }
.exc-clear { padding: 56px 24px; border: 1px solid #BFDCC8; }
.exc-clear p { color: var(--ink); max-width: 520px; }