:root {
  color-scheme: light;
  --bg: #f4f6fa; --card: #ffffff; --text: #101828; --muted: #667085; --line: #e4e7ec; --soft: #f9fafb;
  --primary: #2f4bd8; --primary-soft: #eef1fd; --shadow: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06);
  --activo: #079455; --activo-bg: #dcfae6;
  --inactivo: #b54708; --inactivo-bg: #fef0c7;
  --terminado: #3538cd; --terminado-bg: #e0eaff;
  --noenc: #475467; --noenc-bg: #eaecf0;
  --error: #d92d20; --error-bg: #fee4e2;
  --revisar: #6941c6; --revisar-bg: #f4ebff;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; background: var(--bg); color: var(--text); font-size: 14px; line-height: 1.45; }
[hidden] { display: none !important; }
.mono { font-family: ui-monospace, "Cascadia Mono", Consolas, Menlo, monospace; }
.muted { color: var(--muted); } .small { font-size: 12.5px; }
h1, h2, h3 { margin: 0; }
h2 { font-size: 16px; } h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); font-weight: 600; margin-bottom: 8px; }
a { color: var(--primary); }

/* botones y campos */
.btn { font: inherit; cursor: pointer; border: 1px solid var(--line); background: var(--card); color: var(--text); padding: 8px 14px; border-radius: 8px; font-weight: 600; box-shadow: var(--shadow); }
.btn:hover { background: var(--soft); }
.btn.primario { background: var(--primary); border-color: var(--primary); color: #fff; }
.btn.primario:hover { filter: brightness(1.08); background: var(--primary); }
.btn.chico { padding: 5px 10px; font-size: 12.5px; }
.btn.icono { padding: 6px 10px; font-size: 16px; position: relative; }
.btn.ancho { width: 100%; }
.btn:disabled { opacity: .55; cursor: not-allowed; }
.btn.peligro { color: var(--error); }
input, select, textarea { font: inherit; color: inherit; background: var(--card); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; width: 100%; }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--primary-soft); border-color: var(--primary); }
textarea { resize: vertical; min-height: 70px; }
.pila { display: flex; flex-direction: column; gap: 10px; }
.fila { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

/* entrada */
.centro { min-height: 100vh; display: grid; place-items: center; padding: 16px; }
.tarjeta { background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); padding: 24px; }
.login { width: min(420px, 100%); display: flex; flex-direction: column; gap: 14px; text-align: center; align-items: center; }
.login h1 { font-size: 20px; }
.login p { margin: 0; }
.o { width: 100%; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; }
.o::before, .o::after { content: ""; flex: 1; border-top: 1px solid var(--line); }
.login form { width: 100%; }
.aviso { padding: 8px 12px; border-radius: 8px; background: var(--primary-soft); color: var(--primary); font-size: 13px; width: 100%; }
.aviso.mal { background: var(--error-bg); color: var(--error); }

