/* Micro Sitio Administracion — contenedor y secciones internas.
   Vive en la zona index del shell, asi que no puede reusar las clases
   .ind-card/.zone-visitas de visitas.css. */

.ms-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;
  border-bottom:1px solid var(--border);padding-bottom:10px}
.ms-tab{background:none;border:1px solid transparent;border-radius:6px;
  padding:7px 13px;cursor:pointer;font-family:inherit;font-size:.83rem;
  font-weight:600;color:var(--text-muted);white-space:nowrap}
.ms-tab:hover{background:var(--bg-soft);color:var(--text)}
.ms-tab.activa{background:var(--teal);color:#fff}
.ms-tab.pendiente{opacity:.45;cursor:default}
.ms-tab.pendiente:hover{background:none;color:var(--text-muted)}

.ms-barra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  justify-content:space-between;margin-bottom:14px}
.ms-buscar{flex:1;min-width:200px;padding:8px 11px;font-size:.85rem;
  border:1px solid var(--border);border-radius:6px;background:var(--white);
  color:var(--text);font-family:inherit}

.ms-card{background:var(--white);border:1px solid var(--border);
  border-radius:8px;padding:14px;margin-bottom:14px}

/* La tabla scrollea dentro de su caja; el shell nunca scrollea en horizontal */
.ms-tabla-wrap{overflow-x:auto}
.ms-tabla{width:100%;border-collapse:collapse;font-size:.82rem;min-width:760px}
.ms-tabla th{text-align:left;font-size:.68rem;text-transform:uppercase;
  letter-spacing:.5px;color:var(--text-muted);font-weight:600;
  padding:8px 10px;border-bottom:2px solid var(--border);white-space:nowrap}
.ms-tabla td{padding:9px 10px;border-bottom:1px solid var(--border);
  vertical-align:top}
.ms-tabla tbody tr:hover{background:var(--bg-soft)}
.ms-principal{font-weight:600}
.ms-sub{font-size:.72rem;color:var(--text-muted);margin-top:1px}

.ms-chip{display:inline-block;padding:2px 8px;border-radius:20px;
  font-size:.71rem;font-weight:600;white-space:nowrap}
.ms-chip.ok{background:var(--green-bg);color:var(--green)}
.ms-chip.alerta{background:var(--yellow-bg);color:var(--yellow)}
.ms-chip.vencido{background:var(--red-bg);color:var(--red)}
.ms-chip.neutro{background:var(--bg-soft);color:var(--text-muted)}

/* Formulario en rejilla que colapsa a una columna en movil */
.ms-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px}
.ms-campo{display:flex;flex-direction:column;gap:4px}
.ms-campo.ancho{grid-column:1/-1}
.ms-campo label{font-size:.72rem;font-weight:600;color:var(--text-muted);
  text-transform:uppercase;letter-spacing:.4px}
.ms-campo input,.ms-campo select,.ms-campo textarea{
  padding:8px 10px;font-size:.85rem;border:1px solid var(--border);
  border-radius:6px;background:var(--white);color:var(--text);
  font-family:inherit;width:100%}
.ms-campo textarea{min-height:64px;resize:vertical}
.ms-acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}

.ms-vacio{text-align:center;padding:34px 16px;color:var(--text-muted);
  font-size:.87rem}

.ms-mant{margin:0;padding-left:16px;font-size:.75rem;color:var(--text-muted)}
.ms-mant li{margin:1px 0}

@media(max-width:640px){
  .ms-tabs{gap:4px}
  .ms-tab{padding:6px 10px;font-size:.78rem}
}