/* Marcas → Informes: los meses como una línea de tiempo; cada uno con su estado, su titular, tres cifras y lo que se
   puede hacer. Solo tokens del tema. */
.in-meses{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;position:relative}
.in-meses::before{content:"";position:absolute;left:47px;top:10px;bottom:10px;width:1px;background:var(--mc-borde)}
.in-mes{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;position:relative;animation:in-entra .3s ease both;animation-delay:calc(var(--i,0) * 35ms)}
.in-fecha{position:relative;z-index:1;display:grid;place-items:center;align-content:center;align-self:start;width:96px;height:72px;border-radius:14px;
  border:1px solid var(--mc-borde);background:var(--panel);text-align:center}
.in-fecha b{font:600 15px/1.1 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;color:var(--text-strong)}
.in-fecha span{color:var(--muted);font-size:11px;letter-spacing:.08em}
.in-mes.ok .in-fecha{border-color:rgba(var(--ok-rgb),.5);box-shadow:inset 0 -3px 0 rgba(var(--ok-rgb),.6)}
.in-mes.espera .in-fecha{border-color:rgba(var(--warn-rgb),.5);box-shadow:inset 0 -3px 0 rgba(var(--warn-rgb),.7)}
.in-mes.cambios .in-fecha{border-color:rgba(var(--danger-rgb),.45);box-shadow:inset 0 -3px 0 rgba(var(--danger-rgb),.6)}
.in-mes.borrador .in-fecha{box-shadow:inset 0 -3px 0 rgba(var(--accent-rgb),.55)}
.in-mes.vacio .in-fecha{border-style:dashed;opacity:.8}
.in-cuerpo{display:grid;gap:8px;min-width:0;padding:12px 14px;border-radius:14px;border:1px solid var(--mc-borde);background:var(--mc-panel-2)}
.in-mes.vacio .in-cuerpo{background:transparent;border-style:dashed}
.in-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.in-cab h4{margin:0;font-size:14px;color:var(--text-strong)}
.in-estado{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid var(--mc-borde);color:var(--muted)}
.in-estado.ok{color:var(--ok);border-color:rgba(var(--ok-rgb),.45);background:rgba(var(--ok-rgb),.1)}
.in-estado.espera{color:var(--warn);border-color:rgba(var(--warn-rgb),.45);background:rgba(var(--warn-rgb),.1)}
.in-estado.cambios{color:var(--danger);border-color:rgba(var(--danger-rgb),.45);background:rgba(var(--danger-rgb),.08)}
.in-estado.borrador{color:var(--accent);border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.08)}
.in-titular{margin:0;font:italic 15px/1.45 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;color:var(--text)}
.in-vacio{margin:0;color:var(--muted);font-size:12.5px}
.in-cifras{display:flex;flex-wrap:wrap;gap:6px}
.in-cifra{padding:3px 9px;border-radius:999px;background:rgba(var(--fg-rgb),.05);font-size:12px;color:var(--muted)}
.in-cifra b{color:var(--text-strong);font-variant-numeric:tabular-nums}
.in-meta{color:var(--muted);font-size:11.5px}
.in-nota{display:flex;gap:8px;margin:0;padding:8px 11px;border-radius:10px;background:rgba(var(--danger-rgb),.08);font-size:12.5px;line-height:1.45}
.in-nota svg.lucide{flex:none;width:15px;height:15px;margin-top:2px;color:var(--danger)}
.in-nota.in-revisar{background:rgba(var(--warn-rgb),.1)}
.in-nota.in-revisar svg.lucide{color:var(--warn)}
.in-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.in-acciones .btn svg.lucide{width:15px;height:15px}
.in-acciones .mc-estado:empty{display:none}
.in-editor,.in-cambios{display:grid;gap:10px;margin-top:4px;padding:14px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.05)}
.in-editor-cab{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.in-editor-cab b{color:var(--text-strong)}
.in-editor-cab span{flex:1;min-width:220px;color:var(--muted);font-size:12px}
.in-editor-listas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.in-editor textarea,.in-editor input,.in-cambios textarea{width:100%}
.in-cambios label{font-size:12px;color:var(--muted);font-weight:600}
@keyframes in-entra{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media (max-width:900px){.in-editor-listas{grid-template-columns:1fr}}
@media (max-width:640px){
  .in-meses::before{left:15px}
  .in-mes{grid-template-columns:1fr;gap:6px}
  .in-fecha{width:auto;height:auto;padding:6px 12px;place-items:start;display:flex;gap:8px;align-items:baseline;border-radius:999px;justify-self:start}
  .in-acciones .btn{flex:1 1 calc(50% - 8px);justify-content:center}
}
@media (prefers-reduced-motion:reduce){.in-mes{animation:none}}