/* EGStrategy · Proyectos para PC (06-oct-2026): tarjetas legibles, ficha compacta y tareas en tabla
   con controles claros (marcar, asignar, fechar, priorizar) desde la propia fila. Sin emojis. */

.pj{--pc:var(--accent);max-width:1280px;margin:0 auto;font-size:14.5px}
.pj .ic{flex:0 0 auto;display:block}
.pj h2,.pj h3,.pj h4{color:#fff;letter-spacing:-.01em}

/* ── Botones ── */
.pj-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;
  padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--ink);transition:background .15s,border-color .15s,color .15s;white-space:nowrap;text-decoration:none}
.pj-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}
.pj-btn--primary{background:var(--accent);border-color:var(--accent);color:#06120f}
.pj-btn--primary:hover{background:var(--accent-2);border-color:var(--accent-2)}
.pj-btn--peligro{color:#ff9d9d;border-color:rgba(229,72,77,.35);background:rgba(229,72,77,.06)}
.pj-btn--peligro:hover{background:rgba(229,72,77,.16);border-color:rgba(229,72,77,.6);color:#ffc2c2}
.pj-btn--icon{padding:10px}
.pj-link{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);background:none;border:0;padding:4px 0;cursor:pointer}
.pj-link:hover{color:var(--accent-2)}
.pj-icbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer;transition:.15s}
.pj-icbtn:hover{color:var(--ink);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}
.pj-icbtn[data-pa^=borrar]:hover{color:#ff9d9d;background:rgba(229,72,77,.12);border-color:rgba(229,72,77,.35)}
.pj :is(button,a,input,select):focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}

/* ── Campos ── */
.pj-sel,.pj-add input,.pj-campo input,.pj-search input{font:inherit;font-size:14px;color:var(--ink);background:rgba(8,16,19,.5);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:9px 11px;min-width:0}
.pj-sel:hover,.pj-campo input:hover{border-color:rgba(255,255,255,.22)}
.pj-sel:focus,.pj-add input:focus,.pj-campo input:focus,.pj-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,168,151,.22)}
select.pj-sel{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:30px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aaaab' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center}
select.pj-sel option{background:#16262c;color:var(--ink)}
.pj input[type=date],.pj input[type=time]{color-scheme:dark}
.pj-campo{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--muted)}
.pj-campo--inline{flex-direction:row;align-items:center;gap:8px}
.pj-campo--grow{flex:1 1 220px}.pj-campo--grow2{flex:2 1 300px}
.pj-campo input[type=color]{width:52px;height:40px;padding:3px;cursor:pointer}
.pj-search{position:relative;display:flex;align-items:center;color:var(--muted)}
.pj-search .ic{position:absolute;left:11px;pointer-events:none}
.pj-search input{padding-left:34px;width:240px}

/* ── Barra superior de la lista ── */
.pj-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pj-toolbar__t{flex:1;display:flex;align-items:baseline;gap:10px;min-width:200px}
.pj-toolbar__t h2{margin:0;font-size:22px}

/* ── Paneles (crear / editar proyecto) ── */
.pj-panel{background:linear-gradient(180deg,rgba(30,47,54,.6),rgba(22,38,44,.92));border:1px solid rgba(127,216,200,.18);border-radius:16px;padding:18px 20px;margin-bottom:18px}
.pj-panel h3{margin:0 0 14px;font-size:16px}
.pj-campos{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.pj-nota{margin:10px 0 0;font-size:13px}
.pj-acciones{display:flex;gap:8px;margin-top:14px}

/* ── Tarjetas de proyecto ── */
.pjc-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:18px}
.pjc{display:flex;flex-direction:column;gap:12px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;padding:18px 20px;border-radius:16px;
  background:linear-gradient(180deg,rgba(30,47,54,.55),rgba(22,38,44,.9));border:1px solid rgba(255,255,255,.07);border-top:4px solid var(--pc);transition:transform .15s,border-color .15s,box-shadow .15s}
.pjc:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16);border-top-color:var(--pc);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.pjc.is-archived{opacity:.6}
.pjc__top{display:flex;align-items:center;gap:10px}
.pjc__name{font-size:17px;font-weight:700;color:#fff;line-height:1.25;flex:1;min-width:0}
.pjc__desc{font-size:13.5px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.pjc__prog{display:flex;flex-direction:column;gap:6px}
.pjc__pct{font-size:12.5px;color:var(--muted);font-weight:600}
.pjc__stats{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#c3d0ce}
.pjc__stats>span{display:inline-flex;align-items:center;gap:6px}
.pjc__stats .ic{color:var(--muted)}
.pjc__stats .is-late,.pjc__stats .is-late .ic{color:#ff9d9d}
.pjc__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);min-height:44px}
.pjc__go{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent-2)}
.pj-plegable{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:none;border:0;padding:6px 0;margin:6px 0 12px;cursor:pointer}
.pj-plegable .ic{transform:rotate(-90deg);transition:transform .15s}
.pj-plegable .ic.is-abierto{transform:none}
.pj-plegable:hover{color:var(--ink)}

/* Piezas comunes */
.pj-sw{width:12px;height:12px;border-radius:4px;background:var(--pc);flex:0 0 auto;box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 25%,transparent)}
.pj-sw--lg{width:18px;height:18px;border-radius:6px;margin-top:6px}
.pj-badge{display:inline-block;vertical-align:middle;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--muted)}
.pj-bar{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.pj-bar i{display:block;height:100%;border-radius:inherit;background:var(--pc)}
.pj-avs{display:flex;align-items:center}
.pj-av{width:28px;height:28px;border-radius:50%;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#06120f}
.pj-avs .pj-av{border:2px solid #16262c;margin-left:-6px}
.pj-avs .pj-av:first-child{margin-left:0}
.pj-av--mas{background:rgba(255,255,255,.12);color:var(--ink)}
.pj-av--vacio{background:none;border:1.5px dashed rgba(255,255,255,.25);color:var(--muted)}
.pj-vacio{padding:32px 20px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.12);border-radius:14px;font-size:14.5px}

/* ── Ficha de proyecto ── */
.pj-migas{margin-bottom:8px}
.pj-cab{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.pj-cab__t{flex:1;min-width:240px}
.pj-cab__t h2{margin:0;font-size:26px;line-height:1.25}
.pj-cab__t p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.pj-cab__acc{display:flex;gap:8px;flex-wrap:wrap}

.pj-stats{display:grid;grid-template-columns:repeat(3,minmax(110px,160px)) 1fr;gap:12px;margin-bottom:18px}
.pj-stat{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:rgba(14,26,30,.6);border:1px solid rgba(255,255,255,.06)}
.pj-stat b{font-size:24px;line-height:1.1;color:#fff}
.pj-stat span{font-size:12.5px;font-weight:600;color:var(--muted)}
.pj-stat.is-late{border-color:rgba(229,72,77,.4);background:rgba(229,72,77,.07)}
.pj-stat.is-late b{color:#ff9d9d}
.pj-stat--prog{justify-content:center;gap:8px}
.pj-stat__row{display:flex;justify-content:space-between;align-items:baseline}
.pj-stat__row b{font-size:18px}

/* Pestañas como botones */
.pj-tabs{display:flex;gap:6px;padding:5px;margin-bottom:16px;background:rgba(8,16,19,.45);border:1px solid rgba(255,255,255,.07);border-radius:13px;width:max-content;max-width:100%;flex-wrap:wrap}
.pj-tab{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:600;color:var(--muted);background:none;border:1px solid transparent;border-radius:9px;padding:9px 16px;cursor:pointer;transition:.15s}
.pj-tab:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.pj-tab.is-active{color:#fff;background:rgba(31,168,151,.2);border-color:rgba(43,196,178,.45)}
.pj-tab__n{font-size:12px;font-weight:700;min-width:22px;padding:1px 7px;border-radius:99px;background:rgba(255,255,255,.08);text-align:center}
.pj-tab.is-active .pj-tab__n{background:var(--accent);color:#06120f}

/* Alta rápida (tareas y eventos) */
.pj-add{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:12px;border-radius:13px;background:rgba(14,26,30,.65);border:1px solid rgba(255,255,255,.08)}
.pj-add:focus-within{border-color:rgba(43,196,178,.45)}
.pj-add__ic{color:var(--accent-2);padding-left:6px;display:flex}
.pj-add input[name=texto],.pj-add input[name=titulo]{flex:1;background:none;border-color:transparent;font-size:15px}
.pj-add input[name=texto]:focus,.pj-add input[name=titulo]:focus{box-shadow:none;border-color:transparent}

/* Filtros */
.pj-filtros{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.pj-filtros .pj-search{margin-left:auto}
.pj-seg{display:inline-flex;padding:3px;border-radius:10px;background:rgba(8,16,19,.45);border:1px solid rgba(255,255,255,.08)}
.pj-seg__b{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);background:none;border:0;border-radius:8px;padding:7px 13px;cursor:pointer}
.pj-seg__b span{font-size:12px;opacity:.8}
.pj-seg__b:hover{color:var(--ink)}
.pj-seg__b.is-active{background:rgba(255,255,255,.1);color:#fff}

/* Barra de acciones en bloque */
.pj-bulk{position:sticky;top:-18px;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-bottom:10px;border-radius:12px;
  background:#173a3a;border:1px solid rgba(43,196,178,.5);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.pj-bulk>b{margin-right:6px;color:#fff;font-size:14px}
.pj-bulk .pj-btn,.pj-bulk .pj-sel{padding-top:8px;padding-bottom:8px}

/* ── Tabla de tareas ── */
.pj-tabla{list-style:none;margin:0;padding:0;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:rgba(14,26,30,.45)}
.pj-row{display:grid;grid-template-columns:40px 40px minmax(260px,1fr) 140px 172px 132px 110px 44px;align-items:center;min-height:54px;border-top:1px solid rgba(255,255,255,.05);transition:background .12s}
.pj-row:hover{background:rgba(255,255,255,.03)}
.pj-row--head{min-height:40px;border-top:0;background:rgba(8,16,19,.55);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pj-row--head:hover{background:rgba(8,16,19,.55)}
.pj-c{padding:6px 8px;min-width:0;display:flex;align-items:center;gap:8px}
.pj-c--sel,.pj-c--done{justify-content:center;padding:0}
.pj-c--acc{justify-content:center;padding:0}
.pj-row.is-sel{background:rgba(31,168,151,.12);box-shadow:inset 3px 0 0 var(--accent)}
.pj-row.is-late{box-shadow:inset 3px 0 0 #e5484d}
.pj-row.is-sel.is-late{box-shadow:inset 3px 0 0 var(--accent)}

.pj-grupo{display:flex;align-items:center;gap:8px;padding:14px 16px 8px;border-top:1px solid rgba(255,255,255,.05);font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pj-grupo b{font-size:12px;padding:1px 8px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--ink)}
.pj-grupo--vencidas{color:#ff9d9d}
.pj-grupo--vencidas b{background:rgba(229,72,77,.2);color:#ffc2c2}
.pj-grupo--hoy{color:var(--gold)}

.pj-chk{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin:0}
.pj-done{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:none;color:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;padding:0}
.pj-done:hover{border-color:var(--accent-2);color:var(--accent-2);background:rgba(31,168,151,.12)}
.pj-row.is-done .pj-done{background:var(--accent);border-color:var(--accent);color:#06120f}

.pj-txt{font:inherit;font-size:15px;line-height:1.4;color:var(--ink);background:none;border:0;padding:4px 6px;margin-left:-6px;border-radius:6px;text-align:left;cursor:text;overflow-wrap:anywhere;width:100%}
.pj-txt:hover{background:rgba(255,255,255,.05)}
.pj-row.is-done .pj-txt{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.3)}
.pj-edit-inp{flex:1;font:inherit;font-size:15px;color:var(--ink);background:rgba(8,16,19,.7);border:1px solid var(--accent);border-radius:8px;padding:7px 9px;box-shadow:0 0 0 3px rgba(31,168,151,.22);outline:none;min-width:0}

.pj-c--resp .pj-sel{flex:1;background-color:transparent;border-color:transparent;padding-left:6px}
.pj-c--resp .pj-sel:hover,.pj-c--prio .pj-sel:hover{border-color:rgba(255,255,255,.18);background-color:rgba(255,255,255,.04)}
.pj-row--head .pj-c--resp{padding-left:12px}

/* Fecha: botón con texto claro y selector nativo debajo */
.pj-fecha{position:relative;display:inline-flex;max-width:100%}
.pj-fecha__btn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);background:none;border:1px solid transparent;border-radius:8px;padding:7px 9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pj-fecha__btn:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.pj-fecha__btn .ic{color:var(--muted)}
.pj-fecha__inp{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;border:0;padding:0}
.pj-fecha.is-vacia .pj-fecha__btn{color:var(--muted);font-weight:500}
.pj-fecha.is-late .pj-fecha__btn,.pj-fecha.is-late .ic{color:#ff9d9d}
.pj-fecha.is-hoy .pj-fecha__btn,.pj-fecha.is-hoy .ic{color:var(--gold)}
.pj-bulk .pj-fecha__btn{border-color:rgba(255,255,255,.12);background:rgba(8,16,19,.5)}

/* Prioridad como etiqueta de color */
.pj-prio{font-weight:700;font-size:13px;border-radius:99px;padding:6px 28px 6px 12px;background-position:right 9px center}
.pj-prio--alta{background-color:rgba(229,72,77,.16);color:#ffb0b0;border-color:rgba(229,72,77,.3)}
.pj-prio--media{background-color:rgba(224,164,59,.14);color:#f1c473;border-color:rgba(224,164,59,.28)}
.pj-prio--baja{background-color:rgba(31,168,151,.12);color:#7fd8c8;border-color:rgba(31,168,151,.28)}
.pj-row.is-done .pj-prio{opacity:.55}

/* ── Eventos ── */
.pj-evs{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.pj-ev{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 10px;border-radius:12px;background:rgba(14,26,30,.55);border:1px solid rgba(255,255,255,.06)}
.pj-ev.is-pasado{opacity:.6}
.pj-ev__dia{width:52px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:6px 0;border-radius:10px;background:color-mix(in srgb,var(--pc) 18%,transparent);border:1px solid color-mix(in srgb,var(--pc) 40%,transparent)}
.pj-ev__dia b{font-size:20px;line-height:1.1;color:#fff}
.pj-ev__dia span{font-size:11.5px;font-weight:700;text-transform:uppercase;color:var(--muted)}
.pj-ev__t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.pj-ev__t b{font-size:15px;color:#fff}
.pj-ev__t .muted{font-size:13px}
.pj-sub{margin:18px 0 8px;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)!important}

/* ── Archivos ── */
.pj-files{list-style:none;margin:0;padding:0;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:rgba(14,26,30,.45)}
.pj-file{display:grid;grid-template-columns:54px minmax(200px,1fr) 150px 170px 80px 116px;align-items:center;gap:8px;min-height:56px;padding:0 10px;border-top:1px solid rgba(255,255,255,.05);font-size:13.5px}
.pj-file:first-child{border-top:0}
.pj-file:hover{background:rgba(255,255,255,.03)}
.pj-file__name{color:var(--ink);font-weight:600;font-size:14.5px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-file__name:hover{color:var(--accent-2);text-decoration:underline}
.pj-file__acc{display:flex;justify-content:flex-end;gap:2px}
.pj-ext{display:inline-flex;align-items:center;justify-content:center;height:30px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.03em;background:rgba(255,255,255,.08);color:var(--ink)}
.pj-ext--pdf{background:rgba(229,72,77,.18);color:#ffb0b0}
.pj-ext--doc{background:rgba(70,130,230,.2);color:#a9c6ff}
.pj-ext--xls{background:rgba(46,160,90,.2);color:#9fe0b5}
.pj-ext--ppt{background:rgba(230,130,50,.2);color:#ffc08a}
.pj-ext--img{background:rgba(160,110,230,.2);color:#d4b8ff}

/* Chat incrustado */
.pj-chat .pchat-list{min-height:300px}

/* Aviso con acción (Deshacer) */
.toast{display:flex;align-items:center;gap:12px}
.toast__btn{font:inherit;font-size:13.5px;font-weight:700;color:var(--accent-2);background:none;border:1px solid rgba(43,196,178,.4);border-radius:8px;padding:5px 10px;cursor:pointer}
.toast__btn:hover{background:rgba(31,168,151,.15)}

/* Pantallas medianas: la tabla se compacta; en estrecho, cada tarea pasa a tarjeta */
@media (max-width:1180px){
  .pj-row{grid-template-columns:36px 36px minmax(200px,1fr) 128px 150px 124px 100px 40px}
  .pj-file{grid-template-columns:54px minmax(160px,1fr) 120px 140px 116px}
  .pj-file>span:nth-of-type(4){display:none}
}
@media (max-width:900px){
  .pj-stats{grid-template-columns:repeat(3,1fr)}
  .pj-stat--prog{grid-column:1/-1}
  .pj-row--head{display:none}
  .pj-row{grid-template-columns:36px 36px 1fr 1fr 42px;grid-template-areas:"sel done txt txt acc" ". . estado resp resp" ". . fecha prio prio";padding:6px 0}
  .pj-c--estado{grid-area:estado}
  .pj-c--sel{grid-area:sel}.pj-c--done{grid-area:done}.pj-c--txt{grid-area:txt}.pj-c--acc{grid-area:acc}
  .pj-c--resp{grid-area:resp}.pj-c--fecha{grid-area:fecha}.pj-c--prio{grid-area:prio}
  .pj-add{flex-wrap:wrap}
  .pj-add input[name=texto],.pj-add input[name=titulo]{flex-basis:100%}
  .pj-filtros .pj-search{margin-left:0}
  .pj-search input{width:100%}
  .pj-file{grid-template-columns:48px 1fr 116px}
  .pj-file>span.muted{display:none}
}

/* ═══════════ Vistas tipo Notion (06-oct-2026) ═══════════ */
.pj-vistas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pj-vistas__tabs{display:flex;gap:2px;border-bottom:1px solid rgba(255,255,255,.08)}
.pj-vtab{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:14px;font-weight:600;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:9px 14px;cursor:pointer;margin-bottom:-1px}
.pj-vtab:hover{color:var(--ink)}
.pj-vtab.is-active{color:#fff;border-bottom-color:var(--accent-2)}
.pj-btn--ia{border-color:rgba(160,110,230,.45);background:linear-gradient(135deg,rgba(160,110,230,.18),rgba(31,168,151,.14));color:#e6dcff}
.pj-btn--ia:hover{border-color:rgba(180,140,240,.8);background:linear-gradient(135deg,rgba(160,110,230,.28),rgba(31,168,151,.22))}

/* Selects con color (estado, prioridad, campos de selección) */
select.pj-pill{--c:#8b9a9c;font-weight:700;font-size:13px;border-radius:99px;padding:6px 28px 6px 12px;background-position:right 9px center;
  background-color:color-mix(in srgb,var(--c) 18%,transparent);color:color-mix(in srgb,var(--c) 55%,#fff);border-color:color-mix(in srgb,var(--c) 38%,transparent);max-width:100%;text-overflow:ellipsis}
select.pj-pill:hover{border-color:color-mix(in srgb,var(--c) 70%,transparent)}
select.pj-pill.is-vacio{background-color:transparent;color:var(--muted);border-color:transparent;font-weight:500}
.pj-row.is-done select.pj-pill{opacity:.7}
.pj-tag{--c:#8b9a9c;display:inline-flex;align-items:center;font-size:12px;font-weight:700;line-height:1;padding:4px 8px;border-radius:6px;white-space:nowrap;
  background:color-mix(in srgb,var(--c) 18%,transparent);color:color-mix(in srgb,var(--c) 55%,#fff)}
.pj-meta{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.pj-falta-n{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--gold)}
.pj-res{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.pj-c--txt{flex-direction:column;align-items:flex-start;gap:0}
.pj-grupo__dot{width:10px;height:10px;border-radius:3px;background:var(--c)}
.pj-av--xs{width:22px;height:22px;font-size:10px}

/* Tabla completa */
.pj-tc{overflow:auto;max-height:calc(100vh - 230px);border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(14,26,30,.45)}
.pj-tc__t{border-collapse:separate;border-spacing:0;min-width:100%;font-size:13.5px}
.pj-tc__t th{position:sticky;top:0;z-index:2;background:#0f1d21;text-align:left;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:10px 10px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}
.pj-tc__t td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;min-width:140px;max-width:220px}
.pj-tc__t tr:hover td{background:rgba(255,255,255,.025)}
.pj-tc__t tr.is-sel td{background:rgba(31,168,151,.1)}
.pj-tc__t .is-ancha{min-width:240px;max-width:300px}
.pj-tc__t .is-media{min-width:160px}
.pj-tc__sel{position:sticky;left:0;z-index:1;min-width:40px!important;width:40px;background:#102024;text-align:center}
th.pj-tc__sel{z-index:3}
.pj-tc__tit{position:sticky;left:40px;z-index:1;min-width:300px!important;max-width:360px!important;background:#102024;box-shadow:1px 0 0 rgba(255,255,255,.08)}
th.pj-tc__tit{z-index:3;background:#0f1d21}
.pj-tc__titw{display:flex;align-items:flex-start;gap:8px}
.pj-tc__titw .pj-txt{font-size:14px;font-weight:600}
.pj-tc__t tr.is-done .pj-txt{color:var(--muted);text-decoration:line-through}
.pj-done--sm{width:20px;height:20px;flex:0 0 auto;margin-top:5px}
.pj-tc__t tr.is-done .pj-done{background:var(--accent);border-color:var(--accent);color:#06120f}
.pj-celda{display:block;width:100%;text-align:left;font:inherit;font-size:13px;color:var(--ink);background:none;border:1px solid transparent;border-radius:7px;padding:6px 8px;cursor:pointer;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-celda:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
.pj-celda__vacia{color:rgba(255,255,255,.25)}
.pj-celda-url{display:flex;align-items:center;gap:2px;min-width:0}
.pj-tc__resp{display:flex;align-items:center;gap:6px}
.pj-tc__resp .pj-sel{background-color:transparent;border-color:transparent;padding-left:4px;min-width:0;flex:1}
.pj-tc__meta{color:var(--muted);font-size:12.5px;white-space:nowrap}
.pj-tc__meta small{display:block;font-size:11.5px}

/* Kanban */
.pj-kb{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;align-items:flex-start;min-height:340px}
.pj-kb__col{--c:#8b9a9c;flex:0 0 296px;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:14px;background:rgba(14,26,30,.5);border:1px solid rgba(255,255,255,.06);border-top:3px solid var(--c);transition:background .12s,border-color .12s}
.pj-kb__col.is-sobre{background:color-mix(in srgb,var(--c) 12%,rgba(14,26,30,.6));border-color:color-mix(in srgb,var(--c) 60%,transparent)}
.pj-kb__head{display:flex;align-items:center;gap:8px;padding:2px 4px;font-size:14px;font-weight:700;color:#fff}
.pj-kb__head b{margin-left:auto;font-size:12px;padding:1px 8px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--ink)}
.pj-kb__cards{display:flex;flex-direction:column;gap:8px;min-height:20px}
.pj-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:11px;background:#16272d;border:1px solid rgba(255,255,255,.08);cursor:grab;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.pj-card:hover{border-color:rgba(255,255,255,.2)}
.pj-card.is-arrastrando{opacity:.45}
.pj-card.is-done .pj-card__t{color:var(--muted);text-decoration:line-through}
.pj-card__t{font:inherit;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--ink);text-align:left;background:none;border:0;padding:0;cursor:pointer;overflow-wrap:anywhere}
.pj-card__t:hover{color:var(--accent-2)}
.pj-card__tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.pj-card__tags:empty{display:none}
.pj-card__pie{display:flex;align-items:center;gap:8px}
.pj-card__pie .pj-av{width:24px;height:24px;font-size:10px}
.pj-card__f{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--muted);margin-left:auto}
.pj-card__f.is-late{color:#ff9d9d}.pj-card__f.is-hoy{color:var(--gold)}
.pj-kb__nueva{display:flex;align-items:center;gap:6px;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);background:none;border:1px dashed rgba(255,255,255,.12);border-radius:10px;padding:9px 10px;cursor:pointer}
.pj-kb__nueva:hover{color:var(--ink);border-color:rgba(255,255,255,.3)}
.pj-kb__add{display:flex;flex-direction:column;gap:8px}
.pj-kb__add input{font:inherit;font-size:14px;color:var(--ink);background:rgba(8,16,19,.6);border:1px solid var(--accent);border-radius:9px;padding:9px 11px}
.pj-kb__add .pj-acciones{margin-top:0}

/* Ficha lateral de la tarea */
.tf{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end}
.tf__scrim{position:absolute;inset:0;background:rgba(3,8,10,.5)}
.tf__panel{position:relative;width:min(620px,100vw);height:100%;display:flex;flex-direction:column;background:#122228;border-left:1px solid rgba(127,216,200,.18);box-shadow:-20px 0 60px rgba(0,0,0,.45);animation:tf-in .18s ease}
@keyframes tf-in{from{transform:translateX(30px);opacity:.4}to{transform:none;opacity:1}}
.tf__head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.tf__proy{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--muted)}
.tf__body{flex:1;overflow-y:auto;padding:18px 22px 28px}
.tf__titulo{width:100%;font:inherit;font-size:22px;font-weight:700;line-height:1.3;color:#fff;background:none;border:1px solid transparent;border-radius:9px;padding:6px 8px;margin:0 0 12px -8px;resize:none;field-sizing:content;min-height:44px}
.tf__titulo:hover{border-color:rgba(255,255,255,.12)}
.tf__titulo:focus{outline:none;border-color:var(--accent);background:rgba(8,16,19,.5)}
.tf__props{margin:0;display:flex;flex-direction:column;gap:2px}
.tf__prop{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:start;padding:4px 0}
.tf__prop dt{font-size:13.5px;font-weight:600;color:var(--muted);padding-top:9px}
.tf__prop dd{margin:0;min-width:0}
.tf__prop dd>.pj-sel,.tf__prop dd>select{max-width:100%}
.tf__prop dd>input.pj-sel{width:100%}
.tf__area{width:100%;font:inherit;font-size:14px;line-height:1.5;color:var(--ink);background:rgba(8,16,19,.35);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px 10px;resize:vertical;field-sizing:content;min-height:42px}
.tf__area:hover{border-color:rgba(255,255,255,.2)}
.tf__area:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,168,151,.22)}
.tf__url,.tf__resp,.tf__nueva{display:flex;align-items:center;gap:6px}
.tf__url .pj-sel,.tf__nueva .pj-sel{flex:1}
.tf__sec{margin:22px 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)!important}
.tf__sec small{display:block;text-transform:none;letter-spacing:0;font-weight:500;font-size:12.5px;margin-top:3px}
.tf__meta{margin:22px 0 0;font-size:12.5px;color:var(--muted)}
.tf__falta{margin:0 0 14px;padding:12px 14px;border-radius:11px;background:rgba(224,164,59,.1);border:1px solid rgba(224,164,59,.35)}
.tf__falta>b{display:flex;align-items:center;gap:7px;color:var(--gold);font-size:13.5px;margin-bottom:6px}
.tf__falta ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.tf__falta li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#f1dcb5}
.tf__falta li span{flex:1}

/* Ventanas (editor de campos, IA) */
.pj-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px}
.pj-modal__scrim{position:absolute;inset:0;background:rgba(3,8,10,.6)}
.pj-modal__box{position:relative;width:min(760px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#122228;border:1px solid rgba(127,216,200,.2);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.pj-modal--ia .pj-modal__box{width:min(940px,100%)}
.pj-modal__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.pj-modal__head h3{display:flex;align-items:center;gap:9px;margin:0;font-size:18px}
.pj-modal__body{flex:1;overflow-y:auto;padding:18px 20px}
.pj-modal__pie{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.07)}
.ed-lista{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px}
.ed-fila{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;border-radius:10px;background:rgba(8,16,19,.35);border:1px solid rgba(255,255,255,.05)}
.ed-nombre{flex:1;min-width:180px}
.ed-opciones{flex-basis:100%}
.ed-color{width:38px;height:36px;padding:2px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:none;cursor:pointer}
.ed-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer}
.ed-check input{accent-color:var(--accent);width:16px;height:16px}
.pj-icbtn:disabled{opacity:.3;cursor:default;background:none;border-color:transparent}
.pj-link .ic{display:inline-block;vertical-align:-3px;margin-right:4px}

/* IA */
.ia-intro{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:#c9d6d3}
.ia-texto{width:100%;font:inherit;font-size:14.5px;line-height:1.55;color:var(--ink);background:rgba(8,16,19,.5);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:12px 14px;resize:vertical;min-height:200px}
.ia-texto:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,168,151,.22)}
.pj-modal .pj-campo{margin-bottom:12px}
.ia-error,.ia-aviso{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:13.5px}
.ia-error{background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.4);color:#ffc2c2}
.ia-aviso{background:rgba(224,164,59,.1);border:1px solid rgba(224,164,59,.35);color:#f1dcb5}
.ia-nota{font-size:12.5px}
.ia-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(6,18,15,.3);border-top-color:#06120f;animation:ia-giro .7s linear infinite}
@keyframes ia-giro{to{transform:rotate(360deg)}}
.ia-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:ia}
.ia-prop{padding:14px 16px;border-radius:13px;background:rgba(8,16,19,.4);border:1px solid rgba(255,255,255,.08)}
.ia-prop.is-fuera{opacity:.45}
.ia-prop__top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ia-prop__t{flex:1;font-size:15px!important;font-weight:700}
.ia-prop__props{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:8px}
.ia-prop__props label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted);min-width:0}
.ia-prop__props .pj-sel{width:100%}
.ia-prop__origen{margin:4px 0 8px;font-size:13px;color:var(--muted)}
.ia-prop .tf__falta{margin:8px 0}
.ia-prop__det summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--accent-2);padding:4px 0}
.ia-prop__det[open] summary{margin-bottom:6px}
.ia-prop__det .tf__prop{grid-template-columns:160px 1fr}
@media (max-width:900px){.ia-prop__props{grid-template-columns:1fr 1fr}.tf__prop{grid-template-columns:1fr;gap:4px}.tf__prop dt{padding-top:0}}

/* ═══════════ Permisos (06-oct-2026) ═══════════ */
.pj-btn--sm{padding:7px 10px;font-size:13px}
.pj-btn:disabled{opacity:.4;cursor:default}
.pj-vis{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--muted);padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.05)}
.pj-vis.is-restringido{color:#f1c473;background:rgba(224,164,59,.12)}
.pj-vis-btn.is-restringido{border-color:rgba(224,164,59,.45);color:#f1c473;background:rgba(224,164,59,.08)}
.comp-modos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.comp-modo{display:flex;align-items:flex-start;gap:10px;text-align:left;font:inherit;color:var(--ink);background:rgba(8,16,19,.4);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer}
.comp-modo span{display:flex;flex-direction:column;gap:3px}
.comp-modo b{font-size:14.5px}.comp-modo small{font-size:12.5px;color:var(--muted);line-height:1.35}
.comp-modo .ic{margin-top:2px;color:var(--muted)}
.comp-modo:hover{border-color:rgba(255,255,255,.25)}
.comp-modo.is-on{border-color:var(--accent-2);background:rgba(31,168,151,.12)}
.comp-modo.is-on .ic{color:var(--accent-2)}
.comp-personas{display:flex;flex-wrap:wrap;gap:8px}
.comp-persona{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13.5px;color:var(--ink);background:rgba(8,16,19,.4);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:4px 12px 4px 4px;cursor:pointer}
.comp-persona.is-on{border-color:var(--accent-2);background:rgba(31,168,151,.14)}
.comp-resumen{display:flex;gap:9px;align-items:flex-start;margin:18px 0 0;padding:12px 14px;border-radius:11px;background:rgba(8,16,19,.45);font-size:13.5px;color:#c9d6d3;line-height:1.5}
.comp-resumen .ic{margin-top:3px;flex:0 0 auto}

/* Personas y accesos */
.ac-intro{margin:0 0 14px;color:#c9d6d3;font-size:14.5px;max-width:860px}
.ac-lista{list-style:none;margin:0;padding:0;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:rgba(14,26,30,.45)}
.ac-fila{display:grid;grid-template-columns:minmax(220px,1.2fr) 150px minmax(260px,2fr) 100px 250px;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid rgba(255,255,255,.05)}
.ac-fila:first-child{border-top:0}
.ac-fila--head{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:rgba(8,16,19,.55)}
.ac-fila.is-baja{opacity:.55}
.ac-quien{display:flex;align-items:center;gap:10px;min-width:0}
.ac-quien>span:last-child{display:flex;flex-direction:column;min-width:0}
.ac-quien small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-areas{display:flex;flex-wrap:wrap;gap:6px}
.ac-chip{--c:#8b9a9c;display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);background:transparent;border:1px dashed rgba(255,255,255,.18);border-radius:99px;padding:4px 10px;cursor:pointer}
.ac-chip:hover{border-color:color-mix(in srgb,var(--c) 70%,transparent);color:var(--ink)}
.ac-chip.is-on{border-style:solid;border-color:color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 20%,transparent);color:color-mix(in srgb,var(--c) 45%,#fff)}
.ac-ve{font-size:13px}
.ac-acc{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.ac-panel{max-width:820px;padding:18px 20px;border-radius:14px;background:rgba(14,26,30,.5);border:1px solid rgba(255,255,255,.07)}
.ac-panel h3{margin:6px 0 10px;font-size:16px}
.ac-panel h3+p{margin-top:0}
.ac-reglas{margin:0 0 18px;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:#c9d6d3}
.ac-n{font-size:13px;min-width:90px}
.ac-resultado{margin:12px 0 0;font-size:13.5px;color:var(--accent-2)}
@media (max-width:1180px){.ac-fila{grid-template-columns:1fr 140px;}.ac-areas,.ac-acc{grid-column:1/-1}.ac-ve{display:none}.ac-fila--head{display:none}}

/* «Ver como» */
.vercomo-banner{position:fixed;top:0;left:0;right:0;z-index:95;display:flex;align-items:center;justify-content:center;gap:14px;padding:7px 14px;background:#4a3a0e;color:#ffe2a3;font-size:13.5px;font-weight:600;border-bottom:1px solid #a07a20}
.vercomo-banner button{font:inherit;font-size:13px;font-weight:700;color:#1d1503;background:#f1c473;border:0;border-radius:8px;padding:5px 12px;cursor:pointer}
body.vercomo .ws{padding-top:36px}
.side-ic--svg{color:var(--accent-2)}
.vercomo-banner{font-size:14px;padding:9px 14px}
.vercomo-banner button{font-size:13.5px;padding:7px 14px}
.vercomo-volver{display:block;margin:8px 12px;font:inherit;font-size:14px;font-weight:700;color:#1d1503;background:#f1c473;border:0;border-radius:10px;padding:10px 12px;cursor:pointer;text-align:center}
.vercomo-volver:hover{background:#ffd88a}
.side__me.is-vercomo{background:rgba(224,164,59,.14);box-shadow:inset 3px 0 0 #f1c473}
.side__me.is-vercomo .side__mename{color:#ffe2a3}