/* =====================================================================================
   Starting a real audit: the client form, the engagement form, the client page, the team
   page and the predecessor page. Screen rules only; the system is thread-v2.css.
   Every selector starts with .t2.scr-setup. Phone first: one column, the form fields stack.
   ===================================================================================== */

.t2.scr-setup .su-form { display: grid; gap: var(--s7); max-width: 46rem; }
.t2.scr-setup .su-group { display: grid; gap: var(--s5); }
.t2.scr-setup .su-group > h2 { font-size: 1.375rem; font-weight: 500; line-height: 1.15; padding-bottom: 0.75rem; border-bottom: 1px solid var(--border); }
.t2.scr-setup .su-row { display: grid; gap: var(--s5); grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.t2.scr-setup .su-field { min-width: 0; align-content: start; }
.t2.scr-setup .su-optional { font-weight: 400; color: var(--text-secondary); font-size: var(--fs-meta); letter-spacing: 0.04em; margin-left: 0.25rem; }
.t2.scr-setup textarea.t2-input { min-height: 6rem; resize: vertical; font-family: inherit; line-height: 1.45; }
.t2.scr-setup .su-error { display: flex; align-items: flex-start; gap: 0.4rem; color: var(--problem); font-size: var(--fs-small); font-weight: 560; line-height: 1.35; }
.t2.scr-setup .su-error .t2-ico { width: 16px; height: 16px; flex: none; margin-top: 0.1rem; stroke-width: 2.25; }
.t2.scr-setup .su-summary { display: grid; gap: 0.5rem; padding: 1rem 1.25rem; border-radius: var(--r-ctl); background: var(--problem-bg); }
.t2.scr-setup .su-summary a { color: var(--text); font-weight: 600; }
.t2.scr-setup .su-warn { display: grid; gap: 0.625rem; padding: 1rem 1.25rem; border-radius: var(--r-ctl); background: var(--caution-bg); }
.t2.scr-setup .su-warn p { display: flex; gap: 0.5rem; align-items: flex-start; }
.t2.scr-setup .su-warn .t2-ico { width: 18px; height: 18px; flex: none; margin-top: 0.15rem; color: var(--caution); }
.t2.scr-setup .su-actions { display: flex; flex-wrap: wrap; gap: var(--s4); align-items: center; }
.t2.scr-setup .su-facts { display: grid; grid-template-columns: max-content 1fr; gap: 0.5rem 1.5rem; font-size: var(--fs-ui); align-items: baseline; }
.t2.scr-setup .su-facts dt { color: var(--text-secondary); font-size: var(--fs-small); }
.t2.scr-setup .su-facts dd { margin: 0; }
.t2.scr-setup .su-note { color: var(--text-secondary); font-size: var(--fs-small); max-width: 46rem; }
.t2.scr-setup .su-list { display: grid; gap: 0; list-style: none; padding: 0; margin: 0; }
.t2.scr-setup .su-list > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.25rem 1.25rem; align-items: center; padding: 0.875rem 0; border-bottom: 1px solid var(--border); }
.t2.scr-setup .su-list > li:first-child { border-top: 1px solid var(--border); }
.t2.scr-setup .su-list b { font-weight: 600; }
.t2.scr-setup .su-list a { color: var(--text); font-weight: 600; }
.t2.scr-setup .su-list a:hover { color: var(--action); }
.t2.scr-setup .su-list small { display: block; color: var(--text-secondary); font-size: var(--fs-small); }
.t2.scr-setup .su-inline { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: end; }
.t2.scr-setup .su-inline > .su-field { flex: 1 1 14rem; }
.t2.scr-setup .su-history { display: grid; gap: 0.5rem; list-style: none; padding: 0; margin: 0; font-size: var(--fs-small); }
.t2.scr-setup .su-history time { color: var(--text-secondary); margin-right: 0.5rem; font-variant-numeric: lining-nums tabular-nums; }
.t2.scr-setup .su-letter { white-space: pre-wrap; font-family: inherit; font-size: var(--fs-ui); line-height: 1.55; max-width: 44rem; margin: 0; }
.t2.scr-setup .su-dl { display: grid; grid-template-columns: max-content 1fr; gap: 0.375rem 1.5rem; font-size: var(--fs-ui); }
.t2.scr-setup .su-dl dt { color: var(--text-secondary); font-size: var(--fs-small); }
.t2.scr-setup .su-dl dd { margin: 0; }
.t2.scr-setup .su-step { display: grid; gap: var(--s4); }
.t2.scr-setup .su-step > header { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.t2.scr-setup .su-step > header h3 { font-size: 1.25rem; font-weight: 600; }

@media (max-width: 40rem) {
  .t2.scr-setup .su-row { grid-template-columns: 1fr; }
  .t2.scr-setup .su-list > li { grid-template-columns: 1fr; }
  .t2.scr-setup .su-facts, .t2.scr-setup .su-dl { grid-template-columns: 1fr; gap: 0.125rem; }
  .t2.scr-setup .su-facts dd, .t2.scr-setup .su-dl dd { margin-bottom: 0.5rem; }
}