/* 2.92.0: AI → Traces → Resolution (ai-resolution.js), and the handoff brief at the top of a case in the Service
   center. The app's tokens (light and dark). */
.air { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.air-scroll { overflow-x: auto; max-width: 100%; }
.air-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: 14px; }
.air-table th, .air-table td { padding: 7px 10px; text-align: start; border-bottom: 1px solid var(--line); white-space: nowrap; }
.air-table thead th { font-weight: 500; color: var(--muted); font-size: 12px; }
.air-table tbody th { font-weight: 500; max-width: 240px; overflow: hidden; text-overflow: ellipsis; }
.air-table .link { padding: 0; font-variant-numeric: tabular-nums; }
.air-grey, .air-grey-note { color: var(--muted); opacity: .75; }
.air-grey-note { margin: -6px 2px 0; }

.air-weeks { display: grid; gap: 8px; }
.air-week { display: grid; grid-template-columns: 70px minmax(0, 1fr); grid-template-areas: 'l bar' '. n'; gap: 2px 10px; align-items: center; }
.air-week-l { grid-area: l; color: var(--muted); }
.air-week-n { grid-area: n; color: var(--muted); }
.air-bar { grid-area: bar; display: flex; height: 12px; border-radius: 6px; overflow: hidden; background: var(--sunk); }
.air-seg { display: block; min-width: 3px; }
.air-verified { background: var(--ok); }
.air-quiet { background: color-mix(in srgb, var(--ok) 45%, var(--panel)); }
.air-came_back { background: var(--wait); }
.air-escalated { background: var(--info); }
.air-unhappy { background: var(--fault); }
.air-pending, .air-unknown { background: color-mix(in srgb, var(--muted) 35%, var(--panel)); }

.air-how { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; margin: 0; font-size: 14px; }
.air-how dt { font-weight: 600; }
.air-how dd { margin: 0; }
@media (max-width: 640px) { .air-how { grid-template-columns: 1fr; } .air-how dd { margin-bottom: 6px; } }

.air-texts { display: grid; gap: 10px; padding-top: 8px; }
.air-texts textarea { width: 100%; }
.air-items { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; max-height: 60vh; overflow: auto; }
.air-items li { display: grid; gap: 4px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; }
.air-item-top { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

/* the brief at the top of a case */
.air-brief { margin: 8px 12px 0; padding: 8px 12px; border-radius: 10px; background: var(--htn-note, color-mix(in srgb, var(--wait) 10%, var(--panel))); border: 1px solid var(--htn-note-line, var(--line)); font-size: 13px; max-height: 38vh; overflow: auto; flex: none; }
.air-brief summary { display: flex; gap: 8px; align-items: center; cursor: pointer; list-style: none; }
.air-brief summary::-webkit-details-marker { display: none; }
.air-brief dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 12px; margin: 8px 0 2px; }
.air-brief dt { color: var(--muted); }
.air-brief dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.air-brief ul { margin: 0; padding-inline-start: 18px; }
@media (max-width: 640px) { .air-brief dl { grid-template-columns: 1fr; } }