/* "Where it's at" card on request and case pages (js/taskpanel.js) */
.tpcard .tpfacts { margin-top: 8px; gap: 8px 16px; }
.tpcard .tpfacts dd { min-width: 0; overflow-wrap: anywhere; }
.tpwho, .tpset { display: block; }
.tpwho { font-weight: 500; color: var(--grey-ink); }
.tpadv + .tpadv { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--divider); }
.tpadv p { margin: 0; }
.tpsum { font-weight: 500; white-space: normal; }
.tpbad { color: var(--red); font-weight: 600; }
.tpolder { margin-top: 6px; }
.tpolder summary { cursor: pointer; color: var(--link); font-weight: 600; min-height: 32px; display: inline-flex; align-items: center; }
.tpolder .tpadv { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--divider); }
.tplinks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.tplinks li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.tprel { font-size: 0.75rem; font-weight: 600; color: var(--grey-ink); border: 1px solid var(--line); border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
.tpref { min-width: 0; flex: 1 1 140px; }
.tpnote { display: block; }
.tplinks .link.quiet { min-height: 32px; }
.tpacts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.tpform { max-width: 640px; }
.tpform .tform { max-width: none; }
.tpform p.wide { margin: 0; }
.tpform input[type="datetime-local"] { width: 100%; min-height: 44px; border: 1px solid var(--input-strong); border-radius: var(--r-ctl); background: var(--surface); padding: 0 10px; font-size: 0.875rem; color: var(--ink); }
.tpform input[type="datetime-local"]:focus { outline: 2px solid var(--blue-btn); outline-offset: 1px; border-color: var(--blue-btn); }
.tpform input[aria-invalid="true"], .tpform textarea[aria-invalid="true"], .tpform select[aria-invalid="true"] { border-color: var(--red); }
@media (max-width: 640px) {
  .tpacts .btn { flex: 1 1 auto; }
}