/* barra superior */
.topbar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 24px; padding: 10px 24px; background: var(--card); border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand h1 { font-size: 16px; } .brand p { margin: 0; font-size: 12px; color: var(--muted); }
.logo { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(135deg, #2f4bd8, #7a5af8); color: #fff; font-size: 20px; flex: none; }
.logo.grande { width: 56px; height: 56px; font-size: 28px; border-radius: 14px; }
.tabs { display: flex; gap: 4px; }
.tabs a { text-decoration: none; color: var(--muted); font-weight: 600; padding: 8px 14px; border-radius: 8px; }
.tabs a:hover { background: var(--soft); }
.tabs a.activa { color: var(--primary); background: var(--primary-soft); }
.derecha { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.usuario { display: flex; align-items: center; gap: 10px; font-weight: 600; }
.campana-caja { position: relative; }
.punto { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: var(--error); color: #fff; font-size: 11px; display: grid; place-items: center; font-weight: 700; }
.panel-flotante { position: absolute; right: 0; top: 44px; width: min(380px, 92vw); max-height: 70vh; overflow: auto; background: var(--card); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 32px rgba(16,24,40,.18); z-index: 30; }
.panel-flotante .cab { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--line); font-weight: 700; }
.aviso-item { padding: 10px 14px; border-bottom: 1px solid var(--line); cursor: pointer; }
.aviso-item:hover { background: var(--soft); }
.aviso-item.nueva { background: var(--primary-soft); }
.aviso-item .t { font-size: 13px; } .aviso-item .s { font-size: 12px; color: var(--muted); }

.contenido { max-width: 1280px; margin: 0 auto; padding: 22px 24px 60px; }
.vista > * + * { margin-top: 16px; }
.cabecera { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.cabecera .grow { flex: 1; min-width: 200px; }

/* filtros */
.chips { display: flex; gap: 8px; flex-wrap: wrap; }
.chip { border: 1px solid var(--line); background: var(--card); border-radius: 99px; padding: 5px 12px; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--muted); }
.chip b { color: var(--text); margin-left: 4px; }
.chip.on { background: var(--primary-soft); border-color: var(--primary); color: var(--primary); }
.busca { max-width: 360px; }

/* tabla */
.caja-tabla { background: var(--card); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); overflow-x: auto; }
table { border-collapse: collapse; width: 100%; min-width: 900px; }
th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); padding: 10px 12px; background: var(--soft); border-bottom: 1px solid var(--line); white-space: nowrap; }
td { padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
tbody tr { cursor: pointer; }
tbody tr:hover { background: var(--soft); }
tbody tr:last-child td { border-bottom: 0; }
.celda-larga { max-width: 280px; }
.vacio { padding: 40px; text-align: center; color: var(--muted); }

/* etiquetas de estado */
.badge { display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 9px; border-radius: 99px; white-space: nowrap; }
.b-ACTIVO { color: var(--activo); background: var(--activo-bg); }
.b-INACTIVO { color: var(--inactivo); background: var(--inactivo-bg); }
.b-TERMINADO { color: var(--terminado); background: var(--terminado-bg); }
.b-REVISAR_TERMINACION { color: var(--revisar); background: var(--revisar-bg); }
.b-NO_ENCONTRADO { color: var(--noenc); background: var(--noenc-bg); }
.b-ERROR { color: var(--error); background: var(--error-bg); }
.b-sin_solicitar { color: var(--noenc); background: var(--noenc-bg); }
.b-solicitado { color: var(--inactivo); background: var(--inactivo-bg); }
.b-recibido { color: var(--activo); background: var(--activo-bg); }

/* novedades */
.dia { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin: 18px 0 8px; }
.nov { display: flex; gap: 12px; align-items: flex-start; background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; margin-bottom: 8px; cursor: pointer; }
.nov:hover { background: var(--soft); }
.nov .ico-nov { width: 28px; height: 28px; display: grid; place-items: center; flex: none; color: var(--primary); background: var(--primary-soft); border-radius: 8px; }
.nov .cuerpo { flex: 1; min-width: 0; }
.nov .hora { color: var(--muted); font-size: 12px; white-space: nowrap; }

/* cajón lateral */
.fondo { position: fixed; inset: 0; background: rgba(16,24,40,.35); z-index: 40; }
.cajon { position: fixed; top: 0; right: 0; bottom: 0; width: min(720px, 100%); background: var(--bg); z-index: 50; overflow-y: auto; box-shadow: -12px 0 32px rgba(16,24,40,.2); }
.cajon-cab { position: sticky; top: 0; z-index: 2; background: var(--card); border-bottom: 1px solid var(--line); padding: 14px 20px; display: flex; gap: 12px; align-items: center; }
.cajon-cab .grow { flex: 1; min-width: 0; }
.cajon-cab .rad { font-size: 16px; font-weight: 700; }
.cajon-cuerpo { padding: 16px 20px 40px; display: flex; flex-direction: column; gap: 14px; }
.seccion { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; box-shadow: var(--shadow); }
.datos { display: grid; grid-template-columns: 130px 1fr; gap: 6px 12px; }
.datos dt { color: var(--muted); font-size: 12.5px; } .datos dd { margin: 0; word-break: break-word; }
.lista-arch > div { display: flex; gap: 10px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--line); }
.lista-arch > div:last-child { border-bottom: 0; }
.lista-arch .nom { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.zona-subir { border: 2px dashed var(--line); border-radius: 10px; padding: 14px; text-align: center; color: var(--muted); margin-top: 10px; cursor: pointer; }
.zona-subir.sobre { border-color: var(--primary); background: var(--primary-soft); color: var(--primary); }
.acts { max-height: 260px; overflow: auto; }
.acts .a { padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.acts .a:last-child { border-bottom: 0; }
.proximo { display: flex; gap: 8px; flex-wrap: wrap; }
.proximo .btn { opacity: .6; }

/* comentarios */
.coment { padding: 10px 0; border-bottom: 1px solid var(--line); }
.coment:last-of-type { border-bottom: 0; }
.coment .quien { font-weight: 700; } .coment .cuando { color: var(--muted); font-size: 12px; margin-left: 8px; }
.coment .texto { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 2px; }
.menc { color: var(--primary); background: var(--primary-soft); border-radius: 4px; padding: 0 3px; font-weight: 600; }
.caja-com { position: relative; margin-top: 10px; }
.sugerencias { position: absolute; left: 0; right: 0; bottom: 100%; margin-bottom: 4px; background: var(--card); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 8px 24px rgba(16,24,40,.18); z-index: 5; overflow: hidden; }
.sugerencias div { padding: 8px 12px; cursor: pointer; }
.sugerencias div:hover, .sugerencias div.sel { background: var(--primary-soft); }

.toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); background: #101828; color: #fff; padding: 10px 16px; border-radius: 10px; z-index: 100; max-width: 90vw; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.toast.mal { background: var(--error); }

@media (max-width: 720px) {
  .topbar { padding: 10px 14px; gap: 10px; }
  .brand p { display: none; }
  .contenido { padding: 16px 14px 60px; }
  .datos { grid-template-columns: 1fr; gap: 0; } .datos dd { margin-bottom: 8px; }
}

/* ---------- iconos, avatares ---------- */
.ico { vertical-align: -0.15em; flex: none; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.logo .ico { display: block; }
.av { border-radius: 50%; object-fit: cover; display: inline-grid; place-items: center; color: #fff; font-weight: 700; flex: none; vertical-align: middle; }
.usuario { text-decoration: none; color: var(--text); padding: 3px 10px 3px 4px; border-radius: 99px; }
.usuario:hover { background: var(--soft); }

/* ---------- pestañas de seguimiento ---------- */
.pestanas { display: flex; gap: 6px; flex-wrap: wrap; border-bottom: 1px solid var(--line); }
.pestana { font: inherit; cursor: pointer; background: none; border: 0; border-bottom: 2px solid transparent; padding: 9px 14px; font-weight: 600; color: var(--muted); display: inline-flex; align-items: center; gap: 6px; margin-bottom: -1px; }
.pestana b { background: var(--soft); border: 1px solid var(--line); color: var(--text); border-radius: 99px; padding: 0 8px; font-size: 12px; }
.pestana:hover { color: var(--text); }
.pestana.on { color: var(--primary); border-bottom-color: var(--primary); }
.pestana.on b { background: var(--primary-soft); border-color: transparent; color: var(--primary); }
.badge.s-pendiente { color: var(--noenc); background: var(--noenc-bg); }
.badge.s-en_revision { color: var(--inactivo); background: var(--inactivo-bg); }
.badge.s-revisado { color: var(--activo); background: var(--activo-bg); }
.badge.s-descartado { color: var(--error); background: var(--error-bg); }
.sel-seg { padding: 4px 8px; font-size: 13px; width: auto; }
.seg-fila { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.grupo-seg { display: flex; gap: 6px; flex-wrap: wrap; }
.seg-btn { font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px; border-radius: 99px; border: 1px solid var(--line); background: var(--card); color: var(--muted); }
.seg-btn:hover { background: var(--soft); }
.seg-btn.on.s-pendiente { color: var(--noenc); background: var(--noenc-bg); border-color: transparent; }
.seg-btn.on.s-en_revision { color: var(--inactivo); background: var(--inactivo-bg); border-color: transparent; }
.seg-btn.on.s-revisado { color: var(--activo); background: var(--activo-bg); border-color: transparent; }
.seg-btn.on.s-descartado { color: var(--error); background: var(--error-bg); border-color: transparent; }

/* ---------- detalle ---------- */
.pestanas-det { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 0 8px; box-shadow: var(--shadow); }
.pila-det { display: flex; flex-direction: column; gap: 14px; }
.ico-arch { color: var(--primary); display: grid; }
.acts { max-height: none; overflow: visible; }

/* ---------- equipo y perfil ---------- */
.rejilla-equipo { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.persona { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; padding: 14px; }
.persona:hover { background: var(--soft); }
.persona .nombre { font-weight: 700; }
.persona .grow, .perfil-cab .grow { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.perfil-cab { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }

/* ---------- comentarios ---------- */
.hilo { border-bottom: 1px solid var(--line); padding: 12px 0; }
.hilo:last-child { border-bottom: 0; }
.coment { padding: 2px 0; }
.coment.resp { margin: 10px 0 0 38px; padding: 8px 10px; background: var(--soft); border-radius: 10px; }
.coment-cab { display: flex; align-items: center; gap: 10px; }
.coment-cab .grow { flex: 1; min-width: 0; }
.coment .quien { font-weight: 700; color: var(--text); text-decoration: none; }
.coment .quien:hover { text-decoration: underline; }
.coment .cuando { color: var(--muted); font-size: 12px; margin-left: 8px; }
.coment .texto { margin: 4px 0 0 40px; white-space: pre-wrap; overflow-wrap: anywhere; }
.coment.resp .texto { margin-left: 34px; }
.coment-pie { margin: 4px 0 0 40px; }
.enlace { font: inherit; font-size: 12.5px; font-weight: 600; background: none; border: 0; color: var(--primary); cursor: pointer; padding: 2px 0; display: inline-flex; align-items: center; gap: 4px; }
.etq { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; font-size: 12px; color: var(--primary); background: var(--primary-soft); border-radius: 99px; padding: 0 8px; text-decoration: none; }
.icono-solo { padding: 4px 7px; }
.resp-caja { margin: 8px 0 0 40px; }
.vincular { display: flex; align-items: center; gap: 6px; color: var(--muted); flex: 1; min-width: 220px; max-width: 360px; }
.vincular input { padding: 5px 8px; font-size: 13px; }
.sugerencias div { display: flex; align-items: center; gap: 8px; }
.caja-com { position: relative; margin-top: 12px; }

/* ---------- buscar, filtros, favoritos ---------- */
.buscar-btn { gap: 8px; color: var(--muted); font-weight: 500; padding: 6px 10px; }
kbd { font: inherit; font-size: 11px; background: var(--soft); border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 5px; padding: 0 5px; color: var(--muted); }
.busca-caja { position: relative; display: flex; align-items: center; }
.busca-caja .ico { position: absolute; left: 10px; color: var(--muted); pointer-events: none; }
.busca-caja .busca { padding-left: 32px; }
.barra-filtros { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.barra-filtros select { width: auto; max-width: 230px; padding: 5px 8px; font-size: 13px; }
.etq-filtro { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 13px; font-weight: 600; }
.sep-chip { width: 1px; height: 20px; background: var(--line); margin: 0 4px; }
.chip .ico { margin-right: 3px; }
.col-fav { width: 40px; min-width: 40px; padding-right: 0; }
.c-fav .pedir { margin-left: 2px; }
.estrella { font: inherit; background: none; border: 0; padding: 4px; cursor: pointer; color: #b8bfcc; display: inline-grid; place-items: center; border-radius: 6px; }
.estrella:hover { background: var(--soft); color: #f79009; }
.estrella.on { color: #f79009; }
.estrella.on svg { fill: currentColor; }
.btn.estrella { border: 1px solid var(--line); background: var(--card); }
.fav-mini { color: #f79009; display: inline-flex; }
.fav-mini svg { fill: currentColor; }

/* ---------- ventanas ---------- */
.modal-fondo, .pal-fondo { position: fixed; inset: 0; background: rgba(16,24,40,.45); z-index: 80; display: grid; place-items: start center; padding: 8vh 16px 16px; overflow-y: auto; }
.modal { background: var(--card); border-radius: 14px; box-shadow: 0 24px 60px rgba(16,24,40,.35); width: min(620px, 100%); padding: 20px 22px; }
.modal-cab { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; }
.modal-cab h2 { display: flex; align-items: center; gap: 8px; }
.pasos { margin: 0; padding: 0; list-style: none; counter-reset: paso; display: flex; flex-direction: column; gap: 14px; }
.pasos li { counter-increment: paso; position: relative; padding-left: 38px; }
.pasos li::before { content: counter(paso); position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; background: var(--primary-soft); color: var(--primary); font-weight: 700; display: grid; place-items: center; }
.paso-t { font-weight: 700; margin-bottom: 2px; }
.pasos .btn { margin-top: 6px; }

/* ---------- buscador de comandos ---------- */
.pal-fondo { z-index: 90; padding-top: 12vh; }
.pal { width: min(660px, 100%); background: var(--card); border-radius: 14px; box-shadow: 0 24px 60px rgba(16,24,40,.4); overflow: hidden; align-self: start; }
.pal-cab { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--line); color: var(--muted); }
.pal-cab input { border: 0; padding: 4px 0; font-size: 16px; background: transparent; box-shadow: none; outline: none; }
.pal-lista { max-height: 52vh; overflow-y: auto; padding: 6px; }
.pal-grupo { font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; color: var(--muted); padding: 10px 10px 4px; }
.pal-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.pal-item.sel { background: var(--primary-soft); }
.pal-ico { width: 26px; display: grid; place-items: center; color: var(--muted); flex: none; }
.pal-txt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.pal-txt .small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pal-der { flex: none; }
.pal-enter { color: var(--muted); opacity: 0; flex: none; }
.pal-item.sel .pal-enter { opacity: 1; }
.pal-vacio { padding: 28px; text-align: center; color: var(--muted); }
.pal-pie { display: flex; gap: 16px; padding: 8px 14px; border-top: 1px solid var(--line); font-size: 12px; color: var(--muted); background: var(--soft); }
.pal-pie kbd { margin-right: 3px; }

/* ---------- página de resumen (estilo Notion) ---------- */
.modo-resumen .tabs { display: none; }
.n-pagina { position: relative; max-width: 860px; margin: 0 auto; background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); padding: 20px 64px 80px; min-height: 70vh; }
.n-acciones { display: flex; align-items: center; gap: 10px; margin: 0 -40px 24px; flex-wrap: wrap; }
.n-acciones .grow { flex: 1; }
.n-icono { color: var(--primary); margin-bottom: 8px; }
.n-titulo { font-size: 38px; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; margin: 0 0 14px; }
.n-props { display: flex; flex-direction: column; gap: 2px; }
.n-prop { display: flex; gap: 12px; align-items: baseline; padding: 4px 0; }
.n-prop-k { width: 170px; flex: none; color: var(--muted); display: flex; align-items: center; gap: 7px; font-size: 13.5px; }
.n-prop-v { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.n-hr { border-top: 1px solid var(--line); margin: 18px 0 14px; }
.n-barra { display: flex; gap: 2px; align-items: center; flex-wrap: wrap; position: sticky; top: 64px; z-index: 5; background: var(--card); padding: 4px 0 8px; }
.n-barra button { font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; background: none; border: 0; color: var(--muted); border-radius: 6px; padding: 5px 8px; display: inline-grid; place-items: center; }
.n-barra button:hover { background: var(--soft); color: var(--text); }
.n-sep { width: 1px; height: 18px; background: var(--line); margin: 0 6px; }
.n-cuerpo { outline: none; font-size: 16px; line-height: 1.65; min-height: 320px; padding-bottom: 80px; overflow-wrap: anywhere; }
.n-cuerpo:empty::before, .n-cuerpo > p:only-child:has(br:only-child)::before { content: attr(data-placeholder); color: #98a2b3; pointer-events: none; }
.n-cuerpo > p:only-child:has(br:only-child)::before { position: absolute; }
.n-cuerpo h1 { font-size: 30px; margin: 1.4em 0 .3em; line-height: 1.2; }
.n-cuerpo h2 { font-size: 24px; margin: 1.3em 0 .3em; line-height: 1.25; }
.n-cuerpo h3 { font-size: 19px; margin: 1.1em 0 .25em; }
.n-cuerpo h4 { font-size: 16px; margin: 1em 0 .2em; }
.n-cuerpo p { margin: .35em 0; }
.n-cuerpo ul, .n-cuerpo ol { margin: .3em 0; padding-left: 1.6em; }
.n-cuerpo li { margin: .15em 0; }
.n-cuerpo blockquote { margin: .6em 0; padding: 2px 0 2px 16px; border-left: 3px solid var(--text); }
.n-cuerpo hr { border: 0; border-top: 1px solid var(--line); margin: 1.2em 0; }
.n-cuerpo code { background: #f2f4f7; border-radius: 4px; padding: 1px 5px; font-size: .88em; color: #c11574; }
.n-cuerpo a { color: var(--primary); }
.n-cuerpo table { border-collapse: collapse; width: 100%; min-width: 0; margin: .8em 0; font-size: 14.5px; display: block; overflow-x: auto; }
.n-cuerpo th, .n-cuerpo td { border: 1px solid var(--line); padding: 6px 10px; vertical-align: top; text-align: left; text-transform: none; letter-spacing: 0; font-size: inherit; white-space: normal; }
.n-cuerpo th { background: var(--soft); font-weight: 700; color: var(--text); }
.n-conflicto { background: var(--inactivo-bg); color: var(--inactivo); border-radius: 10px; padding: 12px 14px; margin-bottom: 10px; }
.n-menu { position: absolute; z-index: 20; width: 290px; background: var(--card); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 32px rgba(16,24,40,.2); padding: 6px; max-height: 320px; overflow: auto; }
.n-menu-t { font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; color: var(--muted); padding: 6px 8px 4px; }
.n-menu-i { display: flex; gap: 10px; align-items: center; padding: 6px 8px; border-radius: 8px; cursor: pointer; }
.n-menu-i.sel, .n-menu-i:hover { background: var(--primary-soft); }
.n-menu-ico { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 8px; display: grid; place-items: center; color: var(--muted); background: var(--card); flex: none; }
@media (max-width: 720px) {
  .n-pagina { padding: 14px 18px 60px; }
  .n-acciones { margin: 0 0 18px; }
  .n-titulo { font-size: 28px; }
  .n-prop { flex-direction: column; gap: 0; } .n-prop-k { width: auto; }
  .buscar-btn span, .buscar-btn kbd { display: none; }
}

/* ---------- mensajes (chats) ---------- */
.tabs a { position: relative; display: inline-flex; align-items: center; gap: 6px; }
.tab-ico { display: none; }
.punto-tab { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; margin-left: 6px; border-radius: 99px; background: var(--error); color: #fff; font-size: 11px; font-weight: 700; vertical-align: 1px; }
.chat-layout { display: grid; grid-template-columns: 340px 1fr; background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); height: calc(100vh - 128px); min-height: 480px; overflow: hidden; }
.chat-lista { border-right: 1px solid var(--line); display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.chat-lista-cab { padding: 14px 14px 10px; display: flex; justify-content: space-between; align-items: center; }
.chat-items { flex: 1; overflow-y: auto; }
.chat-nota { padding: 10px 14px; border-top: 1px solid var(--line); display: flex; gap: 6px; align-items: center; background: var(--soft); }
.chat-item { display: flex; gap: 10px; align-items: center; padding: 10px 14px; cursor: pointer; border-bottom: 1px solid var(--line); }
.chat-item:hover { background: var(--soft); }
.chat-item.sel { background: var(--primary-soft); }
.chat-item-cuerpo { flex: 1; min-width: 0; }
.chat-item-fila { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.chat-item .nom { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-item .hora { font-size: 11.5px; color: var(--muted); flex: none; }
.chat-item .prev { color: var(--muted); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.badge-n { flex: none; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 99px; background: var(--primary); color: #fff; font-size: 12px; font-weight: 700; display: grid; place-items: center; }
.chat-panel { display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.chat-vacio { margin: auto; text-align: center; padding: 30px; color: var(--muted); }
.chat-cab { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.chat-titulo { font-weight: 700; font-size: 15px; }
.chat-atras { display: none; }
.chat-msgs { flex: 1; overflow-y: auto; padding: 14px 18px; display: flex; flex-direction: column; gap: 6px; background: #f8f9fc; }
.chat-dia { text-align: center; margin: 10px 0 4px; }
.chat-dia span { background: var(--card); border: 1px solid var(--line); color: var(--muted); font-size: 12px; padding: 2px 12px; border-radius: 99px; }
.chat-mas { text-align: center; margin-bottom: 6px; }
.chat-vacio-msgs { margin: auto; color: var(--muted); }
.msg { display: flex; gap: 8px; align-items: flex-end; max-width: 78%; align-self: flex-start; }
.msg.seguido { margin-top: -3px; }
.msg.mio { align-self: flex-end; flex-direction: row-reverse; }
.msg-av { width: 30px; flex: none; }
.burbuja { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 7px 12px 4px; min-width: 60px; }
.msg.mio .burbuja { background: var(--primary-soft); border-color: transparent; }
.msg-autor { font-size: 12.5px; font-weight: 700; margin-bottom: 1px; }
.msg-texto { white-space: pre-wrap; overflow-wrap: anywhere; }
.msg-texto a { color: var(--primary); }
.msg-hora { font-size: 11px; color: var(--muted); text-align: right; display: flex; justify-content: flex-end; align-items: center; gap: 6px; min-height: 18px; }
.msg-borrar { font: inherit; background: none; border: 0; padding: 0; color: var(--muted); cursor: pointer; opacity: 0; display: inline-grid; }
.msg:hover .msg-borrar { opacity: 1; }
.msg-borrar:hover { color: var(--error); }
.msg-proc { display: flex; align-items: center; gap: 10px; margin: 6px 0 2px; padding: 8px 10px; background: var(--card); border: 1px solid var(--line); border-radius: 10px; text-decoration: none; color: var(--text); }
.msg-proc:hover { border-color: var(--primary); }
.msg-proc .ico { color: var(--primary); }
.chat-compositor { border-top: 1px solid var(--line); padding: 10px 14px; background: var(--card); }
.chat-fila { display: flex; gap: 8px; align-items: flex-end; }
.chat-fila textarea { min-height: 40px; max-height: 140px; resize: none; padding: 9px 12px; }
.chat-vinc { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: var(--muted); }
.chat-vinc input { max-width: 320px; padding: 5px 8px; font-size: 13px; }
.modal-chat { width: min(520px, 100%); }
.nc-lista { display: flex; flex-direction: column; max-height: 52vh; overflow-y: auto; border: 1px solid var(--line); border-radius: 10px; }
.nc-fila { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border: 0; border-bottom: 1px solid var(--line); background: none; font: inherit; text-align: left; cursor: pointer; color: var(--text); width: 100%; }
.nc-fila:last-child { border-bottom: 0; }
button.nc-fila:hover, label.nc-fila:hover { background: var(--soft); }
.nc-fila .grow { flex: 1; min-width: 0; }
.nc-check input { width: auto; }
@media (max-width: 720px) {
  .chat-layout { grid-template-columns: 1fr; height: calc(100vh - 110px); }
  .chat-layout.abierto .chat-lista { display: none; }
  .chat-layout:not(.abierto) .chat-panel { display: none; }
  .chat-atras { display: inline-grid; }
  .msg { max-width: 92%; }
}

/* ---------- detalle del proceso (igual que en el Revisor) ---------- */
.cajon-cab .rad { font-size: 20px; font-weight: 700; letter-spacing: .01em; }
.motivo { background: var(--soft); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font-size: 13px; }
.kv { display: grid; grid-template-columns: 140px 1fr; gap: 8px 14px; margin: 0; font-size: 13.5px; }
.kv dt { color: var(--muted); }
.kv dd { margin: 0; overflow-wrap: anywhere; }
.kv .ico { margin-left: 2px; }
.enlaces-det { display: flex; align-items: center; gap: 12px; margin: 0; }
.enlace { color: var(--primary); text-decoration: none; font-weight: 600; }
.enlace:hover { text-decoration: underline; }
.timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.timeline::before { content: ""; position: absolute; left: 6px; top: 6px; bottom: 6px; width: 2px; background: var(--line); }
.timeline li { position: relative; padding: 0 0 16px 28px; }
.timeline li:last-child { padding-bottom: 0; }
.timeline li::before { content: ""; position: absolute; left: 1px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: var(--card); border: 2px solid var(--primary); }
.timeline li:first-child::before { background: var(--primary); }
.t-fecha { font-size: 12px; color: var(--muted); }
.t-act { font-weight: 600; }
.t-anot { font-size: 13px; color: var(--muted); white-space: pre-wrap; overflow-wrap: anywhere; }
.doc-flag { font-size: 11px; background: var(--primary-soft); color: var(--primary); padding: 1px 7px; border-radius: 99px; margin-left: 6px; font-weight: 600; display: inline-flex; align-items: center; gap: 3px; }
mark { background: #fde272; color: #101828; border-radius: 3px; padding: 0 2px; }
mark.busq { background: #b6e3ff; }
.det-busca { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; box-shadow: var(--shadow); position: sticky; top: 76px; z-index: 3; }
.det-busca .busca-caja { width: 100%; }
.coincide { color: var(--primary); margin-top: 3px; display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap; }
@media (max-width: 720px) { .kv { grid-template-columns: 1fr; gap: 0; } .kv dd { margin-bottom: 8px; } }

mark.clave { background: #ffcfa8; }
.rejilla-equipo { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.persona { flex-direction: column; align-items: stretch; gap: 10px; }
.persona-top { display: flex; align-items: center; gap: 12px; }
.persona-top .grow { flex: 1; min-width: 0; }
.persona-mail { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.persona-mail .ico { flex: none; }
.f-toggle { display: none; }

/* ---------- palabras clave ---------- */
.pk-top { display: grid; grid-template-columns: 1.2fr 1fr; gap: 14px; }
.pk-top textarea { min-height: 130px; margin-top: 10px; }
.kchip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); background: var(--card); border-radius: 99px; padding: 4px 12px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--text); }
.kchip b { background: var(--soft); border-radius: 99px; padding: 0 7px; font-size: 12px; color: var(--muted); }
.kchip.sel { background: var(--primary-soft); border-color: var(--primary); color: var(--primary); }
.kchip.cero { opacity: .55; }
.tabla-pk { min-width: 980px; }
.tabla-pk .t-pal .kchip { cursor: default; }
.tabla-pk td { font-size: 13.5px; }

/* ---------- teléfono ---------- */
@media (max-width: 720px) {
  body { padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
  .topbar { padding: 8px 12px; gap: 8px; flex-wrap: nowrap; }
  .brand { gap: 8px; min-width: 0; }
  .brand h1 { font-size: 15px; white-space: nowrap; }
  .logo { width: 32px; height: 32px; border-radius: 9px; }
  .derecha { margin-left: auto; gap: 6px; }
  .buscar-btn { padding: 7px 9px; }
  .usuario { padding: 2px; }
  #u-nombre, #btn-salir { display: none; }
  .tabs { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0;
    background: var(--card); border-top: 1px solid var(--line); padding: 4px 4px calc(4px + env(safe-area-inset-bottom)); box-shadow: 0 -4px 16px rgba(16,24,40,.06); }
  .tabs a { flex-direction: column; gap: 2px; padding: 6px 2px 5px; font-size: 11px; font-weight: 600; border-radius: 10px; justify-content: center; text-align: center; line-height: 1.15; }
  .tab-ico { display: grid; }
  .tabs a.activa { background: var(--primary-soft); }
  .punto-tab { position: absolute; top: 1px; left: calc(50% + 6px); margin: 0; }
  .contenido { padding: 14px 12px 24px; }
  .toast { bottom: calc(84px + env(safe-area-inset-bottom)); }
  .cabecera { gap: 8px; }
  .cabecera .grow { min-width: 0; flex: 1 1 60%; }
  .busca-caja { flex: 1 1 100%; order: 5; }
  .busca-caja .busca, .busca { max-width: none; width: 100%; min-width: 0 !important; }
  .f-toggle { display: inline-flex; }
  .barra-filtros { display: none; }
  .barra-filtros.abierto { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .barra-filtros.abierto select { max-width: none; width: 100%; }
  .etq-filtro { display: none; }
  .chips, .pestanas { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
  .chips::-webkit-scrollbar, .pestanas::-webkit-scrollbar { display: none; }
  .chip, .pestana { flex: none; }
  .sep-chip { flex: none; }
  .pk-top { grid-template-columns: 1fr; }

  /* la tabla se vuelve una lista de tarjetas */
  .caja-tabla { border: 0; background: none; box-shadow: none; overflow: visible; }
  .caja-tabla table, .caja-tabla thead, .caja-tabla tbody, .caja-tabla tr, .caja-tabla td { display: block; min-width: 0; }
  .caja-tabla thead { display: none; }
  .cuerpo-rad tr[data-r] { background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); padding: 12px; margin-bottom: 10px;
    display: grid; grid-template-columns: 30px 1fr 1fr auto; gap: 6px 8px; align-items: center;
    grid-template-areas: "fav rad rad est" "desp desp desp desp" "par par par par" "ult ult ult ult" "seg seg exp exp" "aut aut com com"; }
  .cuerpo-rad tr[data-r]:hover { background: var(--card); }
  .cuerpo-rad td { padding: 0; border: 0; max-width: none; }
  .cuerpo-rad .c-fav { grid-area: fav; width: auto; } .cuerpo-rad .c-rad { grid-area: rad; font-size: 13.5px; font-weight: 600; }
  .cuerpo-rad .c-est { grid-area: est; justify-self: end; } .cuerpo-rad .c-desp { grid-area: desp; font-size: 13px; }
  .cuerpo-rad .c-par { grid-area: par; } .cuerpo-rad .c-ult { grid-area: ult; background: var(--soft); border-radius: 8px; padding: 8px 10px; }
  .cuerpo-rad .c-seg { grid-area: seg; } .cuerpo-rad .c-exp { grid-area: exp; justify-self: end; text-align: right; }
  .cuerpo-rad .c-aut { grid-area: aut; } .cuerpo-rad .c-com { grid-area: com; justify-self: end; }
  .cuerpo-rad .c-aut:empty, .cuerpo-rad .c-com:empty { display: none; }
  .cuerpo-rad .c-aut::before, .cuerpo-rad .c-com::before { content: attr(data-et) ": "; color: var(--muted); font-size: 12.5px; }
  .cuerpo-rad .c-aut, .cuerpo-rad .c-com { font-size: 13px; font-weight: 600; }
  .cuerpo-rad .sel-seg { width: 100%; max-width: 190px; }
  .cuerpo-rad td.vacio { grid-column: 1 / -1; }

  .tabla-pk, .tabla-pk tbody { min-width: 0; }
  #pk-cuerpo tr { background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); padding: 12px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr auto; gap: 6px 8px; grid-template-areas: "rad pal" "fec fec" "act act" "ano ano"; }
  #pk-cuerpo td { padding: 0; border: 0; }
  #pk-cuerpo .t-rad { grid-area: rad; font-weight: 600; } #pk-cuerpo .t-pal { grid-area: pal; justify-self: end; }
  #pk-cuerpo .t-fec { grid-area: fec; color: var(--muted); font-size: 12.5px; } #pk-cuerpo .t-act { grid-area: act; font-weight: 600; } #pk-cuerpo .t-ano { grid-area: ano; color: var(--muted); }
  #pk-cuerpo .t-ano:empty { display: none; }

  .rejilla-equipo { grid-template-columns: 1fr; }
  .perfil-cab { flex-direction: column; align-items: flex-start; }
  .cajon { width: 100%; }
  .cajon-cab { padding: 12px 14px; }
  .cajon-cuerpo { padding: 12px 12px 24px; }
  .chat-layout { height: calc(100dvh - 170px); min-height: 360px; }
  .n-barra { top: 56px; }
  .nov { padding: 10px 12px; }
  .seccion { padding: 12px 12px; }
  .pal-fondo { padding-top: 6vh; }
}

/* administración del equipo (sin tabla, sirve en teléfono) */
.lista-adm { border: 1px solid var(--line); border-radius: 10px; }
.adm-fila { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.adm-fila:last-child { border-bottom: 0; }
.adm-info { flex: 1 1 220px; min-width: 0; overflow-wrap: anywhere; }
.adm-fila select { width: auto; }
.pk-top > * { min-width: 0; }
#pk-chips { flex-wrap: wrap !important; overflow: visible !important; }

@media (max-width: 720px) {
  .cabecera .grow { flex: 1 1 100%; }
  .cabecera .btn { flex: 1 1 0; }
  .cajon-cab .rad { font-size: 16px; }
  .cabecera .busca-caja { order: 5; }
  .cuerpo-rad tr[data-r] { grid-template-areas: "fav rad rad rad" "est est est exp" "desp desp desp desp" "par par par par" "ult ult ult ult" "seg seg aut com"; }
  .cuerpo-rad .c-est { justify-self: start; }
  .cuerpo-rad .c-exp { grid-area: exp; }
  .cuerpo-rad .c-rad { font-size: 13px; overflow-wrap: anywhere; }
  .cuerpo-rad .c-aut, .cuerpo-rad .c-com { justify-self: end; white-space: nowrap; }
  .adm-fila { gap: 8px; }
  .adm-fila select { flex: 1 1 140px; }
}

/* ---------- solicitud de expediente ---------- */
.modal-sol { width: min(1060px, 100%); }
.sol-grid { display: grid; grid-template-columns: minmax(280px, 380px) 1fr; gap: 18px; align-items: start; }
.sol-form input, .sol-form textarea, .sol-form select { font-size: 13.5px; }
.sol-marco { position: relative; border: 1px solid var(--line); border-radius: 10px; background: #e9ecf2; height: min(70vh, 640px); overflow: hidden; }
.sol-marco iframe { width: 100%; height: 100%; border: 0; background: #fff; }
.sol-cargando { position: absolute; inset: 0; display: grid; place-items: center; padding: 20px; text-align: center; background: rgba(244,246,250,.92); color: var(--muted); }
.pasos-sol { gap: 12px; margin-top: 4px; }
.sol-hist { display: flex; gap: 6px; align-items: flex-start; color: var(--muted); padding: 2px 0; }
.sol-hist .ico { margin-top: 2px; flex: none; }
@media (max-width: 860px) {
  .sol-grid { grid-template-columns: 1fr; }
  .sol-marco { height: 60vh; }
}

.b-MANUAL { color: var(--noenc); background: var(--noenc-bg); }
.mas-btn { display: none; }

/* ---------- apartados ---------- */
.rejilla-apartados { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.apartado-card { display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit; padding: 16px; }
.apartado-card:hover { background: var(--soft); }
.apartado-top { display: flex; align-items: center; gap: 12px; }
.apartado-top .grow { flex: 1; min-width: 0; } .apartado-top .nombre { font-weight: 700; overflow-wrap: anywhere; }
.apartado-ico { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: var(--primary-soft); color: var(--primary); flex: none; }
.apartado-ico.grande { width: 54px; height: 54px; border-radius: 14px; }
.apartado-desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.apartado-gente { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.apartado-gente .av { margin-left: -6px; border: 2px solid var(--card); } .apartado-gente .av:first-child { margin-left: 0; }
.apartado-gente .muted { margin-left: 8px; }
.vacio-ap { text-align: center; padding: 44px 20px; color: var(--muted); }
.ap-cab { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ap-cab .grow { flex: 1; min-width: 220px; }

@media (max-width: 720px) {
  .tabs { grid-template-columns: repeat(5, 1fr); }
  .tabs a[data-vista="palabras"], .tabs a[data-vista="equipo"] { display: none; }
  .mas-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 6px 2px 5px; font: inherit; font-size: 11px; font-weight: 600; line-height: 1.15; color: var(--muted); background: none; border: 0; border-radius: 10px; cursor: pointer; }
  .mas-btn.activa { background: var(--primary-soft); color: var(--primary); }
  .tabs a { font-size: 11px; }
  .ap-cab .fila { width: 100%; } .ap-cab .fila .btn { flex: 1; }
}

/* barra superior compacta en pantallas medianas (caben las 6 pestañas) */
@media (min-width: 721px) and (max-width: 1400px) {
  .topbar { gap: 14px; padding: 10px 18px; }
  .brand p { display: none; }
  .tabs a { padding: 8px 10px; }
  .derecha { gap: 10px; }
}

/* Pedidos de expediente (jefe) */
.pedir { font: inherit; background: none; border: 0; padding: 4px; cursor: pointer; color: #b8bfcc; display: inline-grid; place-items: center; border-radius: 6px; }
.pedir:hover { background: var(--soft); color: #6941c6; }
.pedir.on { color: #6941c6; }
.pedir.on svg { fill: currentColor; fill-opacity: .25; }
.pedir.gest { color: #1570ef; }
.c-fav { white-space: nowrap; }
.ped-chip { display: inline-block; margin-top: 4px; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; color: #6941c6; background: #f4ebff; }
.ped-chip.gest { color: #1570ef; background: #eff8ff; }
.n-pedido { display: flex; gap: 8px; align-items: flex-start; padding: 9px 12px; margin: 0 0 10px; border-radius: 10px; font-size: 13px; color: #53389e; background: #f4ebff; }
.n-pedido.gest { color: #175cd3; background: #eff8ff; }
.n-pedido svg { flex: none; margin-top: 2px; }
.adm-jefe { display: inline-flex; align-items: center; gap: 5px; margin-right: 8px; cursor: pointer; }
.adm-jefe input { width: auto; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ped-chip { background: #2e1f5e; color: #d9d6fe; }
  :root:not([data-theme="light"]) .ped-chip.gest { background: #102a56; color: #b2ddff; }
  :root:not([data-theme="light"]) .n-pedido { background: #2e1f5e; color: #d9d6fe; }
  :root:not([data-theme="light"]) .n-pedido.gest { background: #102a56; color: #b2ddff; }
}