/* flots · css/paginas/est-brief.css
   Estudio · Brief (/estudio/pedidos/:id) — Brief (1440). Sin artboard de celular:
   en tablet y celular el costado se apila debajo. */

/* Grilla del diseño: contenido + costado de 340 px, gap 32, encabezado a lo ancho.
   (El <main> del shell tiene padding-top 56; el diseño usa 48 → -8 px.) */
.est-brief{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:32px;
  align-content:start;
  min-width:0;
  margin-top:-8px;
}
.est-brief-cabecera{
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
}
.est-brief-estado-carga{ grid-column:1 / -1; display:flex; flex-direction:column; gap:16px; }
.est-brief-volver{ margin:0; font-size:15px; }

/* ---------- Panel principal (blanco, pestañas) ---------- */
.est-brief-principal{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:24px 32px;
}
.est-brief-pestanas{ border-bottom-color:var(--line); }
.est-brief-panel{ display:flex; flex-direction:column; min-width:0; }
.est-brief-panel:focus-visible{ outline-offset:4px; }

/* Filas etiqueta / valor (200 px + resto) */
.est-brief-filas{ margin:0; }
.est-brief-fila{
  display:grid;
  grid-template-columns:200px minmax(0, 1fr);
  gap:24px;
  padding:14px 0;
  border-top:1px solid var(--line);
}
.est-brief-etiqueta{
  font-size:14px;
  font-weight:600;
  line-height:1.45;
  color:var(--muted);
}
.est-brief-valor{
  margin:0;
  font-size:16px;
  line-height:1.5;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
.est-brief-falta{ color:var(--muted); font-size:15px; }

/* "Preguntas para la reunión": borde acento + fondo --accent-tint */
.est-brief-preguntas{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:16px;
  padding:18px 20px;
  border-left:4px solid var(--accent);
  background:var(--accent-tint);
}
.est-brief-preguntas-titulo{ margin:0; font-size:15px; font-weight:600; line-height:1.4; }
.est-brief-preguntas-lista{
  margin:0;
  padding:0;
  list-style:none;
  font-size:15px;
  line-height:1.6;
}

.est-brief-ia-pie{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:8px 16px;
  margin-top:16px;
}
.est-brief-meta{ font-size:14px; color:var(--muted); }
.est-brief-regenerar{ height:auto; padding:0; font-size:14px; }
.est-brief-error{ margin:12px 0 0; }

/* Brief básico */
.est-brief-basico-cabeza{ display:flex; flex-direction:column; gap:4px; padding-bottom:14px; }
.est-brief-subtitulo{ margin:0; font-size:18px; font-weight:500; line-height:1.3; }
.est-brief-ayuda{ margin:0; font-size:14px; line-height:1.5; color:var(--muted); }
.est-brief-generar{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  margin-top:16px;
  padding-top:18px;
  border-top:1px solid var(--line);
}

.est-brief-vacio{
  margin:0;
  padding:14px 0;
  border-top:1px solid var(--line);
  font-size:15px;
  color:var(--muted);
}

/* Adjuntos */
.est-brief-adjuntos-lista{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.est-brief-adjunto{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
  font-size:15px;
  text-underline-offset:2px;
}
.est-brief-adjunto img{
  flex-shrink:0;
  width:56px;
  height:56px;
  object-fit:cover;
  border:1px solid var(--line);
  background:var(--surface-2);
}
.est-brief-adjunto-icono{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:56px;
  height:56px;
  border:1px solid var(--line);
  color:var(--muted);
}
.est-brief-adjunto-nombre{ min-width:0; overflow-wrap:anywhere; }
.est-brief-adjunto-error{ flex-direction:column; align-items:flex-start; gap:2px; }

/* ---------- Costado ---------- */
.est-brief-lateral{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.est-brief-tarjeta{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:24px;
}
.est-brief-tarjeta-titulo{
  margin:0 0 4px;
  font-size:20px;
  font-weight:500;
  line-height:1.25;
}
.est-brief-contacto-nombre{ font-size:16px; overflow-wrap:anywhere; }
.est-brief-contacto-mail{ align-self:flex-start; font-size:15px; overflow-wrap:anywhere; text-underline-offset:2px; }
.est-brief-contacto-wa{ align-self:flex-start; font-size:15px; color:var(--muted); text-underline-offset:2px; }
.est-brief-contacto-wa:hover{ color:var(--ink); }
.est-brief-nota{ font-size:14px; line-height:1.45; color:var(--muted); }

/* Botones de 48 px del diseño ("Proponer reunión", "Armar propuesta") */
.est-brief-accion{ height:48px; padding:0 20px; font-size:15px; }
/* "Descartar pedido": botón de texto de 40 px, 14 px gris subrayado */
.est-brief-descartar{ align-self:center; height:40px; padding:0; font-size:14px; }
.est-brief-descartar .spinner{ width:14px; height:14px; }

.est-brief-estado{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:6px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.est-brief-estado .campo-etiqueta{ font-size:14px; font-weight:600; color:var(--muted); }
.est-brief-estado .campo-control{ height:44px; font-size:15px; }
.est-brief-guardando{ min-height:1.2em; font-size:13px; color:var(--muted); }
.est-brief-estado .campo-error{ margin:0; }

.est-brief-notas-acciones{ display:flex; justify-content:flex-end; }
.est-brief-tarjeta .campo-error{ margin:0; }

.est-brief-pie{ margin:0; font-size:14px; line-height:1.5; color:var(--muted); }

/* ---------- Modal "Proponer reunión" ---------- */
.est-brief-modal-texto{ margin:0 0 16px; }
.est-brief-modal-extra{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:8px 16px;
  margin-top:12px;
}
.est-brief-modal-extra .btn-texto{ height:auto; padding:0; font-size:14px; }
.est-brief-modal-nota{ margin:0; font-size:14px; color:var(--muted); }
.est-brief-modal-extra + .est-brief-modal-nota{ margin-top:10px; }
.est-brief-modal .modal-pie .btn{ gap:8px; }

/* ---------- Tablet: el costado baja y sus tarjetas van de a dos ---------- */
@media (max-width: 1199px){
  .est-brief{ grid-template-columns:minmax(0, 1fr); gap:24px; margin-top:0; }
  .est-brief-lateral{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    align-items:start;
  }
  .est-brief-pie{ grid-column:1 / -1; }
}

/* ---------- Celular (lenguaje de MAdmin: cajas de 16 px de padding) ---------- */
@media (max-width: 767px){
  .est-brief{ gap:20px; }
  .est-brief-cabecera{ gap:8px; }
  .est-brief-principal{ padding:16px 16px 8px; gap:12px; }
  .est-brief-fila{ grid-template-columns:minmax(0, 1fr); gap:4px; padding:12px 0; }
  .est-brief-etiqueta{ font-size:13px; }
  .est-brief-valor{ font-size:15px; }
  .est-brief-preguntas{ padding:14px 16px; }
  .est-brief-lateral{ display:flex; align-items:stretch; gap:12px; }
  .est-brief-tarjeta{ padding:16px; }
  .est-brief-tarjeta-titulo{ font-size:19px; }
  .est-brief-accion{ height:48px; }
  .est-brief-ia-pie{ flex-direction:column; align-items:flex-start; }
}