/* Current shared controls added after the reference presentation. */
.agreement-check { display:flex; align-items:center; gap:10px; margin:18px 0; cursor:pointer; }
.agreement-check input { width:18px; height:18px; flex:none; accent-color:var(--teal); }
.email-readback-row { display:flex; gap:10px; align-items:center; }
.email-readback-row input { min-width:0; flex:1; }
.email-copy-hint { color:var(--muted); font-size:13px; }
.action-required-title { display:flex; align-items:center; gap:12px; min-width:0; }
.action-required-title small { display:block; color:var(--muted); margin-bottom:4px; }
.action-required-title strong { font-size:20px; }
.action-required-icon { display:inline-flex; width:36px; height:36px; flex:none; color:var(--danger); }
.action-required-icon svg { width:100%; height:100%; stroke:currentColor; stroke-width:1.8; }
.status-result-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.status-result-actions > span { padding:5px 10px; border-radius:999px; background:var(--teal-soft); color:var(--teal); font-size:13px; }
.status-result-actions > span.error { color:var(--danger); background:#fff1f2; }
.copy-result-shot { border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--teal); padding:7px 10px; cursor:pointer; }
.task-live-status { display:block; margin-top:6px; color:var(--muted); font-size:13px; }
@media(max-width:640px) {
  .tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; min-width:0; }
  .tabs .tab { min-width:0; padding-left:4px; padding-right:4px; white-space:normal; text-align:center; }
  .email-readback-row { flex-wrap:wrap; }
  .status-result-head,.action-required-head { align-items:flex-start; flex-wrap:wrap; }
}