/* ═══════════════════════════════════════════════════════════════════════════
   PANEL ADMIN — Nothion MC
   Overlay full-screen con sidebar + 3 secciones (Jugadores / Notas / Tareas).
   Usa las variables del tema (var(--bg), --accent, etc.) → soporta modo claro.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Botón flotante de entrada ─────────────────────────────────────────────── */
#admin-panel-btn{
  position:fixed;right:1.5rem;bottom:8.5rem;z-index:120;display:none;
  align-items:center;gap:.5rem;padding:.62rem .95rem;cursor:pointer;
  font-family:inherit;font-size:.82rem;font-weight:700;color:#fff;
  background:#1d4ed8;border:none;border-radius:10px;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.22),inset -2px -2px 0 rgba(0,0,0,.5),
             0 4px 0 #0c2a7a,0 4px 12px rgba(29,78,216,.4);
  transition:background .12s,transform .12s,filter .12s;
}
#admin-panel-btn:hover{background:#2563eb;transform:translateY(-1px);filter:brightness(1.06)}
#admin-panel-btn:active{transform:translateY(3px);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.22),inset -2px -2px 0 rgba(0,0,0,.5),0 1px 0 #0c2a7a}
#admin-panel-btn .mc{width:1.4em;height:1.4em;flex-shrink:0;image-rendering:pixelated;
  filter:drop-shadow(2px 2px 0 rgba(0,0,0,.55));vertical-align:middle}
@media(max-width:768px){ #admin-panel-btn{right:1rem;bottom:8.2rem} }

/* ── Overlay raíz ──────────────────────────────────────────────────────────── */
#admin-panel-overlay{
  position:fixed;inset:0;z-index:400;display:none;
  background:var(--bg);color:var(--text);
  font-size:13px;
}
#admin-panel-overlay.open{display:block;animation:apFade .18s ease}
@keyframes apFade{from{opacity:0}to{opacity:1}}

.ap-shell{display:flex;height:100vh;height:100dvh;width:100%;overflow:hidden}

/* ── Sidebar ───────────────────────────────────────────────────────────────── */
.ap-sidebar{
  width:248px;flex-shrink:0;display:flex;flex-direction:column;
  background:var(--bg2);border-right:1px solid var(--border2);padding:1rem .75rem;
}
.ap-brand{display:flex;align-items:center;gap:.6rem;padding:.4rem .55rem 1rem;
  font-weight:800;font-size:1.05rem;letter-spacing:.3px}
.ap-brand .ap-logo{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:1rem;
  box-shadow:0 2px 10px rgba(29,78,216,.45)}
.ap-nav{display:flex;flex-direction:column;gap:.2rem;flex:1;overflow-y:auto}
.ap-nav-sep{font-size:.66rem;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);
  padding:.9rem .65rem .35rem;font-weight:700}
.ap-nav-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .65rem;border-radius:9px;
  cursor:pointer;color:var(--muted2);font-weight:600;font-size:.86rem;border:1px solid transparent;
  transition:background .12s,color .12s}
.ap-nav-item:hover{background:var(--bg3);color:var(--text)}
.ap-nav-item.active{background:rgba(37,99,235,.16);color:var(--text);border-color:rgba(37,99,235,.4)}
.ap-nav-item .ap-ico{width:18px;text-align:center;font-size:1rem;flex-shrink:0}
.ap-nav-item .ap-badge{margin-left:auto;background:var(--bg3);color:var(--muted2);
  font-size:.66rem;font-weight:700;padding:.05rem .4rem;border-radius:20px;min-width:18px;text-align:center}
.ap-nav-item.active .ap-badge{background:rgba(37,99,235,.3);color:#bfdbfe}

.ap-side-foot{border-top:1px solid var(--border);padding-top:.7rem;margin-top:.5rem}
.ap-user-chip{display:flex;align-items:center;gap:.55rem;padding:.4rem .5rem;border-radius:9px;font-size:.8rem}
.ap-user-chip img{width:26px;height:26px;border-radius:6px;image-rendering:pixelated;background:var(--bg3)}
.ap-user-chip .ap-role{font-size:.64rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.ap-close-btn{width:100%;margin-top:.5rem;padding:.5rem;border-radius:9px;cursor:pointer;
  background:var(--bg3);border:1px solid var(--border2);color:var(--muted2);font-weight:700;font-size:.8rem;
  transition:background .12s,color .12s}
.ap-close-btn:hover{background:rgba(239,68,68,.14);color:#fca5a5;border-color:rgba(239,68,68,.35)}

/* ── Main ──────────────────────────────────────────────────────────────────── */
.ap-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.ap-section{flex:1;overflow-y:auto;padding:1.6rem 2rem;display:none}
.ap-section.active{display:block}
.ap-h{display:flex;align-items:center;gap:.7rem;margin-bottom:.3rem}
.ap-h h2{font-size:1.4rem;font-weight:800;margin:0}
.ap-sub{color:var(--muted2);font-size:.85rem;margin-bottom:1.3rem}

/* ── Botones / inputs comunes ──────────────────────────────────────────────── */
.ap-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:9px;
  cursor:pointer;font-family:inherit;font-weight:700;font-size:.82rem;border:1px solid var(--border2);
  background:var(--bg3);color:var(--text);transition:background .12s,border-color .12s,transform .1s}
.ap-btn:hover{background:var(--bg2);border-color:var(--accent)}
.ap-btn:active{transform:translateY(1px)}
.ap-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;color:#fff}
.ap-btn.primary:hover{filter:brightness(1.08)}
.ap-btn.danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35);color:#fca5a5}
.ap-btn.danger:hover{background:rgba(239,68,68,.22)}
.ap-btn.sm{padding:.32rem .55rem;font-size:.74rem}
.ap-btn.ghost{background:transparent;border-color:transparent;color:var(--muted2)}
.ap-btn.ghost:hover{background:var(--bg3);color:var(--text)}
.ap-input,.ap-select,.ap-textarea{width:100%;padding:.55rem .7rem;border-radius:9px;
  background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:inherit;font-size:.85rem;
  outline:none;transition:border-color .12s}
.ap-input:focus,.ap-select:focus,.ap-textarea:focus{border-color:var(--accent)}
.ap-textarea{resize:vertical;min-height:70px;line-height:1.5}
.ap-label{display:block;font-size:.74rem;font-weight:700;color:var(--muted2);margin:.7rem 0 .3rem;
  text-transform:uppercase;letter-spacing:.4px}
.ap-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}

.ap-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}
.ap-empty .ap-empty-ico{font-size:2.4rem;margin-bottom:.6rem;opacity:.6}
.ap-loading{display:flex;align-items:center;gap:.6rem;color:var(--muted2);padding:2rem;justify-content:center}
.ap-spin{width:18px;height:18px;border:2px solid var(--border2);border-top-color:var(--accent);
  border-radius:50%;animation:apSpin .7s linear infinite}
@keyframes apSpin{to{transform:rotate(360deg)}}

/* ════════════════════════════════════════════════════════════════════════════
   SECCIÓN: INSPECCIONAR JUGADORES
   ════════════════════════════════════════════════════════════════════════════ */
.ap-search-wrap{position:relative;max-width:480px;margin-bottom:1.3rem}
.ap-search-wrap input{padding-left:2.2rem}
.ap-search-wrap .ap-search-ico{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.9rem}
.ap-pl-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg2);
  border:1px solid var(--border2);border-radius:10px;max-height:280px;overflow-y:auto;z-index:5;
  box-shadow:0 12px 32px rgba(0,0,0,.4);display:none}
.ap-pl-results.show{display:block}
.ap-pl-opt{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;cursor:pointer;font-size:.84rem}
.ap-pl-opt:hover{background:var(--bg3)}
.ap-pl-opt img{width:24px;height:24px;border-radius:5px;image-rendering:pixelated;background:var(--bg3)}
.ap-pl-opt .ap-on{width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:auto}
.ap-pl-opt .ap-off{width:7px;height:7px;border-radius:50%;background:var(--muted);margin-left:auto}

