/* GOBOTS · Bloque 1 — estilos compartidos de las pantallas de gestión (F008/F009/F010/F011/F012/F006).
   Reutiliza las variables del design-system (app.css). Un solo archivo para no duplicar CSS por página. */
/* Paleta GoBots (violeta) — mismo lenguaje que la bandeja (.gb2). */
.gbx-wrap { --gbx-acc:#6d28d9; --gbx-acc-bg:#f3f0ff; --gbx-bd:#eceef5;
            padding: 0; background:transparent; min-height: 0; }

/* Rediseño 2026-08-13: el módulo ocupa la PANTALLA COMPLETA. Nada de una tarjeta blanca envolviendo
   todo: cada bloque (tarjetas, tabla, paneles) trae su propio fondo sobre el gris de la página. */
.gbx-box { background:transparent; border:none; border-radius:0; box-shadow:none; padding:0; overflow:visible; }

.gbx-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.gbx-title { font-size:1.2rem; font-weight:700; color:var(--text-primary,#1a1a2e); }
.gbx-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }

/* sub-navegación del Centro GoBots — pestañas en pastilla violeta (igual que el rail de estados). */
.gbx-nav { display:flex; gap:4px; overflow-x:auto; }
.gbx-nav a { padding:8px 14px; font-size:.88rem; color:var(--text-secondary,#64748b); text-decoration:none; border-radius:10px; white-space:nowrap; }
.gbx-nav a:hover { color:var(--text-primary,#1a1a2e); background:#f8fafc; }
.gbx-nav a.on { color:var(--gbx-acc,#7c3aed); background:var(--gbx-acc-bg,#f3f0ff); font-weight:600; }
/* grupo alineado a la derecha (Métricas · IA): botones de acceso con ícono SVG que denota su función. */
.gbx-nav-right { margin-left:auto; display:flex; gap:4px; align-items:center; flex:none; }
.gbx-nav a.gbx-nav-ic { display:inline-flex; align-items:center; gap:6px; }
.gbx-nav a.gbx-nav-ic svg { width:16px; height:16px; flex:none; }

.gbx-card { background:var(--card-bg,#fff); border:1px solid var(--border,#e2e8f0); border-radius:var(--radius-lg,16px); box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.06)); padding:16px; }
.gbx-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }

.gbx-input, .gbx-select, .gbx-textarea { width:100%; border:1px solid var(--border,#e2e8f0); border-radius:var(--radius-sm,6px); padding:9px 11px; font-size:.9rem; background:#fff; color:var(--text-primary,#1a1a2e); box-sizing:border-box; }
.gbx-textarea { resize:vertical; min-height:80px; }
.gbx-label { display:block; font-size:.8rem; color:var(--text-secondary,#64748b); margin:10px 0 4px; }

.gbx-btn { border:1px solid var(--border,#e2e8f0); background:#fff; border-radius:var(--radius-sm,6px); padding:8px 14px; font-size:.88rem; cursor:pointer; color:var(--text-primary,#1a1a2e); }
.gbx-btn:hover { background:#f8fafc; }
.gbx-btn-primary { background:var(--gbx-acc,#7c3aed); border-color:var(--gbx-acc,#7c3aed); color:#fff; }
.gbx-btn-primary:hover { background:#6d28d9; }
.gbx-btn-danger { color:var(--danger,#ef4444); border-color:#fecaca; }
.gbx-btn:disabled { opacity:.6; cursor:default; }
.gbx-btn-sm { padding:4px 9px; font-size:.8rem; }

.gbx-table { width:100%; border-collapse:collapse; font-size:.88rem; }
.gbx-table th { text-align:left; color:var(--text-secondary,#64748b); font-weight:600; font-size:.78rem; text-transform:uppercase; letter-spacing:.03em; padding:8px 10px; border-bottom:1px solid var(--border,#e2e8f0); }
.gbx-table td { padding:9px 10px; border-bottom:1px solid #f1f5f9; color:var(--text-primary,#1a1a2e); vertical-align:middle; }
.gbx-table tr:hover td { background:#f8fafc; }

.gbx-chip { display:inline-flex; align-items:center; gap:6px; font-size:.78rem; border:1px solid var(--border,#e2e8f0); border-radius:12px; padding:2px 9px; }
.gbx-dot { width:10px; height:10px; border-radius:50%; display:inline-block; }
.gbx-count { background:#e2e8f0; color:#475569; border-radius:10px; padding:0 8px; font-size:.75rem; }
.gbx-switch { display:inline-flex; align-items:center; gap:6px; cursor:pointer; font-size:.85rem; }

.gbx-tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-bottom:16px; }
.gbx-tile { background:var(--card-bg,#fff); border:1px solid var(--border,#e2e8f0); border-radius:var(--radius-lg,16px); padding:16px; box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.06)); }
.gbx-tile-l { font-size:.8rem; color:var(--text-secondary,#64748b); }
.gbx-tile-n { font-size:1.7rem; font-weight:700; color:var(--text-primary,#1a1a2e); margin-top:4px; }

.gbx-bar { height:8px; background:#eef2f7; border-radius:6px; overflow:hidden; }
.gbx-bar > span { display:block; height:100%; background:var(--gbx-acc,#7c3aed); }
.gbx-empty { padding:26px; text-align:center; color:var(--text-muted,#94a3b8); }
.gbx-muted { color:var(--text-secondary,#64748b); font-size:.85rem; }

@media (max-width: 820px) { .gbx-grid2 { grid-template-columns:1fr; } }