/* Interesados con permiso (Proyectos, Inscripciones): the page's form and the panel tab. Theme tokens only. Prefix in-. */

/* ---------- page: «Te escribimos por WhatsApp» ---------- */
.in-form-box { max-width: 860px; }
.in-form, .in-ok { display: grid; gap: 14px; padding: clamp(16px, 3vw, 28px); border-radius: var(--radius, 16px); background: var(--surface, var(--bg)); color: var(--fg);
  border: 1px solid color-mix(in srgb, var(--fg) 12%, transparent); font: 15px/1.5 var(--font-body, system-ui), system-ui, sans-serif; }
.in-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 760px) { .in-grid { grid-template-columns: minmax(0, 1fr); } }
.in-form .ndf-f { color: var(--fg); }
.in-form .ndf-f > span { font-size: 13.5px; font-weight: 700; }
.in-form input[type="text"], .in-form input[type="tel"], .in-form select { width: 100%; box-sizing: border-box; min-height: 46px; padding: 10px 12px; border-radius: 12px;
  font: 16px/1.3 var(--font-body, system-ui), system-ui, sans-serif; border: 1px solid color-mix(in srgb, var(--fg) 25%, transparent); background: var(--bg); color: var(--fg); }
.in-form input:focus-visible, .in-form select:focus-visible, .in-optin input:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
.in-optin { align-items: flex-start; font-weight: 500; line-height: 1.45; min-height: 44px; }
.in-optin input { flex: none; margin: 1px 0 0; }
.in-form .ndf-btn, .in-ok .ndf-btn { min-height: 46px; padding: 10px 20px; font-size: 15px; }
.in-ok b { font-size: 20px; }
.in-ok b:focus { outline: none; }
.in-ok p { margin: 0; }

/* ---------- panel: the list ---------- */
.in-item { align-items: flex-start; }
.in-main { flex: 1 1 300px; min-width: 0; display: grid; gap: 3px; }
/* Proyectos: what each person accepted (two separate permissions, drawn in one list) */
.in-acepto { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0; }
.in-chip { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; font: 600 12.5px/1.4 var(--font-body, system-ui), system-ui, sans-serif;
  color: var(--fg); border: 1px solid color-mix(in srgb, var(--fg) 25%, transparent); background: color-mix(in srgb, var(--fg) 6%, transparent); }
.in-top { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 15px; }
.in-tel { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; font-size: 14px; font-variant-numeric: tabular-nums; }
.in-ver { font-size: 13px; font-weight: 600; }
.in-sub { color: var(--muted); font-size: 12.5px; line-height: 1.4; overflow-wrap: anywhere; }
.in-prox { font-size: 12.5px; font-weight: 700; color: var(--fg); }
.in-prox[data-tarde="true"]::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--accent-ink); vertical-align: 1px; }
.in-item .ndf-item-side { justify-content: flex-end; }
.in-funnel { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.in-funnel li { display: grid; grid-template-columns: minmax(110px, 180px) minmax(0, 1fr) 3ch; align-items: center; gap: 10px; font-size: 13.5px; }
.in-funnel i { height: 10px; border-radius: 999px; background: color-mix(in srgb, var(--fg) 10%, transparent); overflow: hidden; }
.in-funnel i b { display: block; height: 100%; border-radius: inherit; background: var(--accent-ink); }
.in-funnel strong { text-align: right; font-variant-numeric: tabular-nums; }
.in-bajas { margin: 6px 0; padding-left: 18px; font-size: 13.5px; color: var(--muted); }

/* ---------- panel: sheets ---------- */
.in-dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 14px; margin: 0; font-size: 14px; }
.in-dl dt { color: var(--muted); }
.in-dl dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
@media (max-width: 420px) { .in-dl { grid-template-columns: minmax(0, 1fr); gap: 0; } .in-dl dd { margin-bottom: 8px; } }
.in-cons, .in-notas { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.in-cons li, .in-notas li { display: grid; gap: 4px; padding: 10px 12px; border-radius: 12px; background: color-mix(in srgb, var(--fg) 5%, transparent); font-size: 14px; }
.in-cons q { quotes: "«" "»"; }
.in-cons small, .in-notas small { color: var(--muted); font-size: 12.5px; }
.ndf-dlg textarea#inNota { width: 100%; box-sizing: border-box; }
.ndf-dlg[data-mod="interesados"] input[type="date"] { font: 15px/1.3 var(--font-body, system-ui), system-ui, sans-serif; min-height: 44px; padding: 8px 10px; border-radius: 10px; max-width: 100%; box-sizing: border-box;
  background: color-mix(in srgb, var(--fg) 5%, transparent); color: var(--fg); border: 1px solid color-mix(in srgb, var(--fg) 20%, transparent); color-scheme: inherit; }

/* touch: 44 px targets in both panel skins (Rapport keeps .ndf-btn.sm at 36 px) */
@media (pointer: coarse), (max-width: 1023px) {
  #t-m-interesados .ndf-btn, #t-m-interesados .ndf-seg button, #t-m-interesados select, #t-m-interesados .ndf-link, .ndf-dlg[data-mod="interesados"] .ndf-btn, .ndf-dlg[data-mod="interesados"] .ndf-chip, section[data-mod="interesados"] .ndf-btn { min-height: 44px; }
  #t-m-interesados .ndf-link { display: inline-flex; align-items: center; }
}