.ap-pl-card{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:1.3rem;margin-bottom:1.3rem}
.ap-pl-top{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.ap-pl-top img{width:64px;height:64px;border-radius:10px;image-rendering:pixelated;background:var(--bg3);border:1px solid var(--border2)}
.ap-pl-top h3{margin:0;font-size:1.3rem;font-weight:800}
.ap-pl-meta{color:var(--muted2);font-size:.8rem;display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.25rem}
.ap-pl-status{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.ap-state-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:20px;
  font-size:.74rem;font-weight:700}
.ap-state-ok{background:rgba(34,197,94,.14);color:#86efac}
.ap-state-ban{background:rgba(239,68,68,.16);color:#fca5a5}
.ap-state-mute{background:rgba(245,158,11,.16);color:#fcd34d}

.ap-sanc-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.1rem}
.ap-hist-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  color:var(--muted);margin:1rem 0 .6rem}
.ap-sanc-item{display:flex;gap:.8rem;padding:.75rem .9rem;border-radius:11px;background:var(--bg3);
  border:1px solid var(--border);margin-bottom:.55rem;align-items:flex-start}
.ap-sanc-item.inactive{opacity:.55}
.ap-sanc-type{flex-shrink:0;width:42px;height:42px;border-radius:9px;display:grid;place-items:center;font-size:1.1rem}
.ap-tg-ban{background:rgba(239,68,68,.16);color:#fca5a5}
.ap-tg-mute{background:rgba(245,158,11,.16);color:#fcd34d}
.ap-tg-warn{background:rgba(168,85,247,.16);color:#d8b4fe}
.ap-tg-kick{background:rgba(56,189,248,.16);color:#7dd3fc}
.ap-sanc-body{flex:1;min-width:0}
.ap-sanc-body .ap-sanc-reason{font-weight:600;font-size:.88rem}
.ap-sanc-body .ap-sanc-meta{font-size:.74rem;color:var(--muted);margin-top:.25rem;display:flex;gap:.7rem;flex-wrap:wrap}
.ap-sanc-tag{font-size:.64rem;font-weight:800;text-transform:uppercase;padding:.1rem .4rem;border-radius:5px;background:var(--bg);color:var(--muted2)}
.ap-sanc-tag.active{background:rgba(239,68,68,.2);color:#fca5a5}
.ap-sanc-tag.expired{background:rgba(107,114,128,.2);color:var(--muted2)}

/* ════════════════════════════════════════════════════════════════════════════
   SECCIÓN: MENSAJES Y NOTAS
   ════════════════════════════════════════════════════════════════════════════ */
.ap-note-compose{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:1rem;margin-bottom:1.3rem}
.ap-note-colors{display:flex;gap:.4rem;margin:.6rem 0}
.ap-color-dot{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s}
.ap-color-dot:hover{transform:scale(1.12)}
.ap-color-dot.sel{border-color:var(--text)}
.ap-notes-grid{columns:2;column-gap:1rem}
@media(max-width:900px){.ap-notes-grid{columns:1}}
.ap-note{break-inside:avoid;margin-bottom:1rem;border-radius:14px;padding:1rem 1.1rem;
  border:1px solid var(--border2);background:var(--bg2);position:relative}
.ap-note.c-blue{border-left:4px solid #3b82f6}
.ap-note.c-green{border-left:4px solid #22c55e}
.ap-note.c-amber{border-left:4px solid #f59e0b}
.ap-note.c-red{border-left:4px solid #ef4444}
.ap-note.c-purple{border-left:4px solid #a855f7}
.ap-note.pinned{box-shadow:0 0 0 1px var(--accent)}
.ap-note-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.55rem}
.ap-note-head img{width:28px;height:28px;border-radius:6px;image-rendering:pixelated;background:var(--bg3)}
.ap-note-head .ap-note-author{font-weight:700;font-size:.84rem}
.ap-note-head .ap-note-time{font-size:.72rem;color:var(--muted)}
.ap-note-head .ap-note-tools{margin-left:auto;display:flex;gap:.2rem;opacity:0;transition:opacity .12s}
.ap-note:hover .ap-note-tools{opacity:1}
.ap-note-tool{background:none;border:none;color:var(--muted2);cursor:pointer;font-size:.85rem;padding:.2rem .35rem;border-radius:6px}
.ap-note-tool:hover{background:var(--bg3);color:var(--text)}
.ap-note-body{font-size:.88rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.ap-pin-flag{position:absolute;top:-8px;right:12px;font-size:.95rem}
.ap-note-replies{margin-top:.7rem;border-top:1px solid var(--border);padding-top:.6rem;display:flex;flex-direction:column;gap:.5rem}
.ap-reply{display:flex;gap:.5rem;font-size:.82rem}
.ap-reply img{width:22px;height:22px;border-radius:5px;image-rendering:pixelated;background:var(--bg3);flex-shrink:0}
.ap-reply .ap-reply-a{font-weight:700}
.ap-reply .ap-reply-b{color:var(--muted2);white-space:pre-wrap;word-break:break-word}
.ap-reply-form{display:flex;gap:.4rem;margin-top:.5rem}
.ap-reply-form input{flex:1;padding:.4rem .6rem;font-size:.8rem;border-radius:8px;
  background:var(--bg3);border:1px solid var(--border2);color:var(--text)}

/* ════════════════════════════════════════════════════════════════════════════
   SECCIÓN: TAREAS (estilo Notion)
   ════════════════════════════════════════════════════════════════════════════ */
.ap-tasks{display:flex;flex-direction:column;height:100%}
.ap-boards-bar{display:flex;align-items:center;gap:.4rem;padding:.7rem 1.4rem;border-bottom:1px solid var(--border);
  overflow-x:auto;flex-shrink:0}
.ap-board-tab{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:8px;cursor:pointer;
  font-weight:700;font-size:.82rem;color:var(--muted2);white-space:nowrap;border:1px solid transparent}
.ap-board-tab:hover{background:var(--bg3);color:var(--text)}
.ap-board-tab.active{background:var(--bg3);color:var(--text);border-color:var(--border2)}
.ap-board-tab .ap-board-emoji{font-size:1rem}

.ap-board-head{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.4rem .3rem;flex-wrap:wrap}
.ap-board-head .ap-board-title{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}
.ap-board-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.4rem 1rem;flex-wrap:wrap;border-bottom:1px solid var(--border)}
.ap-view-switch{display:flex;gap:.15rem;background:var(--bg3);border-radius:9px;padding:.2rem}
.ap-view-btn{padding:.35rem .6rem;border-radius:7px;cursor:pointer;font-size:.78rem;font-weight:700;
  color:var(--muted2);border:none;background:none;display:flex;align-items:center;gap:.3rem}
.ap-view-btn.active{background:var(--bg);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.ap-toolbar-spacer{flex:1}
.ap-mini-search{display:flex;align-items:center;gap:.4rem;background:var(--bg3);border:1px solid var(--border2);
  border-radius:8px;padding:.3rem .55rem}
.ap-mini-search input{background:none;border:none;outline:none;color:var(--text);font-family:inherit;font-size:.8rem;width:140px}

.ap-view-wrap{flex:1;overflow:auto;padding:1.1rem 1.4rem}

/* Kanban */
.ap-kanban{display:flex;gap:1rem;align-items:flex-start;min-height:100%}
.ap-col{flex:0 0 286px;width:286px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;
  padding:.7rem;display:flex;flex-direction:column;max-height:100%}
.ap-col.drag-over{border-color:var(--accent);background:rgba(37,99,235,.06)}
.ap-col-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.6rem;padding:0 .2rem}
.ap-col-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.ap-col-name{font-weight:800;font-size:.84rem}
.ap-col-count{color:var(--muted);font-size:.76rem}
.ap-col-add{margin-left:auto;background:none;border:none;color:var(--muted2);cursor:pointer;font-size:1.05rem;
  width:24px;height:24px;border-radius:6px}
.ap-col-add:hover{background:var(--bg3);color:var(--text)}
.ap-col-cards{display:flex;flex-direction:column;gap:.55rem;overflow-y:auto;min-height:24px}
.ap-card{background:var(--bg3);border:1px solid var(--border2);border-radius:11px;padding:.7rem .8rem;cursor:pointer;
  transition:border-color .12s,transform .06s;position:relative}
.ap-card:hover{border-color:var(--accent)}
.ap-card.dragging{opacity:.45}
.ap-card.done .ap-card-title{text-decoration:line-through;opacity:.6}
.ap-card-title{font-weight:600;font-size:.88rem;line-height:1.4;margin-bottom:.4rem;word-break:break-word}
.ap-card-props{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}
.ap-chip{font-size:.68rem;font-weight:700;padding:.12rem .45rem;border-radius:6px;background:var(--bg);color:var(--muted2);
  display:inline-flex;align-items:center;gap:.25rem}
.ap-chip.prio-alta,.ap-chip.prio-urgente{background:rgba(239,68,68,.18);color:#fca5a5}
.ap-chip.prio-media{background:rgba(245,158,11,.18);color:#fcd34d}
.ap-chip.prio-baja{background:rgba(34,197,94,.16);color:#86efac}
.ap-chip.due-late{background:rgba(239,68,68,.18);color:#fca5a5}
.ap-card-assignees{display:flex;margin-left:auto}
.ap-card-assignees img,.ap-ava{width:20px;height:20px;border-radius:50%;image-rendering:pixelated;
  background:var(--bg);border:1.5px solid var(--bg3);margin-left:-6px;object-fit:cover}
.ap-card-add{width:100%;margin-top:.5rem;padding:.4rem;border-radius:8px;border:1px dashed var(--border2);
  background:none;color:var(--muted);cursor:pointer;font-size:.78rem;font-weight:600}
.ap-card-add:hover{color:var(--text);border-color:var(--accent)}
.ap-add-col{flex:0 0 220px}
.ap-add-col-btn{width:100%;padding:.7rem;border-radius:12px;border:1px dashed var(--border2);background:none;
  color:var(--muted2);cursor:pointer;font-weight:700;font-size:.82rem}
.ap-add-col-btn:hover{color:var(--text);border-color:var(--accent)}

/* Tabla */
.ap-table{width:100%;border-collapse:collapse;font-size:.84rem}
.ap-table th{text-align:left;padding:.5rem .7rem;color:var(--muted);font-weight:700;font-size:.72rem;
  text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border2);white-space:nowrap}
.ap-table td{padding:.5rem .7rem;border-bottom:1px solid var(--border);vertical-align:middle}
.ap-table tr{cursor:pointer}
.ap-table tbody tr:hover{background:var(--bg2)}
.ap-table .ap-tt{font-weight:600}
.ap-table tr.done .ap-tt{text-decoration:line-through;opacity:.6}
.ap-check{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--border2);cursor:pointer;
  display:inline-grid;place-items:center;flex-shrink:0}
.ap-check.on{background:var(--green);border-color:var(--green);color:#04210f}

/* Lista */
.ap-list-group{margin-bottom:1.3rem}
.ap-list-gh{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.84rem;margin-bottom:.5rem}
.ap-list-row{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:9px;cursor:pointer;
  border:1px solid transparent}
.ap-list-row:hover{background:var(--bg2);border-color:var(--border)}
.ap-list-row.done .ap-tt{text-decoration:line-through;opacity:.6}
.ap-list-row .ap-tt{flex:1;font-weight:600;font-size:.87rem}

/* Calendario */
.ap-cal-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem;font-weight:800;font-size:1rem}
.ap-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ap-cal-dow{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;text-align:center;padding:.3rem}
.ap-cal-cell{min-height:92px;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:.35rem;overflow:hidden}
.ap-cal-cell.other{opacity:.4}
.ap-cal-cell.today{border-color:var(--accent)}
.ap-cal-day{font-size:.72rem;font-weight:700;color:var(--muted2);margin-bottom:.25rem}
.ap-cal-task{font-size:.68rem;padding:.12rem .35rem;border-radius:5px;background:var(--bg3);margin-bottom:.2rem;
  cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── Drawer de detalle de tarea ────────────────────────────────────────────── */
.ap-drawer-overlay{position:fixed;inset:0;z-index:430;background:rgba(0,0,0,.5);display:none}
.ap-drawer-overlay.open{display:block;animation:apFade .15s ease}
.ap-drawer{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:min(620px,96vw);z-index:431;
  background:var(--bg);border-left:1px solid var(--border2);transform:translateX(100%);
  transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;
  box-shadow:-20px 0 60px rgba(0,0,0,.4)}
.ap-drawer.open{transform:translateX(0)}
.ap-drawer-top{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--border)}
.ap-drawer-top .ap-spacer{flex:1}
.ap-drawer-body{flex:1;overflow-y:auto;padding:1.3rem 1.6rem}
.ap-drawer-title{width:100%;font-size:1.55rem;font-weight:800;background:none;border:none;color:var(--text);
  outline:none;font-family:inherit;margin-bottom:1rem;line-height:1.25}
.ap-prop-grid{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1.3rem}
.ap-prop-line{display:flex;align-items:flex-start;gap:.6rem;padding:.3rem 0;min-height:32px}
.ap-prop-key{width:130px;flex-shrink:0;color:var(--muted2);font-size:.8rem;font-weight:600;
  display:flex;align-items:center;gap:.4rem;padding-top:.25rem}
.ap-prop-val{flex:1;min-width:0}
.ap-prop-add{color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;padding:.35rem 0;display:inline-flex;gap:.35rem}
.ap-prop-add:hover{color:var(--text)}

/* selects de propiedad (tipo Notion) */
.ap-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:700;padding:.18rem .55rem;
  border-radius:6px;background:var(--bg3);color:var(--muted2);cursor:pointer}
.ap-tag .ap-x{opacity:.5;font-size:.85rem}
.ap-tag .ap-x:hover{opacity:1}
.ap-tagpick{position:relative}
.ap-pop{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--bg2);
  border:1px solid var(--border2);border-radius:11px;padding:.45rem;z-index:10;
  box-shadow:0 16px 40px rgba(0,0,0,.45);max-height:280px;overflow-y:auto}
.ap-pop-opt{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:7px;cursor:pointer;font-size:.82rem}
.ap-pop-opt:hover{background:var(--bg3)}
.ap-pop-sep{height:1px;background:var(--border);margin:.35rem 0}
.ap-pop-new{display:flex;gap:.35rem;padding:.3rem}
.ap-pop-new input{flex:1;padding:.35rem .5rem;border-radius:6px;background:var(--bg3);border:1px solid var(--border2);
  color:var(--text);font-size:.8rem;outline:none}

/* editor de bloques */
.ap-blocks{margin-top:.6rem}
.ap-block{position:relative;padding:.12rem 0 .12rem 1.4rem;border-radius:5px}
.ap-block:hover{background:var(--bg2)}
.ap-block .ap-block-handle{position:absolute;left:0;top:.25rem;color:var(--muted);opacity:0;cursor:grab;font-size:.85rem;
  width:1.2rem;text-align:center}
.ap-block:hover .ap-block-handle{opacity:.6}
.ap-block-content{outline:none;font-size:.92rem;line-height:1.6;min-height:1.4em;word-break:break-word}
.ap-block-content:empty:before{content:attr(data-ph);color:var(--muted);opacity:.6}
.ap-block.h1 .ap-block-content{font-size:1.5rem;font-weight:800}
.ap-block.h2 .ap-block-content{font-size:1.22rem;font-weight:700}
.ap-block.h3 .ap-block-content{font-size:1.05rem;font-weight:700}
.ap-block.quote{border-left:3px solid var(--accent);padding-left:.8rem;color:var(--muted2);font-style:italic}
.ap-block.callout{background:var(--bg3);border-radius:9px;padding:.6rem .8rem .6rem 2.2rem}
.ap-block.callout:before{content:'💡';position:absolute;left:.7rem;top:.55rem}
.ap-block.code .ap-block-content{font-family:"JetBrains Mono",monospace;background:var(--bg3);border-radius:8px;
  padding:.6rem .8rem;font-size:.84rem;white-space:pre-wrap}
.ap-block.divider{padding:0}
.ap-block.divider .ap-block-content{border-top:1px solid var(--border2);height:0;min-height:0;margin:.5rem 0}
.ap-block.bullet{padding-left:2rem}
.ap-block.bullet:before{content:'•';position:absolute;left:1rem;top:.1rem;color:var(--muted2);font-size:1.1rem}
.ap-block.numbered{padding-left:2rem}
.ap-block.numbered:before{content:attr(data-num)'.';position:absolute;left:.7rem;top:.18rem;color:var(--muted2);font-size:.85rem}
.ap-block.todo{padding-left:2rem}
.ap-block .ap-todo-box{position:absolute;left:1rem;top:.32rem;width:15px;height:15px;border-radius:4px;
  border:1.5px solid var(--border2);cursor:pointer;display:grid;place-items:center}
.ap-block.todo.checked .ap-todo-box{background:var(--green);border-color:var(--green);color:#04210f}
.ap-block.todo.checked .ap-block-content{text-decoration:line-through;color:var(--muted)}

/* slash menu */
.ap-slash{position:fixed;z-index:440;background:var(--bg2);border:1px solid var(--border2);border-radius:11px;
  padding:.4rem;box-shadow:0 16px 44px rgba(0,0,0,.5);width:230px;max-height:300px;overflow-y:auto;display:none}
.ap-slash.show{display:block}
.ap-slash-opt{display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border-radius:8px;cursor:pointer}
.ap-slash-opt.sel,.ap-slash-opt:hover{background:var(--bg3)}
.ap-slash-ico{width:30px;height:30px;border-radius:7px;background:var(--bg3);display:grid;place-items:center;font-size:1rem;flex-shrink:0}
.ap-slash-t{font-size:.84rem;font-weight:600}
.ap-slash-d{font-size:.7rem;color:var(--muted)}

/* comentarios */
.ap-comments{margin-top:1.6rem;border-top:1px solid var(--border);padding-top:1rem}
.ap-comments h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 .8rem}
.ap-comment{display:flex;gap:.6rem;margin-bottom:.9rem}
.ap-comment img{width:28px;height:28px;border-radius:7px;image-rendering:pixelated;background:var(--bg3);flex-shrink:0}
.ap-comment .ap-c-a{font-weight:700;font-size:.83rem}
.ap-comment .ap-c-t{font-size:.71rem;color:var(--muted);margin-left:.4rem}
.ap-comment .ap-c-b{font-size:.85rem;line-height:1.5;margin-top:.15rem;white-space:pre-wrap;word-break:break-word}
.ap-comment-form{display:flex;gap:.5rem;align-items:flex-start;margin-top:.8rem}

/* ── Modal genérico del panel ──────────────────────────────────────────────── */
.ap-modal-overlay{position:fixed;inset:0;z-index:450;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);
  display:none;align-items:center;justify-content:center;padding:1rem}
.ap-modal-overlay.open{display:flex;animation:apFade .15s ease}
.ap-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:18px;width:100%;max-width:480px;
  max-height:90vh;overflow-y:auto;padding:1.5rem;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.ap-modal h3{margin:0 0 1rem;font-size:1.15rem;font-weight:800;display:flex;align-items:center;gap:.5rem}
.ap-modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.3rem}
.ap-emoji-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}
.ap-emoji-pick{width:34px;height:34px;border-radius:8px;border:1px solid var(--border2);background:var(--bg3);
  cursor:pointer;font-size:1.1rem}
.ap-emoji-pick.sel{border-color:var(--accent);background:rgba(168,85,247,.15)}
.ap-color-row{display:flex;gap:.4rem;margin-top:.3rem}
.ap-color-pick{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent}
.ap-color-pick.sel{border-color:var(--text)}

/* ── Accesos (Founder) ─────────────────────────────────────────────────────── */
.ap-member{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:11px;background:var(--bg2);
  border:1px solid var(--border);margin-bottom:.55rem}
.ap-member .ap-member-id{font-family:"JetBrains Mono",monospace;font-size:.8rem;color:var(--accent)}
.ap-member .ap-member-name{font-weight:700;font-size:.88rem}
.ap-member .ap-member-meta{font-size:.72rem;color:var(--muted)}
.ap-founder-only-note{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:10px;
  padding:.7rem .9rem;font-size:.8rem;color:#fcd34d;margin-bottom:1.2rem;display:flex;gap:.5rem;align-items:center}

/* responsive */
@media(max-width:720px){
  .ap-sidebar{width:64px;padding:1rem .4rem}
  .ap-brand span,.ap-nav-item span,.ap-nav-sep,.ap-user-chip .ap-uinfo,.ap-close-btn span{display:none}
  .ap-nav-item{justify-content:center}
  .ap-section{padding:1.1rem}
  .ap-col{flex-basis:248px;width:248px}
}

/* ════════════════════════════════════════════════════════════════════════════
   ░░  SKIN MINECRAFT  ░░  — paleta morada oscura + bloques pixel-art + MC fonts
   Reescopa las variables del tema solo para el panel (y sus hosts en <body>:
   drawer / slash / modal), sin afectar el resto del sitio.
   ════════════════════════════════════════════════════════════════════════════ */
#admin-panel-overlay,
#ap-drawer, #ap-drawer-overlay, #ap-slash, #ap-modal-overlay{
  --bg:#150e26; --bg2:#1e1433; --bg3:#2a1a45;
  --border:#0a0612; --border2:#3d2860;
  --accent:#a855f7; --text:#f1e9ff;
  --muted:#8b76b8; --muted2:#c3b2e6; --green:#34d399;
}
#admin-panel-overlay{
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(124,58,237,.18), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(168,85,247,.12), transparent 55%),
    #120a20;
}

/* Fuente pixel para títulos y "chrome" (no para texto largo, que se mantiene legible) */
#admin-panel-overlay .ap-brand,
#admin-panel-overlay .ap-h h2,
#admin-panel-overlay .ap-board-title,
#admin-panel-overlay .ap-col-name,
#admin-panel-overlay .ap-nav-item,
#admin-panel-overlay .ap-view-btn,
#admin-panel-overlay .ap-board-tab,
#admin-panel-overlay .ap-btn.primary,
#ap-drawer .ap-btn.primary, #ap-modal-overlay .ap-btn.primary,
#ap-modal-overlay .ap-modal h3,
#ap-drawer .ap-drawer-title,
.ap-panel-h h3, .ap-chart-title, .ap-stat-val, .ap-donut-big,
.ap-lead-name, .ap-lead-rank{
  font-family:'MacMinecraft','Minecraft',monospace;
  -webkit-font-smoothing:none; font-smooth:never;
}
#admin-panel-overlay .ap-h h2,
#admin-panel-overlay .ap-board-title,
.ap-panel-h h3{ letter-spacing:.02em; text-shadow:2px 2px 0 rgba(0,0,0,.45); }

/* Botón flotante de entrada → morado MC */
#admin-panel-btn{
  background:#7c3aed;border-radius:0;border:2px solid #0a0612;
  font-family:'MacMinecraft','Minecraft',monospace;letter-spacing:.03em;
  text-shadow:1px 1px 0 rgba(0,0,0,.5);image-rendering:pixelated;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.4),
             0 4px 0 #3b1e6c,0 4px 14px rgba(168,85,247,.45);
}
#admin-panel-btn:hover{background:#8b46ff}
#admin-panel-btn:active{transform:translateY(3px);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.4),0 1px 0 #3b1e6c}

/* Logo morado */
.ap-brand .ap-logo{background:linear-gradient(135deg,#a855f7,#7c3aed);border:2px solid #0a0612;
  border-radius:5px;box-shadow:inset 2px 2px 0 rgba(255,255,255,.25),0 2px 10px rgba(168,85,247,.45)}

/* Sidebar + nav en morado */
.ap-sidebar{background:linear-gradient(180deg,#1a1030,#160d28);border-right:2px solid #0a0612}
.ap-nav-item{border-radius:6px}
.ap-nav-item.active{background:rgba(168,85,247,.18);border-color:rgba(168,85,247,.5);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -2px -2px 0 rgba(0,0,0,.3)}
.ap-nav-item .ap-ico .mc{width:1.25rem;height:1.25rem;image-rendering:pixelated}
.ap-nav-item.active .ap-badge{background:rgba(168,85,247,.35);color:#e9d5ff}

/* Botón primario → bloque MC morado 3D */
.ap-btn.primary{
  background:#7c3aed;border:2px solid #0a0612;border-radius:0;color:#fff;
  text-shadow:1px 1px 0 rgba(0,0,0,.5);image-rendering:pixelated;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.4),0 3px 0 #3b1e6c;
}
.ap-btn.primary:hover{background:#8b46ff;filter:none;transform:translateY(-1px)}
.ap-btn.primary:active{transform:translateY(3px);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.4),0 1px 0 #3b1e6c}
.ap-btn{border-radius:5px}
.ap-btn .mc{width:1.1em;height:1.1em;image-rendering:pixelated}

/* Tarjetas y columnas de tareas = bloques MC */
.ap-card{border:2px solid #0a0612;border-radius:5px;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4)}
.ap-card:hover{border-color:var(--accent);transform:translateY(-1px);
  box-shadow:inset 2px 2px 0 rgba(168,85,247,.12),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4)}
.ap-col{border:3px solid #0a0612;border-radius:7px;
  box-shadow:inset 3px 3px 0 rgba(255,255,255,.04),inset -3px -3px 0 rgba(0,0,0,.4)}
.ap-col-dot{border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.ap-board-tab.active{box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -2px -2px 0 rgba(0,0,0,.3)}
.ap-board-emoji .mc{width:1.15rem;height:1.15rem;image-rendering:pixelated;vertical-align:middle}
.ap-board-title-ico .mc{vertical-align:-4px;image-rendering:pixelated}
.ap-chip{border-radius:4px}
.ap-view-btn.active{box-shadow:inset 1px 1px 0 rgba(255,255,255,.06),inset -1px -1px 0 rgba(0,0,0,.3)}

/* Modal / drawer / slash → bordes pixel */
.ap-modal{border:3px solid #0a0612;border-radius:8px;
  box-shadow:inset 3px 3px 0 rgba(255,255,255,.04),inset -3px -3px 0 rgba(0,0,0,.45),0 24px 70px rgba(0,0,0,.6)}
.ap-drawer{border-left:3px solid #0a0612}
.ap-slash{border:2px solid #0a0612;border-radius:7px}

/* Selector de iconos */
.ap-emoji-pick{border-radius:5px;image-rendering:pixelated}
.ap-emoji-pick.sel{box-shadow:inset 2px 2px 0 rgba(255,255,255,.08),inset -2px -2px 0 rgba(0,0,0,.3)}
.ap-mcicon-row{max-height:152px;overflow-y:auto;padding:.15rem;border:1px solid var(--border2);
  border-radius:7px;background:rgba(0,0,0,.18)}
.ap-mc-pick{display:grid;place-items:center}
.ap-mc-pick .mc{width:1.35rem;height:1.35rem;image-rendering:pixelated}

/* ════════════════════════════════════════════════════════════════════════════
   SECCIÓN: ESTADÍSTICAS — gráficos modernos dentro de bloques MC
   ════════════════════════════════════════════════════════════════════════════ */
.ap-h-ico .mc{vertical-align:-6px;image-rendering:pixelated}
.ap-stats-wrap{display:flex;flex-direction:column;gap:1.4rem}
.ap-stats-panel{background:linear-gradient(180deg,rgba(168,85,247,.06),transparent),var(--bg2);
  border:3px solid #0a0612;border-radius:10px;padding:1.2rem 1.3rem;
  box-shadow:inset 3px 3px 0 rgba(255,255,255,.04),inset -3px -3px 0 rgba(0,0,0,.4)}
.ap-panel-h{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.ap-panel-h h3{margin:0;font-size:1.15rem;font-weight:800}
.ap-panel-h .mc{image-rendering:pixelated}

/* Tarjetas de resumen */
.ap-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-bottom:1.1rem}
.ap-stat-card{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;background:var(--bg3);
  border:2px solid #0a0612;border-radius:7px;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -2px -2px 0 rgba(0,0,0,.35)}
.ap-stat-ico{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:6px;
  background:rgba(0,0,0,.25)}
.ap-stat-ico .mc{image-rendering:pixelated}
.ap-stat-val{font-size:1.45rem;line-height:1;font-weight:800;color:var(--text)}
.ap-stat-lbl{font-size:.7rem;color:var(--muted2);margin-top:.25rem;text-transform:uppercase;letter-spacing:.4px;font-weight:700}

/* Caja de gráfico */
.ap-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
@media(max-width:860px){.ap-chart-grid{grid-template-columns:1fr}}
.ap-chart-box{background:var(--bg3);border:2px solid #0a0612;border-radius:8px;padding:1rem 1.1rem;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.04),inset -2px -2px 0 rgba(0,0,0,.3)}
.ap-chart-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  color:var(--muted2);margin-bottom:.9rem}

/* Donut */
.ap-donut-wrap{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;justify-content:center}
.ap-donut{position:relative;width:140px;height:140px;flex-shrink:0}
.ap-donut-svg{width:140px;height:140px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));animation:apFade .4s ease}
.ap-donut-svg circle{transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1)}
.ap-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ap-donut-big{font-size:1.7rem;font-weight:800;line-height:1;color:var(--text);text-shadow:2px 2px 0 rgba(0,0,0,.4)}
.ap-donut-sub{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem}
.ap-legend{display:flex;flex-direction:column;gap:.4rem;min-width:130px}
.ap-legend-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem}
.ap-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.ap-legend-lbl{color:var(--muted2);flex:1}
.ap-legend-val{font-weight:800;color:var(--text)}

/* Barras verticales */
.ap-bars{display:flex;align-items:flex-end;gap:.4rem;height:172px;padding-top:.4rem}
.ap-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}
.ap-bar-val{font-size:.7rem;font-weight:800;color:var(--muted2);margin-bottom:.25rem;height:1em}
.ap-bar-track{width:100%;flex:1;display:flex;align-items:flex-end;background:rgba(0,0,0,.18);border-radius:4px}
.ap-bar-fill{width:100%;border-radius:5px 5px 0 0;min-height:3px;
  background:linear-gradient(180deg,#c084fc,#7c3aed);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.25);
  animation:apBarGrow .55s cubic-bezier(.4,0,.2,1)}
.ap-bar-lbl{font-size:.6rem;color:var(--muted);margin-top:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@keyframes apBarGrow{from{transform:scaleY(.02);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}

/* Progreso por tablero */
.ap-prog-list{display:flex;flex-direction:column;gap:.7rem}
.ap-prog-row{display:flex;align-items:center;gap:.8rem}
.ap-prog-name{display:flex;align-items:center;gap:.45rem;width:190px;flex-shrink:0;font-size:.84rem;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-prog-name .mc{image-rendering:pixelated;flex-shrink:0}
.ap-prog-track{flex:1;height:14px;background:rgba(0,0,0,.28);border-radius:7px;overflow:hidden;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.ap-prog-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,#7c3aed,#c084fc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3);animation:apProgGrow .6s cubic-bezier(.4,0,.2,1)}
.ap-prog-meta{width:88px;flex-shrink:0;text-align:right;font-size:.76rem;font-weight:700;color:var(--muted2)}
@keyframes apProgGrow{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
@media(max-width:600px){.ap-prog-name{width:120px}.ap-prog-meta{width:64px}}

/* Leaderboard de jugadores */
.ap-lead-list{display:flex;flex-direction:column;gap:.6rem}
.ap-lead-row{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;background:rgba(0,0,0,.15);
  border:1px solid var(--border2);border-radius:8px}
.ap-lead-row:first-child{background:linear-gradient(90deg,rgba(168,85,247,.16),rgba(0,0,0,.15));border-color:rgba(168,85,247,.45)}
.ap-lead-rank{width:26px;flex-shrink:0;text-align:center;font-size:1rem;font-weight:800;color:var(--muted2)}
.ap-lead-row img,.ap-lead-row .ap-ava{width:34px;height:34px;border-radius:6px;image-rendering:pixelated;
  background:var(--bg3);border:2px solid #0a0612;flex-shrink:0;margin:0}
.ap-lead-main{flex:1;min-width:0}
.ap-lead-name{font-size:.88rem;font-weight:700;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-lead-bar{height:8px;background:rgba(0,0,0,.3);border-radius:5px;overflow:hidden}
.ap-lead-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#34d399,#a855f7);
  animation:apProgGrow .6s cubic-bezier(.4,0,.2,1)}
.ap-lead-stats{flex-shrink:0;text-align:right}
.ap-lead-done{font-size:1.05rem;font-weight:800;color:var(--text)}
.ap-lead-done span{font-size:.78rem;color:var(--muted);font-weight:600}
.ap-lead-time{font-size:.68rem;color:var(--muted2);white-space:nowrap}
.ap-mini-empty{text-align:center;color:var(--muted);font-size:.84rem;padding:1.4rem 1rem;line-height:1.7}
.ap-mini-empty .mc{image-rendering:pixelated}

/* ════════════════════════════════════════════════════════════════════════════
   AISLAMIENTO DE NAMESPACE — el panel de tienda (#admin-css, inyectado en <head>)
   comparte el prefijo .ap-* y se carga DESPUÉS, pisando reglas con igual
   especificidad. Reafirmamos bajo la raíz del panel (especificidad 1,1,0) para
   que el tema MC gane siempre, sin importar el orden de carga.
   ════════════════════════════════════════════════════════════════════════════ */
#admin-panel-overlay .ap-card{
  background:var(--bg3);border:2px solid #0a0612;border-radius:5px;padding:.7rem .8rem;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4);
}
#admin-panel-overlay .ap-card:hover{
  border-color:var(--accent);transform:translateY(-1px);
  box-shadow:inset 2px 2px 0 rgba(168,85,247,.12),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4);
}
#admin-panel-overlay .ap-card-title{
  font-weight:600;font-size:.88rem;line-height:1.4;margin-bottom:.4rem;
  text-transform:none;letter-spacing:normal;color:var(--text);word-break:break-word;
}
#admin-panel-overlay .ap-empty,#ap-drawer .ap-empty{text-align:center;padding:3rem 1rem;color:var(--muted);font-size:.92rem}
#admin-panel-overlay .ap-table{width:100%;border-collapse:collapse;font-size:.84rem}
#admin-panel-overlay .ap-stat-val{font-size:1.45rem;line-height:1;font-weight:800;color:var(--text)}
#admin-panel-overlay .ap-stat-lbl{font-size:.7rem;color:var(--muted2);margin-top:.25rem;text-transform:uppercase;letter-spacing:.4px;font-weight:700}
#admin-panel-overlay .ap-input,#admin-panel-overlay .ap-select,#admin-panel-overlay .ap-textarea,
#ap-modal-overlay .ap-input,#ap-modal-overlay .ap-select,#ap-modal-overlay .ap-textarea,
#ap-drawer .ap-input,#ap-drawer .ap-select,#ap-drawer .ap-textarea,#ap-slash .ap-input{
  width:100%;padding:.55rem .7rem;border-radius:9px;background:var(--bg3);
  border:1px solid var(--border2);color:var(--text);font-family:inherit;font-size:.85rem;outline:none;
}
#admin-panel-overlay .ap-input:focus,#admin-panel-overlay .ap-select:focus,#admin-panel-overlay .ap-textarea:focus,
#ap-modal-overlay .ap-input:focus,#ap-modal-overlay .ap-select:focus,#ap-modal-overlay .ap-textarea:focus,
#ap-drawer .ap-input:focus,#ap-drawer .ap-select:focus,#ap-drawer .ap-textarea:focus{border-color:var(--accent)}

/* ════════════════════════════════════════════════════════════════════════════
   SIDEBAR — más visual: brand, nav y bloque "Mis pendientes"
   ════════════════════════════════════════════════════════════════════════════ */
.ap-sidebar{display:flex;flex-direction:column;padding:1rem .75rem;gap:.6rem}
.ap-brand{display:flex;align-items:center;gap:.6rem;font-family:'MacMinecraft','Minecraft',monospace;
  font-size:.95rem;letter-spacing:.03em;color:var(--text);padding:.3rem .25rem .55rem;
  text-shadow:1px 1px 0 rgba(0,0,0,.5);position:relative}
.ap-brand .ap-brand-name{flex:1;min-width:0;line-height:1.15}
.ap-brand .ap-logo{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;
  background:linear-gradient(135deg,#a855f7,#7c3aed);border:2px solid #0a0612;border-radius:0;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.4),
             0 3px 0 #3b1e6c,0 4px 12px rgba(168,85,247,.35)}
.ap-brand .ap-logo .mc{image-rendering:pixelated;width:1.4rem;height:1.4rem;
  filter:drop-shadow(1px 1px 0 rgba(0,0,0,.45))}

/* Botón flotante del Founder (sólo visible para Founder) — abre Gestión de Accesos */
.ap-founder-btn{
  flex-shrink:0;width:32px;height:32px;display:none;align-items:center;justify-content:center;cursor:pointer;
  background:linear-gradient(135deg,#fbbf24,#d97706);border:2px solid #0a0612;border-radius:0;color:#fff;
  font-family:inherit;padding:0;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.32),inset -2px -2px 0 rgba(0,0,0,.4),
             0 2px 0 #92400e,0 0 10px rgba(251,191,36,.35);
  transition:background .12s,transform .08s,box-shadow .12s;
}
.ap-founder-btn:hover{background:linear-gradient(135deg,#fcd34d,#f59e0b);transform:translateY(-1px);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.32),inset -2px -2px 0 rgba(0,0,0,.4),
             0 2px 0 #92400e,0 0 16px rgba(251,191,36,.6)}
.ap-founder-btn:active{transform:translateY(2px);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.32),inset -2px -2px 0 rgba(0,0,0,.4)}
.ap-founder-btn.active{background:linear-gradient(135deg,#a855f7,#7c3aed);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.4),
             0 2px 0 #3b1e6c,0 0 16px rgba(168,85,247,.55)}
.ap-founder-btn .mc{image-rendering:pixelated;width:1.15rem;height:1.15rem;
  filter:drop-shadow(1px 1px 0 rgba(0,0,0,.4))}

/* ── Nav: bloques MC tipo "hotbar" ── */
.ap-nav{display:flex;flex-direction:column;gap:.45rem;padding-top:.2rem}
#admin-panel-overlay .ap-nav-item{
  display:flex;align-items:center;gap:.65rem;padding:.62rem .75rem;cursor:pointer;
  background:linear-gradient(180deg,rgba(40,26,68,.85),rgba(24,16,42,.75));
  border:2px solid #0a0612;border-radius:0;color:var(--muted2);
  font-family:'MacMinecraft','Minecraft',monospace;font-size:.82rem;font-weight:400;
  letter-spacing:.02em;text-align:left;text-shadow:1px 1px 0 rgba(0,0,0,.5);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -2px -2px 0 rgba(0,0,0,.4),
             0 3px 0 rgba(0,0,0,.35);image-rendering:pixelated;
  transition:background .12s,color .12s,transform .08s,box-shadow .08s;
}
#admin-panel-overlay .ap-nav-item:hover{
  background:linear-gradient(180deg,rgba(58,36,98,.95),rgba(34,22,58,.85));
  border-color:rgba(168,85,247,.5);color:var(--text);transform:translateY(-1px);
}
#admin-panel-overlay .ap-nav-item:active{
  transform:translateY(2px);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -2px -2px 0 rgba(0,0,0,.4),0 1px 0 rgba(0,0,0,.35);
}
#admin-panel-overlay .ap-nav-item.active{
  background:linear-gradient(180deg,#8e4af0,#5b2bb8);color:#fff;border-color:#0a0612;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.32),inset -2px -2px 0 rgba(0,0,0,.42),
             0 3px 0 #3b1e6c,0 0 18px rgba(168,85,247,.5);
}
#admin-panel-overlay .ap-nav-item .ap-ico{width:1.7rem;height:1.7rem;display:grid;place-items:center;flex-shrink:0;
  background:rgba(0,0,0,.32);border:1px solid rgba(0,0,0,.55);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.08)}
#admin-panel-overlay .ap-nav-item .ap-ico .mc{width:1.2rem;height:1.2rem;image-rendering:pixelated;
  filter:drop-shadow(1px 1px 0 rgba(0,0,0,.4))}
#admin-panel-overlay .ap-nav-item .ap-nav-lbl{
  flex:1;min-width:0;text-align:left;line-height:1.2;word-break:keep-all;hyphens:none;
}
/* Separador antiguo ya no se usa (Founder vive en el botón flotante) */
.ap-nav-sep{display:none}

/* ── Botón "MIS PENDIENTES" (sidebar) — bloque MC pixel-art que abre el modal ── */
.ap-pend-btn{
  align-items:center;gap:.55rem;width:100%;
  padding:.65rem .8rem;margin-top:.7rem;cursor:pointer;
  background:linear-gradient(135deg,#a855f7,#7c3aed);
  border:2px solid #0a0612;border-radius:0;color:#fff;
  font-family:'MacMinecraft','Minecraft',monospace;font-weight:700;font-size:.82rem;
  letter-spacing:.06em;text-shadow:1px 1px 0 rgba(0,0,0,.5);image-rendering:pixelated;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.4),
             0 3px 0 #3b1e6c,0 4px 14px rgba(168,85,247,.35);
  transition:background .12s,transform .08s,box-shadow .08s;
}
.ap-pend-btn:hover{background:linear-gradient(135deg,#b46aff,#8b46ff);transform:translateY(-1px)}
.ap-pend-btn:active{transform:translateY(2px);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.4),0 1px 0 #3b1e6c}
.ap-pend-ico{display:inline-grid;place-items:center;width:24px;height:24px;flex-shrink:0;
  background:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.45);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.1)}
.ap-pend-ico .mc{image-rendering:pixelated}
.ap-pend-lbl{flex:1;text-align:left;line-height:1}
.ap-pend-count{background:rgba(0,0,0,.45);color:#fff;padding:.15rem .55rem;
  border:1px solid rgba(0,0,0,.55);border-radius:0;font-size:.78rem;line-height:1;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.18);font-family:inherit;font-weight:700;
  min-width:24px;text-align:center}
/* Bloque viejo (.ap-mypend) ya no se usa, pero lo neutralizamos por si quedó cache */
.ap-mypend{display:none!important}

/* Buscador del modal de pendientes */
.ap-pmod-search-row{padding:.7rem 1.2rem 0}
.ap-pmod-search{font-size:.92rem;padding:.55rem .8rem;width:100%}

/* ════════════════════════════════════════════════════════════════════════════
   PERMISOS — chip por miembro, modal de Founder, indicador "locked"
   ════════════════════════════════════════════════════════════════════════════ */
.ap-member-actions{display:flex;gap:.4rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.ap-perm-tag{display:inline-flex;align-items:center;gap:.3rem;margin-left:.5rem;
  background:rgba(168,85,247,.18);color:#e9d5ff;padding:.1rem .5rem;font-size:.66rem;
  border:1px solid rgba(168,85,247,.4);border-radius:4px;font-weight:700;
  font-family:'MacMinecraft','Minecraft',monospace;letter-spacing:.04em;vertical-align:middle}
.ap-perm-tag.legacy{background:rgba(245,158,11,.18);color:#fcd34d;border-color:rgba(245,158,11,.4)}
.ap-perm-tag.all{background:rgba(34,197,94,.18);color:#86efac;border-color:rgba(34,197,94,.4)}
.ap-perm-tag.none{background:rgba(239,68,68,.18);color:#fca5a5;border-color:rgba(239,68,68,.4)}

/* Banner inline para botones bloqueados por permiso */
.ap-locked{
  display:inline-flex;align-items:center;gap:.4rem;
  background:rgba(0,0,0,.25);border:2px dashed rgba(168,85,247,.35);
  color:var(--muted2);font-size:.78rem;padding:.5rem .85rem;border-radius:6px;
  font-style:italic;
}
/* check de "marcar hecho" deshabilitado */
.ap-check.locked{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}

/* ── Modal de Permisos ── */
#ap-modal-overlay .ap-modal:has(.ap-perms-wrap){width:min(720px,94vw);max-width:720px}
.ap-perms-wrap{display:flex;flex-direction:column;gap:.85rem;margin-top:.4rem}
.ap-perms-head{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;background:var(--bg3);
  border:2px solid #0a0612;border-radius:6px;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -2px -2px 0 rgba(0,0,0,.35)}
.ap-perms-ava{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center}
.ap-perms-ava img,.ap-perms-ava .ap-ava{width:46px;height:46px;border-radius:5px;border:2px solid #0a0612;
  image-rendering:pixelated;background:var(--bg2);object-fit:cover;display:grid;place-items:center}
.ap-perms-meta{flex:1;min-width:0}
.ap-perms-name{font-family:'MacMinecraft','Minecraft',monospace;font-size:1rem;color:var(--text);
  letter-spacing:.02em;text-shadow:1px 1px 0 rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-perms-id{font-size:.72rem;color:var(--muted);font-family:'MacMinecraft','Minecraft',monospace;letter-spacing:.04em}
.ap-perms-quick{display:flex;gap:.4rem;flex-shrink:0}
.ap-perms-legacy{
  padding:.55rem .8rem;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.35);
  color:#fcd34d;border-radius:5px;font-size:.78rem;
}
.ap-perms-cats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;max-height:60vh;overflow-y:auto;padding:.15rem}
@media(max-width:680px){.ap-perms-cats{grid-template-columns:1fr}}
.ap-perms-cats::-webkit-scrollbar{width:8px}
.ap-perms-cats::-webkit-scrollbar-thumb{background:rgba(168,85,247,.4);border-radius:4px}
.ap-perms-cat{
  background:var(--bg3);border:2px solid #0a0612;border-radius:5px;padding:.65rem .75rem;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -2px -2px 0 rgba(0,0,0,.35);
  display:flex;flex-direction:column;gap:.45rem;
}
.ap-perms-cat-h{display:flex;align-items:center;gap:.45rem;
  font-family:'MacMinecraft','Minecraft',monospace;font-size:.86rem;color:#e9d5ff;
  text-shadow:1px 1px 0 rgba(0,0,0,.5);padding-bottom:.4rem;border-bottom:1px solid var(--border2)}
.ap-perms-cat-h .mc{image-rendering:pixelated}
.ap-perms-cat-h > span{flex:1}
.ap-perms-cat-toggle{
  width:24px;height:24px;display:grid;place-items:center;cursor:pointer;flex-shrink:0;
  background:rgba(0,0,0,.3);border:1px solid var(--border2);border-radius:0;color:var(--muted2);
  font-size:.78rem;font-weight:800;font-family:inherit;padding:0;
  transition:background .12s,color .12s,border-color .12s;
}
.ap-perms-cat-toggle:hover{background:rgba(168,85,247,.2);color:#e9d5ff;border-color:rgba(168,85,247,.5)}
.ap-perm-row{
  display:flex;align-items:flex-start;gap:.55rem;padding:.45rem .55rem;cursor:pointer;
  background:rgba(0,0,0,.15);border:1px solid var(--border2);border-radius:4px;
  transition:background .12s,border-color .12s;
}
.ap-perm-row:hover{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.4)}
.ap-perm-row input[type=checkbox]{
  width:16px;height:16px;flex-shrink:0;cursor:pointer;margin:.15rem 0 0;
  accent-color:#a855f7;
}
.ap-perm-text{flex:1;min-width:0}
.ap-perm-label{font-size:.84rem;font-weight:700;color:var(--text);line-height:1.2}
.ap-perm-sub{font-size:.7rem;color:var(--muted);margin-top:.15rem;line-height:1.3}
.ap-perm-key{
  flex-shrink:0;font-family:'MacMinecraft','Minecraft',monospace;font-size:.62rem;color:var(--muted);
  background:rgba(0,0,0,.3);padding:.1rem .35rem;border:1px solid var(--border2);border-radius:3px;
  align-self:flex-start;margin-top:.1rem;letter-spacing:.04em;white-space:nowrap;
}

/* ════════════════════════════════════════════════════════════════════════════
   GLOW por prioridad — para resaltar una tarjeta al saltar a ella
   ════════════════════════════════════════════════════════════════════════════ */
@keyframes apGlowBaja{
  0%,100%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4),0 0 0 0 rgba(34,197,94,.0)}
  50%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4),0 0 26px 6px rgba(34,197,94,.7)}
}
@keyframes apGlowMedia{
  0%,100%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4),0 0 0 0 rgba(245,158,11,.0)}
  50%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4),0 0 28px 7px rgba(245,158,11,.75)}
}
@keyframes apGlowAlta{
  0%,100%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4),0 0 0 0 rgba(239,68,68,.0)}
  50%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4),0 0 30px 8px rgba(239,68,68,.85)}
}
@keyframes apGlowUrg{
  0%,100%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4),0 0 0 0 rgba(220,38,38,.0)}
  50%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4),0 0 34px 10px rgba(220,38,38,.9)}
}
#admin-panel-overlay .ap-card.ap-glow-baja{animation:apGlowBaja 1.4s ease-in-out 3;border-color:#22c55e!important}
#admin-panel-overlay .ap-card.ap-glow-media{animation:apGlowMedia 1.4s ease-in-out 3;border-color:#f59e0b!important}
#admin-panel-overlay .ap-card.ap-glow-alta{animation:apGlowAlta 1.4s ease-in-out 3;border-color:#ef4444!important}
#admin-panel-overlay .ap-card.ap-glow-urgente{animation:apGlowUrg 1.4s ease-in-out 3;border-color:#dc2626!important}

