/* ═══════════════════════════════════════════════════════════
   Alcogal — Sistema de diseno (compartido con el Gestor Documental)
   Marca: azul marino #15233f · acento teal #1aafba · Montserrat
   ═══════════════════════════════════════════════════════════ */

/* ── Reset & Base ─────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Montserrat',system-ui,sans-serif;font-size:13px;background:#f0f2f6;color:#1e293b;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px;}
::-webkit-scrollbar-thumb:hover{background:#94a3b8;}

/* ── Layout ───────────────────────────────────────────────────── */
#root{display:flex;flex-direction:column;height:100vh;overflow:hidden;}

.app-header{
  background:#15233f;
  color:#fff;height:62px;display:flex;align-items:center;padding:0 20px;
  gap:14px;flex-shrink:0;z-index:100;
  border-bottom:1px solid rgba(0,0,0,0.15);
  box-shadow:0 1px 3px rgba(0,0,0,0.2),0 4px 16px rgba(0,0,0,0.12);}
.app-header .logo{
  font-weight:700;font-size:15px;letter-spacing:.3px;white-space:nowrap;
  display:flex;align-items:center;gap:8px;cursor:pointer;}
.app-header .logo-img{height:42px;object-fit:contain;display:block;}
.app-header .logo-dot{
  width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,#38bdf8,#6366f1);flex-shrink:0;}
.app-header .brand{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1;}
.app-header .subtitle{font-size:13px;color:#fff;font-weight:700;opacity:.85;letter-spacing:.1px;}
.header-user{display:flex;align-items:center;gap:10px;font-size:12px;}
.header-user .avatar{
  width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,#3b82f6,#6366f1);
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:12px;color:#fff;flex-shrink:0;
  box-shadow:0 0 0 2px rgba(255,255,255,0.15);}
.header-btn{
  background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);
  color:#fff;padding:5px 12px;border-radius:6px;cursor:pointer;
  font-size:11.5px;font-family:inherit;font-weight:500;
  transition:all .15s;}
.header-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);}

.app-body{display:flex;flex:1;overflow:hidden;}

/* ── Sidebar ──────────────────────────────────────────────────── */
.sidebar-wrapper{position:relative;display:flex;flex-shrink:0;}
.sidebar{
  width:262px;background:#15233f;
  display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;
  border-right:1px solid rgba(0,0,0,0.15);
  transition:width .2s ease,min-width .2s ease;}
.sidebar.collapsed{width:0;min-width:0;overflow:hidden;border-right:none;}
.sidebar-toggle{
  position:absolute;top:50%;transform:translateY(-50%);
  left:0;z-index:200;
  width:18px;height:48px;
  background:#15233f;border:none;border-radius:0 6px 6px 0;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:11px;opacity:.85;transition:opacity .15s,left .2s ease;
  box-shadow:2px 0 6px rgba(0,0,0,0.2);}
.sidebar-toggle:hover{opacity:1;}
.sidebar-title{
  color:rgba(255,255,255,0.6);font-size:10px;font-weight:700;
  letter-spacing:1.2px;padding:14px 14px 8px;text-transform:uppercase;}

/* Tree */
.tree-group{border-bottom:1px solid rgba(255,255,255,0.08);}
.tree-group-header{
  display:flex;align-items:center;gap:8px;padding:9px 12px;
  cursor:pointer;user-select:none;border-left:3px solid transparent;
  transition:all .15s;}
