/* EGStrategy · arrastrar y soltar y repaso de la interfaz para PC (09-oct-2026). */

/* ── Iconos de línea en títulos y tarjetas (sustituyen a los emojis) ── */
.card__h{justify-content:flex-start}
.card__h .link-btn,.card__h > button:last-child{margin-left:auto}
.card__h > .ic,.pe-card h3 > .ic{flex:0 0 auto;color:var(--accent-2)}
.pe-kpi__ic{color:var(--accent-2)}
.pe-kpi.is-mal .pe-kpi__ic{color:var(--rojo-txt,#ff8a8d)}
.pe-timeline__ic{color:var(--accent-2)}
.act .ic{color:var(--accent-2)}
.pm-brief li{display:flex;align-items:flex-start;gap:7px}
.pm-brief li > .ic{flex:0 0 auto;margin-top:2px;color:var(--accent-2)}
.pm-brief li > .ic--mal{color:var(--rojo-txt,#ff8a8d)}
.brief-pop li > .ic,#brief-body li > .ic{vertical-align:-2px;margin-right:6px;color:var(--accent-2)}
#brief-title .ic{vertical-align:-2px;margin-right:6px}
.bell-empty .ic{vertical-align:-3px;margin-right:6px}
.doc-sec__ic,.inf-card__ic,.egstek-tile__ic,.egstek-emergencia__ic,.egstek-launch__mark{color:var(--accent-2)}
.egstek-emergencia__ic{color:#ff8a8d}
.doc-search > span,.ia-atajo > span{display:inline-flex}
.tarea__quien{display:inline-flex;align-items:center;gap:4px}
.pill .ic{vertical-align:-2px;margin-right:4px}
.file-origen .ic,.file-caduca .ic{vertical-align:-2px;margin-right:4px}
.aviso-temporal > .ic{flex:0 0 auto;color:var(--gold)}
.btn .ic{vertical-align:-3px;margin-right:6px}
.bell-btn svg,#btn-refrescar svg{display:block;margin:auto}

/* Casilla de tarea (Mi panel, paneles): cuadrado con check en vez de ☐/☑ */
.tarea__chk{width:20px;height:20px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--muted);border-radius:6px;color:#06120f;background:transparent;transition:.15s}
.tarea__chk:hover{border-color:var(--accent);background:rgba(31,168,151,.12)}
.tarea.is-done .tarea__chk{background:var(--accent);border-color:var(--accent)}

/* Tipo de archivo: hoja con la etiqueta en color */
.ftipo{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:var(--ft,#8b9a9c)}
.ftipo b{font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1;padding:2px 5px;border-radius:4px;background:var(--ft,#8b9a9c);color:#0b1416}
.file-thumb--ic .ftipo .ic{width:42px;height:42px}
.file-thumb--ic .ftipo b{font-size:11.5px;padding:3px 7px}
.ftipo--pdf{--ft:#ef6b6f}.ftipo--doc{--ft:#5b9cf2}.ftipo--xls{--ft:#2bb673}.ftipo--ppt{--ft:#f08a4f}
.ftipo--img{--ft:#9a7fe0}.ftipo--zip{--ft:#c9a55a}.ftipo--vid{--ft:#d06fb0}.ftipo--aud{--ft:#4fc3d6}

/* ── Soltar archivos desde el escritorio ── */
.main{position:relative}
.soltar-ov{position:absolute;inset:58px 0 0 0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none;
  background:rgba(8,20,22,.72);backdrop-filter:blur(2px);border:2px dashed var(--accent);border-radius:16px;margin:10px}
.soltar-ov[hidden]{display:none}
.soltar-ov__caja{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--accent-2);font-size:17px;text-align:center}
.soltar-ov__caja b{color:#fff}
.soltar-ov__caja span{font-size:13px;color:var(--muted)}
.soltar-zona{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;margin:16px 0 0;padding:26px 16px;
  font:inherit;color:var(--muted);background:rgba(31,168,151,.04);border:1.5px dashed rgba(127,216,200,.28);border-radius:14px;cursor:pointer;transition:.15s}
.soltar-zona:hover{border-color:var(--accent);background:rgba(31,168,151,.09);color:var(--text)}
.soltar-zona .ic{color:var(--accent-2)}
.soltar-zona b{color:var(--text);font-size:14.5px}
.soltar-zona span{font-size:12.5px}

/* ── Asa de arrastre (lista de tareas, subtareas, estados y campos) ── */
.pj-asa{display:inline-flex;align-items:center;justify-content:center;width:16px;color:var(--muted);cursor:grab;opacity:.3;transition:opacity .12s;flex:0 0 auto}
.pj-asa:active{cursor:grabbing}
.pj-row:hover .pj-asa,.tf__subs li:hover .pj-asa,.ed-fila:hover .pj-asa,.pj-asa:focus-visible{opacity:.85}
.pj-row .pj-c--sel{display:flex;align-items:center;justify-content:flex-start;gap:3px;padding-left:4px}
.pj-row--head .pj-c--sel{padding-left:23px}
.tf__subs li,.ed-fila{position:relative}
.is-fantasma{opacity:.35}
.is-arrastrada{opacity:.95!important;box-shadow:0 16px 36px rgba(0,0,0,.5);background:var(--surface-2,var(--panel-2,#14262a))!important;border-radius:10px}
li.is-arrastrada{list-style:none}

/* Grupos vacíos: solo aparecen mientras se arrastra, como hueco donde soltar */
.pj-grupo.is-vacio{display:none}
.pj-tabla.is-arrastrando .pj-grupo.is-vacio{display:flex}
.pj-tabla.is-arrastrando .pj-grupo:not(.no-soltar){outline:1px dashed rgba(127,216,200,.35);outline-offset:-2px;border-radius:8px}
.pj-tabla.is-arrastrando .pj-grupo.no-soltar{opacity:.45}

/* Mi panel: soltar en otro grupo cambia la fecha */
.pm-pista{font-weight:500;font-size:12px;color:var(--muted);margin-left:6px}
.pm-grupo.is-vacio{display:none}
.pm-tareas.is-arrastrando .pm-grupo{display:block}
.pm-tareas.is-arrastrando .pm-grupo:not(.pm-grupo--vencidas) .tarea-list{min-height:46px;border:1.5px dashed rgba(127,216,200,.3);border-radius:10px;padding:4px;background:rgba(31,168,151,.04)}
.pm-tareas .tarea{cursor:grab}
.pm-tareas .tarea :is(button,a,input){cursor:pointer}

/* Calendario: tareas sin fecha para arrastrar a un día */
.cal2-sf{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.cal2-sf .cal2__lado-t b{margin-left:6px;font-size:12px;color:var(--muted);font-weight:600}
.cal2-sf ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}
.cal2-sf__t{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:var(--surface-2,var(--panel-2,#14262a));border:1px solid var(--line);
  border-left:3px solid var(--pc,#8b9a9c);font-size:13px;cursor:grab;user-select:none}
.cal2-sf__t:hover{border-color:var(--accent)}
.cal2-sf__t .ic{flex:0 0 auto;color:var(--muted)}
.cal2-sf__t span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Tarjetas de proyecto: se ordenan arrastrando */
.pjc-grid[data-ordenable] .pjc.is-fantasma{opacity:.3;outline:2px dashed var(--accent);outline-offset:-2px}

/* ── Cabeceras con imagen más compactas en PC: más sitio para el contenido ── */
@media (min-width:900px){
  .tool-banner{min-height:0;padding:14px 22px;margin-bottom:14px}
  .tool-banner h2{font-size:21px}
  .tool-banner p{font-size:13px}
  .tool-banner__ic{width:44px;height:44px}
  .tool-banner__ic .side-ic{width:28px;height:28px}
}

/* Aviso de modo demostración: etiqueta discreta abajo, sin tapar la cabecera */
.demo-banner{top:auto;bottom:14px;left:50%;right:auto;transform:translateX(-50%);width:auto;white-space:nowrap;border:1px solid rgba(245,183,49,.35);border-radius:999px;padding:6px 14px;
  background:rgba(40,31,8,.92);font-size:12px;box-shadow:0 6px 20px rgba(0,0,0,.35)}

/* ── Buscador rápido (Ctrl+K) ── */
.cmdk{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:rgba(3,10,12,.6);backdrop-filter:blur(3px)}
.cmdk[hidden]{display:none}
.cmdk__caja{width:min(640px,calc(100vw - 32px));background:var(--panel,#0f1d20);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden}
.cmdk__in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--muted)}
.cmdk__in input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--text);background:none;border:0;outline:none}
.cmdk__in kbd,.cmdk__pie kbd,.kbd{font:inherit;font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;border:1px solid var(--line);color:var(--muted);background:rgb(var(--tinte,255 255 255) / .03)}
.cmdk__res{max-height:min(420px,56vh);overflow:auto;padding:6px}
.cmdk__sec{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cmdk__it{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.cmdk__it .ic{flex:0 0 auto;color:var(--accent-2)}
.cmdk__it span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdk__it small{color:var(--muted);font-size:12px;flex:0 0 auto}
.cmdk__it.is-on{background:rgba(31,168,151,.16)}
.cmdk__vacio{padding:18px;color:var(--muted);text-align:center;font-size:14px}
.cmdk__pie{display:flex;gap:14px;padding:9px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.cmdk-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:10px;background:rgb(var(--tinte,255 255 255) / .02);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.cmdk-btn:hover{border-color:var(--accent);color:var(--text)}
@media (max-width:899px){.cmdk-btn span,.cmdk-btn .kbd{display:none}}

/* Tablero del equipo: columnas por fecha y personas como destino al arrastrar */
.pe-tablero .tarea-list{min-height:8px}
.pe-tablero .tarea{cursor:grab}
.pe-tablero .tarea :is(button,a,input){cursor:pointer}
.pe-tablero.is-arrastrando .pe-col:not(.pe-col--vencidas) .tarea-list{min-height:56px;border:1.5px dashed rgba(127,216,200,.3);border-radius:10px;background:rgba(31,168,151,.04)}
.pe-tablero.is-arrastrando .pe-col__vacia{display:none}
.pe-filtros.is-destino [data-pe-filtro]:not([data-pe-filtro="*"]){outline:1.5px dashed rgba(127,216,200,.4);outline-offset:1px}
.pe-filtros [data-pe-filtro].is-sobre{outline:2px solid var(--accent)!important;background:rgba(31,168,151,.22)!important;transform:scale(1.05)}

/* ── Iconos de sección de línea (09-oct-2026): mismo trazo y color que el resto; el activo, en turquesa con fondo ── */
.side-ic--svg{width:20px;height:20px;color:var(--muted);opacity:1;filter:none;transform:none;transition:color .15s,transform .15s}
.chan .hash{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;transition:background .15s}
.chan:hover .side-ic--svg{color:var(--ink)}
.chan.is-active .side-ic--svg{color:var(--accent-2);filter:none;transform:none}
.chan.is-active .hash{background:rgba(31,168,151,.16)}
.chan:hover .hash .side-ic--svg{transform:translateY(-1px)}
#btn-ajustes .side-ic--svg{width:18px;height:18px}
#btn-ajustes:hover .side-ic--svg{color:var(--ink)}
.chan-hash .side-ic--svg{width:19px;height:19px;color:var(--accent-2)}
.tool-banner__ic .side-ic--svg{width:26px;height:26px;color:var(--accent-2)}
.egstek-launch__mark .side-ic--svg{width:40px;height:40px;color:var(--accent-2)}