/* Latina Pizza · Ajustes (metas, sucursales y usuarios) */


/* ---------- Ajustes: metas, sucursales y usuarios ---------- */
.titulo-acciones { display: flex; gap: 8px; flex-wrap: wrap; }
.pagina-cuerpo { display: grid; gap: 16px; min-width: 0; }
.pagina-cuerpo > .tabla-scroll { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r); }
.rejilla-form > .campo-ancho { grid-column: 1 / -1; }
.metas-cab { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.metas-cab h2 { font-size: 1.25rem; font-stretch: 108%; min-width: 11ch; text-align: center; }
.btn-flecha { min-width: 44px; padding: 0 12px; font-size: 1.4rem; line-height: 1; }
.metas { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r); display: grid; }
.meta-fila { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.9fr); gap: 10px 16px; padding: 14px 16px; border-bottom: 1px solid var(--line-2); align-items: start; }
.meta-suc { display: grid; gap: 3px; align-content: start; min-width: 0; }
.meta-suc .etiqueta { justify-self: start; margin: 0; }
.meta-campo { display: grid; gap: 4px; min-width: 0; align-content: start; }
.meta-etq { font-size: 0.8125rem; color: var(--ink-3); font-weight: 600; }
.meta-ref, .meta-avance { color: var(--ink-3); font-size: 0.8125rem; }
.meta-res { display: grid; gap: 2px; align-content: start; min-width: 0; }
.meta-res strong { font-size: 1.125rem; font-variant-numeric: tabular-nums; }
.meta-res small { color: var(--ink-3); font-size: 0.8125rem; }
.meta-res small.txt-aviso { color: var(--crust-txt); }
.meta-total { background: var(--flour); border-bottom: 0; border-radius: 0 0 var(--r) var(--r); }
.meta-total .meta-campo strong { font-size: 1.125rem; font-variant-numeric: tabular-nums; padding-top: 2px; }
.metas-acciones { justify-content: flex-start; align-items: center; }
.metas-acciones .nota { margin-left: auto; }
.tabla-aj tbody th { white-space: normal; min-width: 12rem; }
.tabla-aj .solo-movil { display: none; }
.fila-grupo th { background: var(--flour); color: var(--ink-2); font-size: 0.8125rem; font-weight: 700; padding: 8px 10px; }
.aj-quienes { border-top: 1px dashed var(--line); padding-top: 12px; display: grid; gap: 8px; justify-items: start; }
.aj-quienes h3 { font-size: 1rem; }
.aj-sucursales { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px 14px; padding-top: 4px; }
.acceso { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 14px; margin: 14px 0 10px; padding: 12px 14px; background: var(--flour); border-radius: var(--r-s); }
.acceso dt { color: var(--ink-3); }
.acceso dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.acceso-clave { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 1.2rem; font-weight: 700; letter-spacing: 0.03em; user-select: all; }
.dialogo .acciones { margin-top: 12px; }
@media (max-width: 760px) {
  .pestanas-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pestanas-3 .pestana { padding: 10px 4px; font-size: 0.9375rem; }
  .meta-fila { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 14px 12px; }
  .meta-suc, .meta-res { grid-column: 1 / -1; }
  .meta-res { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
  .meta-total .meta-suc { grid-column: 1 / -1; }
  .metas-acciones .btn-primario { flex: 1 1 100%; order: 3; }
  .metas-acciones .nota { margin-left: 0; order: 2; }
  .tabla-aj .det { display: none; }
  .tabla-aj .solo-movil { display: block; }
}

/* ---------- Copias de seguridad ---------- */
.cp-estado { display: grid; gap: 8px; justify-items: start; }
.cp-estado p { margin: 0; }
.cp-estado .registro { justify-self: stretch; overflow-wrap: anywhere; }
.cp-lista { margin: 14px 0 0; padding-left: 1.2em; display: grid; gap: 6px; color: var(--ink-2); }
.tabla-cp tbody th { white-space: nowrap; font-weight: 600; }
.tabla-cp .cp-detalle { max-width: 34rem; white-space: normal; overflow-wrap: anywhere; margin-top: 2px; }
@media (max-width: 760px) {
  .pestanas-5 .pestana:last-child { grid-column: 1 / -1; }
  .tabla-cp .det { display: none; }
  .tabla-cp tbody th { white-space: normal; min-width: 6.5rem; }
}