/* ════════════════════════════════════════════════════════════════════════════
   SELECTOR DE ASIGNADOS — modal MC con tarjetas grandes
   ════════════════════════════════════════════════════════════════════════════ */
#ap-modal-overlay .ap-modal:has(.ap-pick-wrap){width:min(720px,92vw);max-width:720px}
.ap-pick-titleico{display:inline-grid;place-items:center;width:42px;height:42px;
  background:linear-gradient(135deg,#a855f7,#7c3aed);border:2px solid #0a0612;border-radius:5px;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.2),inset -2px -2px 0 rgba(0,0,0,.35);
  margin-right:.55rem;vertical-align:-12px}
.ap-pick-titleico .mc{image-rendering:pixelated}
.ap-pick-wrap{display:flex;flex-direction:column;gap:.75rem;margin-top:.4rem}
.ap-pick-search{font-size:.92rem;padding:.65rem .85rem}
.ap-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.55rem;
  max-height:min(56vh,420px);overflow-y:auto;padding:.35rem;background:rgba(0,0,0,.18);
  border:2px solid #0a0612;border-radius:7px;box-shadow:inset 2px 2px 0 rgba(0,0,0,.4)}
.ap-pick-grid::-webkit-scrollbar{width:8px}
.ap-pick-grid::-webkit-scrollbar-thumb{background:rgba(168,85,247,.4);border-radius:4px}
.ap-pick-card{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;cursor:pointer;
  background:var(--bg3);border:2px solid #0a0612;border-radius:5px;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -2px -2px 0 rgba(0,0,0,.35),0 2px 0 rgba(0,0,0,.4);
  transition:transform .08s,border-color .12s,background .12s;min-width:0}
.ap-pick-card:hover{transform:translateY(-1px);border-color:var(--accent);background:rgba(168,85,247,.10)}
.ap-pick-card.sel{background:linear-gradient(135deg,rgba(168,85,247,.32),rgba(124,58,237,.18));
  border-color:#a855f7;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.12),inset -2px -2px 0 rgba(0,0,0,.4),
             0 0 0 1px rgba(168,85,247,.35) inset,0 0 16px rgba(168,85,247,.45)}
.ap-pick-ava{position:relative;flex-shrink:0;width:42px;height:42px;display:grid;place-items:center}
.ap-pick-ava img,.ap-pick-ava .ap-ava{width:42px;height:42px;border-radius:5px;border:2px solid #0a0612;
  image-rendering:pixelated;background:var(--bg2);object-fit:cover;display:grid;place-items:center}
.ap-pick-check{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;display:grid;place-items:center;
  background:#22c55e;border:2px solid #0a0612;border-radius:4px;color:#0a2d12;font-weight:900;font-size:.74rem;
  box-shadow:0 2px 0 rgba(0,0,0,.4)}
.ap-pick-info{flex:1;min-width:0}
.ap-pick-name{font-size:.86rem;font-weight:700;color:var(--text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-pick-id{font-size:.64rem;color:var(--muted);font-family:'MacMinecraft','Minecraft',monospace;
  display:block;margin-top:.1rem;letter-spacing:.04em}
.ap-pick-empty{grid-column:1/-1;text-align:center;padding:1.6rem 1rem;color:var(--muted);font-size:.86rem}
.ap-pick-empty .mc{image-rendering:pixelated;margin-bottom:.4rem;display:block;opacity:.7}
.ap-pick-add{display:flex;gap:.55rem;align-items:stretch;flex-wrap:wrap}
.ap-pick-add .ap-input{flex:1;min-width:200px}
.ap-pick-add .ap-btn{flex-shrink:0}
.ap-pick-foot{font-size:.78rem;color:var(--muted2);display:flex;align-items:center;gap:.4rem;
  padding:.4rem .55rem;background:rgba(0,0,0,.2);border:1px solid var(--border2);border-radius:5px}
.ap-pick-foot .mc{image-rendering:pixelated}

/* ════════════════════════════════════════════════════════════════════════════
   MODAL "TIENES TAREAS PENDIENTES"
   ════════════════════════════════════════════════════════════════════════════ */
.ap-pmod-overlay{
  position:fixed;inset:0;z-index:99999;background:rgba(8,4,20,.85);
  display:none;align-items:center;justify-content:center;padding:1rem;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  animation:apPmodFade .25s ease;
  --bg:#150e26; --bg2:#1e1433; --bg3:#2a1a45;
  --border:#0a0612; --border2:#3d2860;
  --accent:#a855f7; --text:#f1e9ff;
  --muted:#8b76b8; --muted2:#c3b2e6;
}
.ap-pmod-overlay.open{display:flex}
@keyframes apPmodFade{from{opacity:0}to{opacity:1}}
@keyframes apPmodPop{from{transform:scale(.92) translateY(20px);opacity:0}to{transform:none;opacity:1}}
.ap-pmod{
  width:min(640px,94vw);max-height:90vh;display:flex;flex-direction:column;
  background:linear-gradient(180deg,rgba(168,85,247,.08),transparent 40%),var(--bg2);
  border:3px solid var(--border);border-radius:9px;
  box-shadow:inset 3px 3px 0 rgba(255,255,255,.06),inset -3px -3px 0 rgba(0,0,0,.5),
             0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(168,85,247,.25);
  animation:apPmodPop .35s cubic-bezier(.34,1.56,.64,1);color:var(--text);
}
.ap-pmod-head{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.2rem;
  border-bottom:2px solid var(--border)}
.ap-pmod-ico{flex-shrink:0;width:54px;height:54px;display:grid;place-items:center;
  background:linear-gradient(135deg,#f59e0b,#ef4444);border:2px solid var(--border);border-radius:6px;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.22),inset -2px -2px 0 rgba(0,0,0,.35),
             0 4px 0 rgba(0,0,0,.4),0 0 22px rgba(245,158,11,.4);
  animation:apPmodIcoPulse 2s ease-in-out infinite}
@keyframes apPmodIcoPulse{0%,100%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.22),inset -2px -2px 0 rgba(0,0,0,.35),0 4px 0 rgba(0,0,0,.4),0 0 22px rgba(245,158,11,.4)}50%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.22),inset -2px -2px 0 rgba(0,0,0,.35),0 4px 0 rgba(0,0,0,.4),0 0 36px rgba(245,158,11,.7)}}
.ap-pmod-ico .mc{image-rendering:pixelated}
.ap-pmod-htext{flex:1;min-width:0}
.ap-pmod-htext h2{margin:0;font-family:'MacMinecraft','Minecraft',monospace;font-size:1.25rem;
  letter-spacing:.02em;color:var(--text);text-shadow:2px 2px 0 rgba(0,0,0,.5);line-height:1.2}