.tree-group-header:hover{background:rgba(255,255,255,0.08);}
.tree-group-header.active-group{border-left-color:#1aafba;background:rgba(26,175,186,0.15);}
.tree-group-label{font-weight:600;font-size:11.5px;color:#fff;flex:1;}
.tree-group-header.active-group .tree-group-label{color:#7de8ef;font-weight:700;}
.tree-group-icon{width:16px;height:16px;color:rgba(255,255,255,0.6);flex-shrink:0;}
.tree-chevron{color:rgba(255,255,255,0.4);transition:transform .15s;flex-shrink:0;}
.tree-chevron.open{transform:rotate(90deg);}

.tree-children{background:rgba(0,0,0,0.15);}
.tree-item{
  display:flex;align-items:center;gap:8px;
  padding:7px 12px 7px 30px;cursor:pointer;
  border-left:3px solid transparent;transition:all .12s;}
.tree-item:hover{background:rgba(255,255,255,0.08);}
.tree-item.active{background:rgba(26,175,186,0.2);border-left-color:#1aafba;}
.tree-item-dot{
  width:4px;height:4px;border-radius:50%;
  background:rgba(255,255,255,0.35);flex-shrink:0;}
.tree-item.active .tree-item-dot{background:#1aafba;opacity:1;}
.tree-item-label{font-size:11px;color:rgba(255,255,255,0.75);line-height:1.4;}
.tree-item.active .tree-item-label{color:#7de8ef;font-weight:600;opacity:1;}

/* ── Content ──────────────────────────────────────────────────── */
.content{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:18px;}

/* ── Card ─────────────────────────────────────────────────────── */
.card{
  background:#fff;border-radius:12px;
  border:1px solid #e2e8f0;
  box-shadow:0 1px 3px rgba(0,0,0,0.05),0 4px 12px rgba(0,0,0,0.04);}
.card-header{
  padding:13px 18px;border-radius:12px 12px 0 0;
  font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;
  border-bottom:1px solid rgba(0,0,0,0.1);
  background:#15233f;
  color:#fff;letter-spacing:.2px;}
.card-body{padding:20px 22px;}

/* ── Form ─────────────────────────────────────────────────────── */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;}
.form-grid.single{grid-template-columns:1fr;}
.form-group{display:flex;flex-direction:column;gap:5px;}
.form-label{font-size:12px;font-weight:600;color:#475569;letter-spacing:.1px;}
.form-label.required::before{content:'* ';color:#ef4444;}
.form-input,.form-select{
  width:100%;padding:8px 11px;font-size:12.5px;
  border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;
  color:#1e293b;transition:border-color .15s,box-shadow .15s;
  font-family:inherit;line-height:1.4;}
.form-input:focus,.form-select:focus{
  outline:none;border-color:#3b82f6;
  box-shadow:0 0 0 3px rgba(59,130,246,0.12);}
.form-input:disabled,.form-select:disabled{
  background:#f8fafc;color:#94a3b8;
  border-color:#e2e8f0;cursor:default;}
.form-input.autofilled,.form-select.autofilled{
  background:#f0f9ff;border-color:#93c5fd;color:#1e40af;}

/* ── Buttons ─────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:6px;padding:8px 16px;
  border:none;border-radius:8px;font-size:12.5px;font-weight:600;
  cursor:pointer;transition:all .15s;font-family:inherit;letter-spacing:.1px;}
.btn:active{transform:translateY(1px);}
.btn-primary{background:#2563eb;color:#fff;box-shadow:0 1px 3px rgba(37,99,235,0.3);}
.btn-primary:hover{background:#1d4ed8;box-shadow:0 2px 8px rgba(37,99,235,0.4);}
.btn-primary:disabled{background:#93c5fd;box-shadow:none;cursor:not-allowed;transform:none;}
.btn-success{
  background:linear-gradient(135deg,#059669,#047857);color:#fff;
  box-shadow:0 1px 3px rgba(5,150,105,0.3);}
.btn-success:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 2px 8px rgba(5,150,105,0.4);}
.btn-success:disabled{background:#6ee7b7;box-shadow:none;cursor:not-allowed;transform:none;}
.btn-secondary{
  background:#f8fafc;color:#475569;
  border:1.5px solid #e2e8f0;font-weight:500;}
.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b;}
.btn-sm{padding:5px 11px;font-size:11.5px;}
.btn-query{
  background:linear-gradient(135deg,#47568c,#61729b);color:#fff;
  padding:7px 14px;font-size:12px;font-weight:700;letter-spacing:.2px;
  box-shadow:0 1px 4px rgba(71,86,140,0.3);}
.btn-query:hover{box-shadow:0 2px 10px rgba(71,86,140,0.4);}

/* ── Status / Alert ──────────────────────────────────────────── */
.alert{
  padding:10px 14px;border-radius:8px;font-size:12px;
  display:flex;align-items:flex-start;gap:9px;}
.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;}
.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;}
.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;}
.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e;}

/* ── Path Preview ─────────────────────────────────────────────── */
.path-preview{
  background:#f8fafc;border:1.5px solid #e2e8f0;
  border-radius:8px;padding:11px 14px;
  font-family:'Cascadia Code','Consolas',monospace;
  font-size:11.5px;color:#475569;line-height:1.9;}
.path-segment{color:#1e3a5f;font-weight:700;}
.path-sep{color:#94a3b8;}
.path-file{color:#2563eb;font-weight:700;}
.path-exists{color:#dc2626;font-style:italic;}

/* ── Spinner ──────────────────────────────────────────────────── */
.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,0.25);
  border-top-color:currentColor;border-radius:50%;
  animation:spin .65s linear infinite;flex-shrink:0;}
.spinner-dark{border-color:rgba(59,130,246,0.2);border-top-color:#3b82f6;}
@keyframes spin{to{transform:rotate(360deg);}}

/* ── Login ────────────────────────────────────────────────────── */
.login-wrap{
  min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;
  background:#fff;}
.login-card{
  background:#fff;border-radius:16px;width:380px;
  box-shadow:0 24px 80px rgba(0,0,0,0.45),0 0 0 1px rgba(255,255,255,0.05);
  overflow:hidden;}
.login-header{
  background:#15233f;
  padding:32px 32px 28px;text-align:center;color:#fff;}
.login-header h1{font-size:21px;font-weight:700;letter-spacing:.3px;margin-bottom:5px;}
.login-header p{font-size:16px;color:#fff;font-weight:700;opacity:1;}
.login-body{padding:28px 30px 32px;display:flex;flex-direction:column;gap:16px;}
.login-ms-btn{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:12px;border:1.5px solid #e2e8f0;border-radius:10px;
  background:#fff;cursor:pointer;font-size:13px;font-weight:600;
  color:#1e293b;transition:all .15s;font-family:inherit;}
.login-ms-btn:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,0.15);}
.login-ms-btn:disabled{opacity:.5;cursor:not-allowed;}
.login-divider{
  text-align:center;font-size:11px;color:#94a3b8;position:relative;}
.login-divider::before,.login-divider::after{
  content:'';position:absolute;top:50%;width:38%;height:1px;background:#e2e8f0;}
.login-divider::before{left:0;}.login-divider::after{right:0;}

/* ── Pagina de inicio (Landing) ───────────────────────────────── */
.welcome-card{
  background:#fff;border-radius:14px;border:1px solid #e2e8f0;
  box-shadow:0 1px 3px rgba(0,0,0,0.05),0 4px 12px rgba(0,0,0,0.04);
  padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.welcome-left{display:flex;align-items:center;gap:16px;}
.avatar-lg{width:46px;height:46px;font-size:16px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:700;color:#fff;flex-shrink:0;
  background:linear-gradient(135deg,#3b82f6,#6366f1);
  box-shadow:0 0 0 3px rgba(59,130,246,0.12);}
.welcome-title{font-size:18px;font-weight:700;color:#1e293b;letter-spacing:.2px;}
.welcome-sub{font-size:12.5px;color:#64748b;margin-top:3px;}
.welcome-version{text-align:right;flex-shrink:0;}
.welcome-version-label{font-size:10px;font-weight:700;letter-spacing:1px;color:#94a3b8;text-transform:uppercase;}
.welcome-version-num{font-size:15px;font-weight:700;color:#475569;}

.tools-section-label{
  font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:#64748b;margin:4px 2px -4px;}

.tools-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:18px;}
.tool-card{
  text-align:left;font-family:inherit;cursor:pointer;
  background:#fff;border:1px solid #e2e8f0;border-radius:14px;
  box-shadow:0 1px 3px rgba(0,0,0,0.05),0 4px 12px rgba(0,0,0,0.04);
  padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px;
  transition:transform .15s,box-shadow .15s,border-color .15s;}
.tool-card:hover{transform:translateY(-3px);border-color:#c7d2fe;
  box-shadow:0 6px 16px rgba(37,99,235,0.14),0 2px 6px rgba(0,0,0,0.06);}
.tool-card:active{transform:translateY(-1px);}
.tool-card-icon{font-size:30px;line-height:1;}
.tool-card-title{font-size:15px;font-weight:700;color:#1e293b;letter-spacing:.2px;}
.tool-card-desc{font-size:12px;color:#64748b;line-height:1.55;flex:1;}
.tool-badge{
  display:inline-flex;align-items:center;gap:5px;align-self:flex-start;
  padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;margin-top:4px;}
.tool-badge.ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
.tool-badge.dev{background:#fffbeb;color:#92400e;border:1px solid #fde68a;}

/* ── Placeholder ──────────────────────────────────────────────── */
.placeholder{
  flex:1;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:14px;color:#94a3b8;padding:40px;}
.placeholder-icon{font-size:52px;opacity:.35;}
.placeholder-text{font-size:15px;font-weight:600;text-align:center;color:#64748b;}
.placeholder-sub{font-size:12px;text-align:center;max-width:280px;line-height:1.6;color:#94a3b8;}

/* ── Upload Area ──────────────────────────────────────────────── */
.upload-area{
  display:block;width:100%;box-sizing:border-box;
  border:2px dashed #cbd5e1;border-radius:10px;padding:28px 20px;
  text-align:center;cursor:pointer;background:#f8fafc;
  transition:all .2s;}
.upload-area:hover,.upload-area.drag{
  border-color:#3b82f6;background:#eff6ff;
  box-shadow:0 0 0 4px rgba(59,130,246,0.08);}
.upload-area.file-selected{border-color:#059669;background:#f0fdf4;border-style:solid;}
.upload-area input[type=file]{display:none;}
.upload-icon{font-size:30px;opacity:.6;margin-bottom:8px;}
.upload-text{font-size:12.5px;color:#64748b;font-weight:500;word-break:break-all;}

/* ── Notificaciones (toast) ───────────────────────────────────── */
.notif{position:fixed;top:64px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;}
.notif-item{
  position:relative;background:#fff;border-radius:10px;border-left:4px solid #3b82f6;
  padding:12px 32px 12px 16px;
  box-shadow:0 4px 6px rgba(0,0,0,0.07),0 10px 24px rgba(0,0,0,0.1);
  min-width:270px;max-width:350px;pointer-events:all;
  animation:slideIn .22s cubic-bezier(.34,1.56,.64,1);font-size:12.5px;}
.notif-item.success{border-left-color:#059669;}
.notif-item.error{border-left-color:#dc2626;}
.notif-close{position:absolute;top:6px;right:8px;background:none;border:none;cursor:pointer;font-size:14px;color:#64748b;line-height:1;padding:0;}
.notif-close:hover{color:#1e293b;}
.notif-title{font-weight:700;margin-bottom:3px;font-size:12.5px;color:#1e293b;}
@keyframes slideIn{from{transform:translateX(40px);opacity:0;}to{transform:translateX(0);opacity:1;}}

/* ── Dark Mode ─────────────────────────────────────────────── */
body.dark-mode{background:#0d1117;color:#e6edf3;}
body.dark-mode ::-webkit-scrollbar-thumb{background:#30363d;}
body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#484f58;}
body.dark-mode .content{background:#0d1117;}
body.dark-mode .app-header,
body.dark-mode .sidebar,
body.dark-mode .sidebar-toggle{background:#56585a;}
body.dark-mode .card{background:#161b22;border-color:#30363d;}
body.dark-mode .card-header{background:#56585a;border-color:#30363d;}
body.dark-mode .form-input,
body.dark-mode .form-select{background:#0d1117;border-color:#30363d;color:#e6edf3;}
body.dark-mode .form-input:disabled,
body.dark-mode .form-select:disabled{background:#161b22;color:#6e7681;}
body.dark-mode .form-input.autofilled,
body.dark-mode .form-select.autofilled{background:#0d2137;border-color:#1f6feb;color:#79c0ff;}
body.dark-mode .form-label{color:#8b949e;}
body.dark-mode .btn-secondary{background:#21262d;border-color:#30363d;color:#c9d1d9;}
body.dark-mode .btn-secondary:hover{background:#30363d;color:#e6edf3;}
body.dark-mode .path-preview{background:#0d1117;border-color:#30363d;color:#8b949e;}
body.dark-mode .path-segment{color:#79c0ff;}
body.dark-mode .path-file{color:#58a6ff;}
body.dark-mode .upload-area{background:#0d1117;border-color:#30363d;}
body.dark-mode .upload-text,body.dark-mode .placeholder-text{color:#8b949e;}
body.dark-mode .notif-item{background:#161b22;}
body.dark-mode .notif-title{color:#e6edf3;}
body.dark-mode .welcome-card,
body.dark-mode .tool-card{background:#161b22;border-color:#30363d;}
body.dark-mode .welcome-title,
body.dark-mode .tool-card-title{color:#e6edf3;}
body.dark-mode .welcome-sub,
body.dark-mode .tool-card-desc,
body.dark-mode .tools-section-label{color:#8b949e;}
body.dark-mode .welcome-version-num{color:#c9d1d9;}
body.dark-mode .tool-card:hover{border-color:#1f6feb;}
body.dark-mode .login-wrap{background:radial-gradient(ellipse at 60% 40%,#0e1a2e 0%,#060d18 60%,#020609 100%);}
body.dark-mode .login-card{background:#161b22;box-shadow:0 24px 80px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.04);}
body.dark-mode .login-header{background:#56585a;}
body.dark-mode .login-body{background:#161b22;}
body.dark-mode .login-ms-btn{background:#21262d;border-color:#30363d;color:#e6edf3;}
body.dark-mode .login-ms-btn:hover{background:#30363d;border-color:#388bfd;}
body.dark-mode .login-divider{color:#484f58;}
body.dark-mode .login-divider::before,body.dark-mode .login-divider::after{background:#21262d;}

/* ═══════ Flujo de Documentos ═══════ */
.section-title{font-size:18px;font-weight:700;color:#15233f;margin:2px 0 14px;}
.flujo-seclabel{font-size:11.5px;font-weight:700;color:#94a3b8;letter-spacing:.8px;
  text-transform:uppercase;margin:2px 0 10px;}
.flujo-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.flujo-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;
  color:#1e3a5f;background:#eef4ff;border:1px solid #cfe0ff;border-radius:999px;padding:4px 12px;}
.res-lista{margin-top:8px;border:1px solid #e2e8f0;border-radius:8px;max-height:260px;overflow-y:auto;}
.res-item{display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:8px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9;}
.res-item:last-child{border-bottom:none;}
.res-item:nth-child(even){background:#f8fafc;}
.res-item:hover{background:#eef4ff;}
.archivo-lista{margin-top:8px;display:flex;flex-direction:column;gap:4px;}
.archivo-item{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:6px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;font-size:12.5px;}
.bstatus{display:inline-block;font-size:10.5px;font-weight:700;border:1px solid;border-radius:6px;padding:2px 7px;white-space:nowrap;}
.seg-chip{display:inline-block;font-size:11px;font-weight:700;color:#7c3aed;background:#f3e8ff;
  border:1px solid #d8b4fe;border-radius:6px;padding:2px 7px;white-space:nowrap;}
.flujo-thumb{width:46px;height:60px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;
  display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;padding:0;}
.flujo-thumb img{width:100%;height:100%;object-fit:cover;}
.flujo-thumb:hover{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.12);}
.flujo-modal-overlay{position:fixed;inset:0;background:rgba(2,8,23,0.55);z-index:1000;
  display:flex;align-items:center;justify-content:center;}
.flujo-modal{background:#fff;border-radius:12px;width:82vw;max-width:1100px;height:92vh;
  display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,0.45);}
.flujo-modal-header{padding:12px 16px;background:#15233f;color:#fff;font-weight:600;font-size:13px;
  display:flex;justify-content:space-between;align-items:center;gap:10px;}
.flujo-modal-body{flex:1;min-height:0;}
.flujo-modal-body iframe,.flujo-modal-body img{width:100%;height:100%;border:none;object-fit:contain;background:#334155;}
.flujo-tabla{width:100%;border-collapse:collapse;font-size:12.5px;}
.flujo-tabla th{text-align:left;padding:8px 10px;background:#f1f5f9;color:#334155;
  font-weight:700;border-bottom:2px solid #e2e8f0;white-space:nowrap;}
.flujo-tabla td{padding:8px 10px;border-bottom:1px solid #f1f5f9;vertical-align:top;}
.flujo-tabla tr:hover td{background:#f8fafc;}

body.dark-mode .section-title{color:#e6edf3;}
body.dark-mode .flujo-chip{background:#132033;border-color:#243b5a;color:#9db8e0;}
body.dark-mode .res-lista{border-color:#30363d;}
body.dark-mode .res-item{border-color:#21262d;}
body.dark-mode .res-item:nth-child(even){background:#161b22;}
body.dark-mode .res-item:hover{background:#1c2c47;}
body.dark-mode .archivo-item{background:#161b22;border-color:#30363d;color:#c9d1d9;}
body.dark-mode .flujo-tabla th{background:#21262d;color:#c9d1d9;border-color:#30363d;}
body.dark-mode .flujo-tabla td{border-color:#21262d;}
body.dark-mode .flujo-tabla tr:hover td{background:#161b22;}
body.dark-mode .seg-chip{background:#2d1b4e;border-color:#6d28d9;color:#c4b5fd;}
body.dark-mode .flujo-thumb{background:#0d1117;border-color:#30363d;}
body.dark-mode .flujo-modal{background:#161b22;}