/**
 * SIMA — Panel SuperAdmin de CIMA
 * Archivo  : style/dataservices.css
 * Función  : estilos del módulo "Servicios de datos" (catálogo + operar por tenant:
 *            importar/exportar/solicitudes). Todo por variables del tema (--win-*,
 *            --matrix-color, --accent-rgb) — cero hex/rgb literales de marca.
 * Copyright: © 2024–2026 CIMA Development Group. Todos los derechos reservados.
 */

/* Inputs inline del catálogo (nombre/precio editables en la fila) */
#sima-panel .svc-inline-input { width:100%; box-sizing:border-box; background:var(--win-bg); border:1px solid var(--win-border); color:var(--win-text); border-radius:6px; padding:5px 8px; font-size:.82rem; font-family:inherit; outline:none; }
#sima-panel .svc-inline-input:focus { border-color:var(--matrix-color); }
#sima-panel .svc-inline-input:disabled { opacity:.5; cursor:not-allowed; }

/* Selector de tenant: combobox buscable + chip de selección */
#sima-panel .svc-picker { position:relative; max-width:440px; }
#sima-panel .svc-picker input { width:100%; box-sizing:border-box; background:var(--win-bg); border:1px solid var(--win-border); color:var(--win-text); border-radius:8px; padding:8px 12px; font-size:.85rem; font-family:inherit; outline:none; }
#sima-panel .svc-picker input:focus { border-color:var(--matrix-color); }
#sima-panel .svc-picker-dd { position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:40; max-height:260px; overflow:auto; background:var(--win-pop); border:1px solid var(--win-border); border-radius:10px; box-shadow:0 14px 40px rgba(0,0,0,.5); padding:5px; }
#sima-panel .svc-picker-it { display:flex; align-items:center; gap:8px; padding:7px 9px; border-radius:7px; cursor:pointer; font-size:.82rem; color:var(--win-text); }
#sima-panel .svc-picker-it:hover { background:var(--win-hover); }
#sima-panel .svc-chip { display:inline-flex; align-items:center; gap:8px; background:rgba(var(--accent-rgb),.12); border:1px solid rgba(var(--accent-rgb),.3); color:var(--matrix-color); border-radius:999px; padding:6px 14px; font-size:.84rem; }
#sima-panel .svc-chip .bi-x { cursor:pointer; opacity:.75; }
#sima-panel .svc-chip .bi-x:hover { opacity:1; }

/* Pestañas del panel de tenant (Importar / Exportar / Solicitudes) */
#sima-panel .svc-tabs { display:flex; gap:4px; border-bottom:1px solid var(--win-border); margin-bottom:14px; }
#sima-panel .svc-tab { padding:8px 14px; font-size:.82rem; font-weight:600; color:var(--win-muted); cursor:pointer; border-bottom:2px solid transparent; user-select:none; }
#sima-panel .svc-tab:hover { color:var(--win-text); }
#sima-panel .svc-tab.active { color:var(--matrix-color); border-bottom-color:var(--matrix-color); }

/* Importar: fila de archivo + estadísticas del preview */
#sima-panel .svc-file-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
#sima-panel .svc-file-row input[type=file] { font-size:.8rem; color:var(--win-text); max-width:100%; }
#sima-panel .svc-stats { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
#sima-panel .svc-stat { background:var(--win-card); border:1px solid var(--win-border); border-radius:9px; padding:8px 16px; text-align:center; min-width:86px; }
#sima-panel .svc-stat .n { font-size:1.15rem; font-weight:700; color:var(--win-text); }
#sima-panel .svc-stat .l { font-size:.66rem; color:var(--win-muted); text-transform:uppercase; letter-spacing:.4px; }
#sima-panel .svc-stat.ok .n { color:var(--matrix-color); }
#sima-panel .svc-stat.warn .n { color:#fbbf24; }
#sima-panel .svc-stat.err .n { color:#ff6666; }

/* Estado de cada fila del preview */
#sima-panel .svc-row-status { font-size:.68rem; padding:2px 9px; border-radius:10px; font-weight:600; white-space:nowrap; }
#sima-panel .svc-row-status.valid { background:rgba(var(--accent-rgb),.12); color:var(--matrix-color); border:1px solid rgba(var(--accent-rgb),.3); }
#sima-panel .svc-row-status.duplicate { background:rgba(245,158,11,.15); color:#fbbf24; border:1px solid rgba(245,158,11,.3); }
#sima-panel .svc-row-status.error { background:rgba(255,68,68,.12); color:#ff6666; border:1px solid rgba(255,68,68,.25); }

/* Barra de progreso de la importación (commit en bucle) */
#sima-panel .svc-progress-wrap { margin:14px 0; }
#sima-panel .svc-progress-bar { height:8px; border-radius:5px; background:var(--win-card); border:1px solid var(--win-border); overflow:hidden; }
#sima-panel .svc-progress-fill { height:100%; background:var(--matrix-color); transition:width .2s; }
#sima-panel .svc-progress-txt { font-size:.76rem; color:var(--win-muted); margin-top:6px; }

@media (max-width: 720px) {
    #sima-panel .svc-picker { max-width:100%; }
    #sima-panel .svc-stats { gap:6px; }
    #sima-panel .svc-stat { min-width:70px; padding:6px 10px; }
}