.ap-pmod-sub{font-size:.82rem;color:var(--muted2);margin-top:.25rem}
.ap-pmod-close{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;
  background:var(--bg3);border:2px solid var(--border);border-radius:5px;color:var(--muted2);
  font-size:1rem;font-weight:800;font-family:inherit;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.06),inset -1px -1px 0 rgba(0,0,0,.3);
  transition:background .12s,color .12s,transform .08s}
.ap-pmod-close:hover{background:rgba(239,68,68,.2);color:#fca5a5;transform:translateY(-1px)}
.ap-pmod-list{flex:1;overflow-y:auto;padding:.9rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}
.ap-pmod-list::-webkit-scrollbar{width:8px}
.ap-pmod-list::-webkit-scrollbar-thumb{background:rgba(168,85,247,.4);border-radius:4px}
.ap-pmod-card{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;cursor:pointer;
  background:var(--bg3);border:2px solid var(--border);border-radius:5px;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -2px -2px 0 rgba(0,0,0,.35),0 2px 0 rgba(0,0,0,.4);
  transition:transform .08s,border-color .12s,background .12s}
.ap-pmod-card:hover{transform:translateX(3px);border-color:var(--accent);background:rgba(168,85,247,.12)}
.ap-pmod-card.prio-urgente{border-left:6px solid #dc2626}
.ap-pmod-card.prio-alta{border-left:6px solid #ef4444}
.ap-pmod-card.prio-media{border-left:6px solid #f59e0b}
.ap-pmod-card.prio-baja{border-left:6px solid #22c55e}
.ap-pmod-prio{width:10px;height:10px;border-radius:50%;flex-shrink:0;
  box-shadow:0 0 8px currentColor,inset 0 0 0 1px rgba(0,0,0,.4)}
.ap-pmod-info{flex:1;min-width:0}
.ap-pmod-title{font-size:.95rem;font-weight:700;color:var(--text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-pmod-meta{font-size:.72rem;color:var(--muted);margin-top:.2rem;display:flex;gap:.45rem;align-items:center}
.ap-pmod-prtag{background:rgba(168,85,247,.18);color:#e9d5ff;padding:.1rem .4rem;border-radius:3px;
  font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.66rem}
.ap-pmod-card .mc{image-rendering:pixelated;color:var(--muted)}
.ap-pmod-more{text-align:center;color:var(--muted);font-size:.78rem;padding:.3rem;font-style:italic}
.ap-pmod-foot{display:flex;gap:.55rem;justify-content:flex-end;padding:1rem 1.2rem;
  border-top:2px solid var(--border);background:rgba(0,0,0,.18)}
.ap-pmod-foot .ap-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;
  border-radius:5px;font-weight:700;font-size:.84rem;cursor:pointer;
  background:var(--bg3);border:2px solid var(--border);color:var(--text);font-family:inherit;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.05),inset -1px -1px 0 rgba(0,0,0,.3)}
.ap-pmod-foot .ap-btn.primary{background:#7c3aed;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5);
  font-family:'MacMinecraft','Minecraft',monospace;letter-spacing:.03em;border-radius:0;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.28),inset -2px -2px 0 rgba(0,0,0,.4),0 3px 0 #3b1e6c}
.ap-pmod-foot .ap-btn.primary:hover{background:#8b46ff;transform:translateY(-1px)}
.ap-pmod-foot .ap-btn:hover{border-color:var(--accent)}
.ap-pmod-foot .ap-btn .mc{image-rendering:pixelated;width:1.1em;height:1.1em}

/* ════════════════════════════════════════════════════════════════════════════
   ASIGNADOS — chips compactos en el drawer (evita avatares gigantes)
   ════════════════════════════════════════════════════════════════════════════ */
#admin-panel-overlay .ap-tag,#ap-drawer .ap-tag{
  max-width:100%;line-height:1.2;
}
#admin-panel-overlay .ap-tag img,#admin-panel-overlay .ap-tag .ap-ava,
#ap-drawer .ap-tag img,#ap-drawer .ap-tag .ap-ava{
  width:18px;height:18px;min-width:18px;border-radius:4px;border:1px solid #0a0612;
  image-rendering:pixelated;object-fit:cover;background:var(--bg2);
  display:inline-grid;place-items:center;flex-shrink:0;margin:0;padding:0;
}
/* Caso general: cualquier <img> que cuelgue directo de .ap-prop-disp también limitarlo */
#admin-panel-overlay .ap-prop-disp img,#ap-drawer .ap-prop-disp img{
  max-width:20px;max-height:20px;
}

/* Celda "Asignados" en la vista Tabla — grid de 4 columnas, avatares 22×22 */
#admin-panel-overlay .ap-cell-people{
  display:inline-grid;grid-template-columns:repeat(4,22px);gap:3px;
  align-items:center;vertical-align:middle;line-height:1;
}
#admin-panel-overlay .ap-cell-people img,
#admin-panel-overlay .ap-cell-people .ap-ava{
  width:22px;height:22px;min-width:22px;min-height:22px;border-radius:4px;
  border:1px solid #0a0612;image-rendering:pixelated;object-fit:cover;
  background:var(--bg2);display:inline-grid;place-items:center;margin:0;padding:0;
  font-size:.7rem;
}
/* Misma idea para la vista Lista por si también muestra avatares en celda */
#admin-panel-overlay .ap-list-row .ap-card-assignees{
  display:inline-grid;grid-template-columns:repeat(4,22px);gap:3px;vertical-align:middle;
}
#admin-panel-overlay .ap-card-assignees img,
#admin-panel-overlay .ap-card-assignees .ap-ava{
  width:22px;height:22px;min-width:22px;border-radius:4px;border:1px solid #0a0612;
  image-rendering:pixelated;object-fit:cover;background:var(--bg2);margin:0;padding:0;
}