/* ═══════════════════════════════════════════════════════════════════════
   CRETUM DESK · REDISEÑO v2 (escritorio) — capa sobre el CSS base
   Diseño: Claude Design "Cretum Desk Rediseño v2" (proyecto 237db082).
   Solo re-estiliza: no toca lógica ni markup existente. La capa móvil
   (mobile.css, ≤768px) manda en teléfono; esta capa vive en ≥769px.
   Fase 1: Acceso + 2FA + Selector de empresa.
   ═══════════════════════════════════════════════════════════════════════ */

/* Swap de logo del login por tema (aplica en todos los tamaños) */
.login-logo-dark{display:none}
[data-theme="dark"] .login-logo-light{display:none}
[data-theme="dark"] .login-logo-dark{display:block}

/* Los elementos nuevos del rediseño no existen en la capa móvil */
@media (max-width:768px){
  .login-brand,.selector-card-tags,.selector-kicker,.hdr-lang,.hdr-theme,.hdr-refresh,.home-hero-kicker,.home-hero-actions,.tk-hero,.tk-quick,.tk-view-sep,.tk-view-h,.tk-dens-opt{display:none}
}

@media (min-width:769px){

  /* ══ Header · banda de gradiente de marca (design 2c/2d) ══
     La banda vive en ::after para poder fundir negro ↔ gradiente al elegir empresa
     (un gradiente no se puede transicionar; su opacidad sí). */
  #app{padding-top:64px}
  .settings-pop{top:70px}
  .header{
    height:64px;padding:0 24px;gap:12px;box-sizing:border-box;
    background:#0f1115;border-bottom:1px solid transparent;
    --brand-text:#1a3a6b;
  }
  .header::after{
    content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(90deg,#1a3a6b,#2a4f8f);
    opacity:1;transition:opacity .28s ease;
  }
  [data-org="mvp"] .header{--brand-text:#ED7824}
  [data-org="mvp"] .header::after{background:linear-gradient(90deg,#ED7824,#F89540)}
  /* Sin empresa elegida (selector): header neutro, negro */
  body:has(#pageSelector.active) .header{--brand-text:#0f1115;border-bottom-color:#1d2128}
  body:has(#pageSelector.active) .header::after{opacity:0}

  .hamburger,.header-back{font-size:17px;padding:8px;color:#fff}
  /* Actualizar: junto a la píldora de marca (la marca deja de empujar; empuja el botón) */
  .header-brand{margin-right:0}
  .hdr-refresh{
    margin-right:auto;width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;
    background:rgba(255,255,255,.2);color:#fff;cursor:pointer;font-size:14px;
    transition:background .16s ease,transform .12s ease;
  }
  .hdr-refresh:hover{background:rgba(255,255,255,.3)}
  .hdr-refresh:active{transform:scale(.92)}
  @keyframes appSpin{to{transform:rotate(360deg)}}
  .hdr-refresh.spinning i{animation:appSpin .7s linear infinite}
  body:has(#pageSelector.active) .hdr-refresh{display:none}
  [data-theme="dark"] .hdr-refresh{background:#242b37;color:#eceff4}
  [data-theme="dark"] .hdr-refresh:hover{background:#2e3644}
  [data-theme="dark"][data-org="mvp"] .hdr-refresh{background:#2a2118}
  .header-brand{
    border-radius:999px;padding:7px 16px 7px 12px;gap:10px;
    transition:box-shadow .15s ease,transform .12s ease;
  }
  .header-brand:active{transform:scale(.97)}
  .header-mark{width:auto;height:18px;padding:0;border-radius:0}
  .header-logo{height:100%;width:auto}
  .header-title{font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--brand-text)}

  /* Grupo derecho: círculos 34px translúcidos + píldora de usuario */
  .header-sys{
    min-height:34px;min-width:34px;padding:0 10px;border-radius:999px;justify-content:center;
    background:rgba(255,255,255,.2);font-size:12.5px;
    transition:background .16s ease,transform .12s ease;
  }
  .header-sys i{font-size:14px}
  .header-sys:hover{background:rgba(255,255,255,.3)}
  .header-sys:active{transform:scale(.95)}
  .header-user{
    background:rgba(255,255,255,.2);border-radius:999px;padding:4px 14px 4px 4px;gap:9px;font-size:14px;
    transition:background .16s ease,transform .12s ease;
  }
  .header-user:hover{background:rgba(255,255,255,.3)}
  .header-user:active{transform:scale(.97)}
  .header-av{background:#fff;color:var(--brand-text);font-size:12px;font-weight:600}
  body:has(#pageSelector.active) .header-av{color:#0f1115}
  /* En el selector no hay marca que mostrar: fuera la píldora logo+nombre; el grupo derecho se ancla solo */
  body:has(#pageSelector.active) .header-brand{display:none}
  body:has(#pageSelector.active) .hdr-lang{margin-left:auto}

  /* ES/EN + tema (solo escritorio) */
  .hdr-lang{display:flex;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:3px}
  .hdr-lang-btn{
    border:0;background:transparent;border-radius:999px;padding:3px 10px;
    font:600 11.5px/1.4 var(--font);color:rgba(255,255,255,.72);cursor:pointer;
    transition:background .16s ease,color .16s ease,transform .12s ease;
  }
  .hdr-lang-btn:hover{color:#fff}
  .hdr-lang-btn:active{transform:scale(.95)}
  .hdr-lang-btn.active{background:#fff;color:var(--brand-text)}
  .hdr-theme{
    display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;
    background:rgba(255,255,255,.2);color:#fff;cursor:pointer;font-size:14px;
    transition:background .16s ease,transform .12s ease;
  }
  .hdr-theme:hover{background:rgba(255,255,255,.3)}
  .hdr-theme:active{transform:scale(.92)}
  .hdr-theme-sun{display:none}
  [data-theme="dark"] .hdr-theme-moon{display:none}
  [data-theme="dark"] .hdr-theme-sun{display:block}

  /* header · oscuro: superficie plana con divisor (design 2e), sin gradiente */
  [data-theme="dark"] .header{background:#161b24;border-bottom-color:#2f3744;color:#eceff4;--brand-text:#9fc0ee}
  [data-theme="dark"] .header::after{opacity:0}
  [data-theme="dark"] .header-brand{background:rgba(93,143,245,.16)}
  [data-theme="dark"] .header-brand:hover{box-shadow:0 0 0 2px rgba(93,143,245,.35)}
  [data-theme="dark"] .hamburger,[data-theme="dark"] .header-back{color:#eceff4}
  [data-theme="dark"] .header-sys,[data-theme="dark"] .header-user,[data-theme="dark"] .hdr-theme{background:#242b37;color:#eceff4}
  [data-theme="dark"] .header-sys:hover,[data-theme="dark"] .header-user:hover,[data-theme="dark"] .hdr-theme:hover{background:#2e3644}
  [data-theme="dark"] .header-av{background:#5d8ff5;color:#0c0f16}
  [data-theme="dark"] .hdr-lang{border-color:#2f3744}
  [data-theme="dark"] .hdr-lang-btn{color:#98a2b3}
  [data-theme="dark"] .hdr-lang-btn.active{background:#5d8ff5;color:#0c0f16}
  [data-theme="dark"][data-org="mvp"] .header{background:#181410;border-bottom-color:#2f271e;--brand-text:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .header-brand{background:rgba(248,149,64,.16)}
  [data-theme="dark"][data-org="mvp"] .header-sys,[data-theme="dark"][data-org="mvp"] .header-user,[data-theme="dark"][data-org="mvp"] .hdr-theme{background:#2a2118}
  [data-theme="dark"][data-org="mvp"] .header-av,[data-theme="dark"][data-org="mvp"] .hdr-lang-btn.active{background:#F89540;color:#0d0a07}
  [data-theme="dark"] body:has(#pageSelector.active) .header{background:#000;border-bottom-color:#151515;--brand-text:#9fc0ee}
  /* Selector en oscuro: header negro con controles blancos translúcidos (igual que en claro) */
  [data-theme="dark"] body:has(#pageSelector.active) .header-sys,
  [data-theme="dark"] body:has(#pageSelector.active) .header-user,
  [data-theme="dark"] body:has(#pageSelector.active) .hdr-theme{background:rgba(255,255,255,.16);color:#fff}
  [data-theme="dark"] body:has(#pageSelector.active) .header-sys:hover,
  [data-theme="dark"] body:has(#pageSelector.active) .header-user:hover,
  [data-theme="dark"] body:has(#pageSelector.active) .hdr-theme:hover{background:rgba(255,255,255,.26)}
  [data-theme="dark"] body:has(#pageSelector.active) .header-av{background:#fff;color:#0f1115}
  [data-theme="dark"] body:has(#pageSelector.active) .hdr-lang{border-color:rgba(255,255,255,.34)}
  [data-theme="dark"] body:has(#pageSelector.active) .hdr-lang-btn{color:rgba(255,255,255,.72)}
  [data-theme="dark"] body:has(#pageSelector.active) .hdr-lang-btn.active{background:#fff;color:#0f1115}

  /* ══ 2b · Selector: composición centrada a pantalla completa ══ */
  body:has(#pageSelector.active){background:#f4f6fa}
  #pageSelector.active{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;
    min-height:calc(100vh - 64px);max-width:none;padding:40px 60px;box-sizing:border-box;
    animation:none;
  }
  .selector-hero{padding:0;margin:0}
  /* Entrada escalonada (pantalla ocasional, post-login): saludo → tarjeta 1 → tarjeta 2 */
  @keyframes deskRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  #pageSelector.active .selector-hero,
  #pageSelector.active .selector-card{animation:deskRise .32s cubic-bezier(.23,1,.32,1) both}
  #pageSelector.active .selector-card:nth-child(1){animation-delay:60ms}
  #pageSelector.active .selector-card:nth-child(2){animation-delay:120ms}

  /* ══ 2a · Acceso: panel de marca + tarjeta ══ */
  #loginWrap{
    background:#f4f6fa;animation:none;
    display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;
    padding:20px;gap:0;
  }
  #loginWrap::before{display:none}
  .login-bg-shape{display:none}

  .login-brand{
    display:flex;flex-direction:column;justify-content:space-between;
    position:relative;overflow:hidden;border-radius:20px;
    background:linear-gradient(155deg,#1a3a6b 0%,#112850 55%,#0a1b36 100%);
    color:#fff;padding:44px 48px;
  }
  .login-brand::before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:rgba(59,101,176,.28);filter:blur(10px);top:-160px;right:-140px}
  .login-brand::after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(123,154,208,.16);bottom:-120px;left:-90px}
  .lb-logo{position:relative;height:60px;width:auto;align-self:flex-start}
  .lb-mid{position:relative}
  .lb-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
  .lb-name{font-size:clamp(40px,4.6vw,60px);line-height:1.05;letter-spacing:-.035em;font-weight:600;margin-top:16px}
  .lb-tag{max-width:40ch;margin:20px 0 0;font-size:16px;line-height:1.7;color:rgba(255,255,255,.78)}
  .lb-pills{position:relative;display:flex;gap:10px;flex-wrap:wrap}
  .lb-pills span{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:6px 14px;font-size:12.5px;color:rgba(255,255,255,.82)}

  .login-box{
    place-self:center;width:100%;max-width:372px;
    background:#fff;border:1px solid #e4e9f1;border-radius:22px;
    padding:40px 36px 30px;
    box-shadow:0 4px 16px rgba(22,35,60,.08);
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .login-box::before{display:none}
  .login-logo{width:170px;margin:0 auto 24px;filter:none}
  .login-title{text-align:left;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--gray-900,#16233c);margin-bottom:4px}
  .login-sub{text-align:left;font-size:15px;color:#6b7890;margin-bottom:28px}
  .login-field{margin-bottom:16px}
  .login-field .fi{min-height:46px;border-radius:13px;background:#f7f9fc;border-color:#e4e9f1}
  .btn-login{
    min-height:48px;border-radius:999px;font-size:15px;font-weight:600;
    background:linear-gradient(135deg,#1a3a6b,#2a4f8f);
    box-shadow:0 8px 20px -8px rgba(26,58,107,.65);
  }
  .login-foot{color:#7b879c}

  /* acceso · oscuro */
  [data-theme="dark"] #loginWrap{background:#0c0f16}
  [data-theme="dark"] .login-brand{background:linear-gradient(155deg,#16203a 0%,#101728 55%,#0a1020 100%);border:1px solid #2f3744}
  [data-theme="dark"] .login-brand::before{background:rgba(93,143,245,.18)}
  [data-theme="dark"] .login-brand::after{background:rgba(93,143,245,.09)}
  [data-theme="dark"] .login-box{background:#161b24;border-color:#2f3744;box-shadow:none}
  [data-theme="dark"] .login-title{color:#eceff4}
  [data-theme="dark"] .login-sub{color:#9aa3b5}
  [data-theme="dark"] .login-field .fi{background:#10151d;border-color:#2f3744;color:#eceff4}
  [data-theme="dark"] .btn-login{background:linear-gradient(135deg,#4a76dc,#5d8ff5);color:#0c0f16}
  [data-theme="dark"] .login-foot{color:#9aa3b5}

  /* ══ 2a · Código de verificación (2FA) ══ */
  #mfaLoginModal .camp-modal{width:424px;max-width:94vw;border-radius:22px}
  #mfaLoginModal .camp-modal-head{justify-content:center;border:0;padding:30px 24px 0}
  #mfaLoginModal .camp-modal-title{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:24px;font-weight:700;letter-spacing:-.02em}
  #mfaLoginModal .camp-modal-title i{width:52px;height:52px;border-radius:16px;background:#e8eef7;color:#1a3a6b;display:grid;place-items:center;font-size:22px}
  #mfaLoginModal .camp-modal-body{padding:8px 34px 0;text-align:center}
  #mfaLoginModal .camp-f-lbl{display:block;max-width:34ch;margin:0 auto 20px;font-size:14.5px;line-height:1.55;color:#6b7890;font-weight:400}
  #mfaLoginModal .camp-f-inp{
    width:100%;height:60px;border-radius:14px;background:#f7f9fc;border:1px solid #e4e9f1;
    font-family:var(--mono,ui-monospace,monospace);font-size:24px;text-align:center;
    letter-spacing:.45em;text-indent:.45em;box-sizing:border-box;
  }
  #mfaLoginModal .camp-modal-foot{display:flex;gap:10px;border:0;padding:22px 34px 30px}
  #mfaLoginModal .camp-prev-cancel{flex:1;min-height:44px;border-radius:999px;border-color:#e4e9f1;color:#46536b}
  #mfaLoginModal .btn-primary{flex:1.4;min-height:44px;border-radius:999px;font-weight:600;background:linear-gradient(135deg,#1a3a6b,#2a4f8f);border:0}

  /* 2FA · oscuro */
  [data-theme="dark"] #mfaLoginModal .camp-modal-title i{background:rgba(93,143,245,.15);color:#7ba8ff}
  [data-theme="dark"] #mfaLoginModal .camp-f-lbl{color:#9aa3b5}
  [data-theme="dark"] #mfaLoginModal .camp-f-inp{background:#10151d;border-color:#2f3744;color:#eceff4}
  [data-theme="dark"] #mfaLoginModal .camp-prev-cancel{border-color:#2f3744;color:#9aa3b5}
  [data-theme="dark"] #mfaLoginModal .btn-primary{background:linear-gradient(135deg,#4a76dc,#5d8ff5);color:#0c0f16}

  /* ══ 2b · Selector de empresa ══ */
  .selector-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7b879c;margin-bottom:12px}
  .selector-greeting{font-size:48px;font-weight:700;letter-spacing:-.035em;line-height:1.05;color:var(--gray-900,#16233c)}
  .selector-question{font-size:17px;color:#6b7890;margin-top:8px}
  .selector-cards{gap:36px;justify-content:center;max-width:none;flex-wrap:nowrap;align-items:stretch}
  .selector-card{
    width:360px;height:auto;min-height:268px;
    display:flex;flex-direction:column;align-items:flex-start;gap:20px;text-align:left;
    background:#fff;border:1px solid #e4e9f1;border-radius:22px;
    box-shadow:0 1px 2px rgba(22,35,60,.06),0 1px 3px rgba(22,35,60,.05);
    padding:34px 30px 28px;
    transition:box-shadow .18s ease,transform .18s ease;
  }
  .selector-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(22,35,60,.08);border-color:#e4e9f1}
  .selector-card:active{transform:translateY(-1px) scale(.985)}
  .selector-card-logo{
    width:62px;height:62px;padding:11px;border-radius:18px;
    object-fit:contain;box-sizing:border-box;margin:0;
  }
  .sel-cretum .selector-card-logo{background:#e8eef7;padding:11px 9px}
  .sel-mvp .selector-card-logo{background:#fcead9}
  .selector-card:hover .selector-card-logo,
  .selector-card:active .selector-card-logo{transform:none;filter:none}
  .sel-cretum:hover .selector-card-logo,.sel-mvp:hover .selector-card-logo{filter:none}
  .selector-card-name{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
  .sel-cretum .selector-card-name,.sel-mvp .selector-card-name{color:var(--gray-900,#16233c)}
  .selector-card-sub{font-size:15px;color:#6b7890;text-transform:none;letter-spacing:0;font-weight:400;margin-top:2px}
  .sel-cretum .selector-card-sub,.sel-mvp .selector-card-sub{color:#6b7890}
  /* max-width acota a dos píldoras por fila: ambas tarjetas quedan con el mismo acomodo (2 + 1) */
  .selector-card-tags{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;max-width:262px}
  .selector-card-tags span{border:1px solid #e4e9f1;border-radius:999px;padding:5px 12px;font-size:12.5px;color:#5b687f;font-weight:500}

  /* selector · oscuro */
  [data-theme="dark"] .selector-kicker{color:#9aa3b5}
  [data-theme="dark"] .selector-greeting{color:#eceff4}
  [data-theme="dark"] .selector-question{color:#9aa3b5}
  [data-theme="dark"] .selector-card{background:#161b24;border-color:#2f3744;box-shadow:none}
  [data-theme="dark"] .selector-card:hover{border-color:#3d4657;box-shadow:none}
  [data-theme="dark"] .sel-cretum .selector-card-name,
  [data-theme="dark"] .sel-mvp .selector-card-name{color:#eceff4}
  [data-theme="dark"] .sel-cretum .selector-card-sub,
  [data-theme="dark"] .sel-mvp .selector-card-sub{color:#9aa3b5}
  [data-theme="dark"] .selector-card-tags span{border-color:#2f3744;color:#9aa3b5}
  [data-theme="dark"] .sel-cretum .selector-card-logo{background:rgba(93,143,245,.15)}
  [data-theme="dark"] .sel-mvp .selector-card-logo{background:rgba(248,149,64,.16)}
  /* oscuro MVP cálido */
  [data-theme="dark"][data-org="mvp"] .login-box,
  /* En el selector no hay org activa: la tarjeta MVP lleva su propio negro cálido (como Cretum lleva el navy) */
  [data-theme="dark"] .sel-mvp{background:#181410;border-color:#2f271e}
  [data-theme="dark"] .sel-mvp:hover{border-color:#3d3226}
  [data-theme="dark"] .sel-mvp .selector-card-tags span{border-color:#2f271e;color:#b3a696}
  [data-theme="dark"] .sel-mvp .selector-card-sub{color:#b3a696}
  [data-theme="dark"][data-org="mvp"] .selector-card{background:#181410;border-color:#2f271e}

  /* ══ 2c/2d · Hero del home: tarjeta tintada con fecha-hora + "Editar módulos" ══
     Angel pidió un toque de transparencia: tinta con alpha + blur del fondo + borde blanco. */
  .home-hero{
    display:flex;align-items:center;justify-content:space-between;gap:28px;
    text-align:left;padding:34px 36px;margin-bottom:30px;border-radius:22px;
    background:linear-gradient(120deg,rgba(240,244,250,.74),rgba(232,238,247,.74));
    border:1px solid rgba(255,255,255,.75);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(22,35,60,.04);
    -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  }
  .home-hero-main{min-width:0}
  .home-hero-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#5b7099;min-height:15px}
  .home-greeting{font-size:42px;font-weight:700;line-height:1.05;letter-spacing:-.035em;color:#1a3a6b;margin:10px 0 6px}
  .home-question{font-size:16px;color:#6b7890}
  .home-hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
  .home-hero-edit{
    display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 22px;border:0;border-radius:999px;
    background:#1a3a6b;color:#fff;font:600 14px var(--font);cursor:pointer;
    box-shadow:0 8px 20px -8px rgba(26,58,107,.7);
    transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s ease,filter .16s ease;
  }
  .home-hero-edit i{font-size:13px}
  .home-hero-edit:hover{filter:brightness(1.08);box-shadow:0 10px 22px -8px rgba(26,58,107,.8)}
  .home-hero-edit:active{transform:scale(.97)}
  .home-hero-edit.shine-new{box-shadow:0 0 0 3px rgba(26,58,107,.18),0 8px 20px -8px rgba(26,58,107,.7)}
  /* MVP */
  [data-org="mvp"] .home-hero{background:linear-gradient(120deg,rgba(254,245,238,.76),rgba(252,234,217,.76))}
  [data-org="mvp"] .home-hero-kicker{color:#a3673a}
  [data-org="mvp"] .home-greeting{color:#c9651f}
  [data-org="mvp"] .home-question{color:#8a7362}
  [data-org="mvp"] .home-hero-edit{background:#ED7824;box-shadow:0 8px 20px -8px rgba(237,120,36,.7)}
  [data-org="mvp"] .home-hero-edit:hover{box-shadow:0 10px 22px -8px rgba(237,120,36,.8)}
  [data-org="mvp"] .home-hero-edit.shine-new{box-shadow:0 0 0 3px rgba(237,120,36,.2),0 8px 20px -8px rgba(237,120,36,.7)}
  /* La barra "Personalizar" de abajo se reduce al hint (el botón ya vive en el hero) */
  .home-cust-bar .home-cust-btn,.home-cust-bar .home-cust-tip{display:none!important}
  .home-cust-hint{text-align:center}
  /* oscuro (design 2e): tinta oscura translúcida + divisor */
  [data-theme="dark"] .home-hero{
    background:linear-gradient(120deg,rgba(19,26,41,.78),rgba(22,27,36,.78));
    border-color:#2f3744;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  [data-theme="dark"] .home-hero-kicker,[data-theme="dark"] .home-question{color:#98a2b3}
  [data-theme="dark"] .home-greeting{color:#9fc0ee}
  [data-theme="dark"] .home-hero-edit{background:#5d8ff5;color:#0c0f16;box-shadow:0 8px 20px -8px rgba(93,143,245,.55)}
  [data-theme="dark"] .home-hero-edit.shine-new{box-shadow:0 0 0 3px rgba(93,143,245,.25),0 8px 20px -8px rgba(93,143,245,.55)}
  [data-theme="dark"][data-org="mvp"] .home-hero{background:linear-gradient(120deg,rgba(34,26,20,.8),rgba(24,20,16,.8));border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .home-hero-kicker,[data-theme="dark"][data-org="mvp"] .home-question{color:#b3a696}
  [data-theme="dark"][data-org="mvp"] .home-greeting{color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .home-hero-edit{background:#F89540;color:#0d0a07;box-shadow:0 8px 20px -8px rgba(248,149,64,.55)}
  [data-theme="dark"][data-org="mvp"] .home-hero-edit.shine-new{box-shadow:0 0 0 3px rgba(248,149,64,.25),0 8px 20px -8px rgba(248,149,64,.55)}

  /* ══ Fase 3 · Home modular como home de escritorio (design 2c/2d) ══
     Fondo global gris claro; ventanas = tarjetas 22r con cabecera icono-cuadro + título. */
  html:not([data-theme="dark"]) body{background:#f4f6fa}
  .page-home{max-width:1248px}
  .home-modular{gap:24px;margin-bottom:30px}
  .hw{background:#fff;border:1px solid #e4e9f1;border-radius:22px;transition:box-shadow .18s ease,border-color .18s ease}
  .hw-head{padding:22px 26px 10px;gap:10px}
  .hw-hico{width:30px;height:30px;border-radius:10px;background:#e8eef7;color:#1a3a6b;display:grid;place-items:center;font-size:14px}
  [data-org="mvp"] .hw-hico{background:#fcead9;color:#c9651f}
  .hw-title{font-size:15px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:#16233c}
  .hw-body{padding:6px 26px 24px}
  .hw-act{width:32px;height:32px;border-radius:999px}
  .hw-acts{gap:4px}
  /* edición: se nota que las ventanas se pueden mover/redimensionar */
  .hw-hint{
    grid-column:1/-1;grid-row:span 2;display:flex;align-items:center;gap:10px;
    padding:12px 18px;border-radius:14px;background:#e8eef7;color:#1a3a6b;font-size:13px;font-weight:500;
  }
  [data-org="mvp"] .hw-hint{background:#fcead9;color:#c9651f}
  .home-modular:not(.locked) .hw{border-style:dashed;border-color:#c8d6ea}
  [data-org="mvp"] .home-modular:not(.locked) .hw{border-color:#f3d3b4}
  .home-modular:not(.locked) .hw:hover{box-shadow:0 4px 16px rgba(22,35,60,.08)}
  .hw-grip{width:26px;height:26px;opacity:.55;border-radius:0 0 20px 0}
  .hw-off-row{grid-row:span 3;gap:10px}
  .hw-off{border-radius:999px;padding:8px 16px;font-size:13px;border:1px dashed #c8d6ea;color:#5b687f;background:#fff;transition:border-color .16s ease,color .16s ease,transform .12s ease}
  .hw-off:hover{border-color:#1a3a6b;color:#1a3a6b}
  .hw-off:active{transform:scale(.97)}

  /* Módulos: tarjeta vertical con icono 48 en cuadro tintado, nombre y kicker */
  /* Filas centradas: la última fila (incompleta) queda centrada respecto a la de arriba y todos los tiles miden igual.
     Ancho = 1/5 del contenedor (mín 176px): 5 por fila a lo ancho, 3 en media pantalla. */
  .hw-mods.vcards{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
  .hw-mods.vcards .hw-mod{flex:0 0 max(176px,calc(20% - 14.4px));max-width:100%}
  .hw-mods.vcards.sz2 .hw-mod{flex-basis:max(204px,calc(25% - 13.5px))}
  .hw-mods.vcards.sz3 .hw-mod{flex-basis:max(236px,calc(33.333% - 12px))}
  .hw-mods.vcards .hw-mod{border-radius:18px;padding:22px 18px 20px;gap:12px;border-color:#e4e9f1;transition:box-shadow .18s ease,transform .18s cubic-bezier(.23,1,.32,1),border-color .18s ease}
  .hw-mods.vcards .hw-mod-ico{width:48px;height:48px;border-radius:16px;font-size:20px;background:#f0f4fa;color:#1a3a6b}
  [data-org="mvp"] .hw-mods.vcards .hw-mod-ico{background:#fef5ee;color:#ED7824}
  .hw-mods.vcards .hw-mod-t{font-size:15px;font-weight:600;line-height:1.3;color:#16233c}
  .hw-mod-k{display:block;font-size:12.5px;line-height:1.35;color:#8b95a7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:-4px}
  .hw-mods.vcards .hw-mod:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(22,35,60,.08);background:#fff;border-color:#e4e9f1}
  .hw-mods.vcards .hw-mod:active{transform:translateY(-1px) scale(.985)}
  .hw-mods.vcards .hw-mod.hw-editing:hover{transform:none}

  /* Tareas pendientes */
  .hw-tasks{display:flex;flex-direction:column;gap:8px}
  .hw-task{
    display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px;border:1px solid #e4e9f1;background:#fff;box-shadow:0 1px 2px rgba(22,35,60,.05);
    text-align:left;font-family:var(--font);cursor:pointer;border-radius:10px;transition:background .14s ease,transform .12s ease;
  }
  .hw-task:hover{background:#eef2f9}
  .hw-task:active{transform:scale(.99)}
  .hw-task-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#c8d6ea}
  .hw-task-dot.lp-a{background:#e5484d}.hw-task-dot.lp-m{background:#f5a524}.hw-task-dot.lp-b{background:#7b9ad0}
  .hw-task-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
  .hw-task-t{font-size:14.5px;line-height:1.4;color:#16233c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hw-task-m{font-size:12.5px;color:#8b95a7}
  .hw-task.od .hw-task-m{color:#e5484d;font-weight:500}
  .hw-task-chev{font-size:11px;color:#c0c8d6}

  /* Noticias: 3 columnas de tarjetas */
  .hw[data-hw="news"] .hn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .hw[data-hw="news"] .hn-card{background:#fff;border:1px solid #e4e9f1;border-radius:20px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:12px;min-height:176px;transition:box-shadow .18s ease,transform .18s cubic-bezier(.23,1,.32,1)}
  .hw[data-hw="news"] .hn-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(22,35,60,.08)}
  .hw[data-hw="news"] .hn-top{display:flex;justify-content:space-between;align-items:center}
  .hw[data-hw="news"] .hn-co{background:#e8eef7;color:#1a3a6b;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:600}
  [data-org="mvp"] .hw[data-hw="news"] .hn-co{background:#fcead9;color:#a3541a}
  .hw[data-hw="news"] .hn-time{font-family:var(--mono,ui-monospace);font-size:11.5px;color:#8b95a7}
  .hw[data-hw="news"] .hn-text{font-size:15px;line-height:1.45;color:#16233c;text-wrap:pretty}
  .hw[data-hw="news"] .hn-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
  .hw[data-hw="news"] .hn-src{font-size:12.5px;color:#8b95a7}
  .hw[data-hw="news"] .hn-btn{background:#f0f4fa;color:#1a3a6b;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .16s ease}
  .hw[data-hw="news"] .hn-btn:hover{background:#e8eef7}
  [data-org="mvp"] .hw[data-hw="news"] .hn-btn{background:#fef5ee;color:#c9651f}
  .hn-more{margin-top:16px;text-align:right}
  .hn-viewall,.cal-viewall{border-radius:999px;font-weight:600}

  /* Calendario alto: próximos eventos (tarjeta tintada) + mes */
  .hw-cal-up{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
  .hw-cal-up .hb-ev,.hw-cal-up>div{background:#f0f4fa;border-radius:16px}
  [data-org="mvp"] .hw-cal-up .hb-ev,[data-org="mvp"] .hw-cal-up>div{background:#fef5ee}
  .hw-cal-up .hb-ev-d{background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(22,35,60,.06)}
  .hw-cal-mes .cg-cell{border-radius:10px}

  /* Oscuro */
  [data-theme="dark"] .hw{background:#161b24;border-color:#2f3744}
  [data-theme="dark"] .hw-title{color:#eceff4}
  [data-theme="dark"] .hw-hico{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .hw-hint{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .home-modular:not(.locked) .hw{border-color:#3d4a63}
  [data-theme="dark"] .hw-off{background:transparent;border-color:#3d4a63;color:#98a2b3}
  [data-theme="dark"] .hw-off:hover{border-color:#5d8ff5;color:#9fc0ee}
  [data-theme="dark"] .hw-mods.vcards .hw-mod{border-color:#2f3744;background:#161b24}
  [data-theme="dark"] .hw-mods.vcards .hw-mod:hover{background:#1b2130;border-color:#3d4a63;box-shadow:none}
  [data-theme="dark"] .hw-mods.vcards .hw-mod-ico{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .hw-mods.vcards .hw-mod-t{color:#eceff4}
  [data-theme="dark"] .hw-mod-k,[data-theme="dark"] .hw-task-m,[data-theme="dark"] .hw-task-chev{color:#98a2b3}
  [data-theme="dark"] .hw-task{background:#161b24;border-color:#2f3744;box-shadow:none}
  [data-theme="dark"] .hw-task:hover{background:#1b2130}
  [data-theme="dark"] .hw-task-t{color:#eceff4}
  [data-theme="dark"] .hw[data-hw="news"] .hn-card{background:#161b24;border-color:#2f3744}
  [data-theme="dark"] .hw[data-hw="news"] .hn-card:hover{box-shadow:none;border-color:#3d4a63}
  [data-theme="dark"] .hw[data-hw="news"] .hn-text{color:#eceff4}
  [data-theme="dark"] .hw[data-hw="news"] .hn-co{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .hw[data-hw="news"] .hn-btn{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .hw-cal-up .hb-ev,[data-theme="dark"] .hw-cal-up>div{background:#1b2130}
  [data-theme="dark"] .hw-cal-up .hb-ev-d{background:#242b37;box-shadow:none}
  /* Oscuro MVP (cálido) */
  [data-theme="dark"][data-org="mvp"] .hw{background:#181410;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .hw-hico,[data-theme="dark"][data-org="mvp"] .hw-hint{background:rgba(248,149,64,.16);color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .home-modular:not(.locked) .hw{border-color:#4a3a2a}
  [data-theme="dark"][data-org="mvp"] .hw-off{border-color:#4a3a2a;color:#b3a696}
  [data-theme="dark"][data-org="mvp"] .hw-off:hover{border-color:#F89540;color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .hw-mods.vcards .hw-mod{border-color:#2f271e;background:#181410}
  [data-theme="dark"][data-org="mvp"] .hw-mods.vcards .hw-mod:hover{background:#221a14;border-color:#4a3a2a}
  [data-theme="dark"][data-org="mvp"] .hw-mods.vcards .hw-mod-ico{background:rgba(248,149,64,.16);color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .hw-mod-k,[data-theme="dark"][data-org="mvp"] .hw-task-m{color:#b3a696}
  [data-theme="dark"][data-org="mvp"] .hw-task{background:#181410;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .hw-task:hover{background:#221a14}
  [data-theme="dark"][data-org="mvp"] .hw[data-hw="news"] .hn-card{background:#181410;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .hw[data-hw="news"] .hn-co,[data-theme="dark"][data-org="mvp"] .hw[data-hw="news"] .hn-btn{background:rgba(248,149,64,.16);color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .hw-cal-up .hb-ev,[data-theme="dark"][data-org="mvp"] .hw-cal-up>div{background:#221a14}
  [data-theme="dark"][data-org="mvp"] .hw-cal-up .hb-ev-d{background:#2a2118}

  /* ══ Fase 3b · Ventanas SIN fondo: solo el título separa las secciones (sin cristal ni blur) ══ */
  .hw{background:transparent;border-color:transparent;box-shadow:none;}
  .hw-head{padding:4px 6px 14px}
  .hw-body{padding:6px 6px 12px}
  /* Puntos de agarre (⋮⋮) junto al icono: aparecen en edición, cuando la ventana se puede mover */
  .hw-head::before{content:'';display:none;flex:none;width:10px;height:16px;margin-right:2px;opacity:.85;
    background-image:radial-gradient(circle,#1a3a6b 1.3px,transparent 1.7px);background-size:5px 5px;background-position:0 1px}
  .home-modular:not(.locked) .hw-head::before{display:block}
  [data-org="mvp"] .hw-head::before{background-image:radial-gradient(circle,#c9651f 1.3px,transparent 1.7px)}
  /* Edición: borde punteado para ver los límites de cada ventana */
  .home-modular:not(.locked) .hw{border-color:#c8d6ea;border-radius:22px}
  .home-modular:not(.locked) .hw-head{padding:18px 20px 10px}
  .home-modular:not(.locked) .hw-body{padding:6px 20px 20px}
  [data-org="mvp"] .home-modular:not(.locked) .hw{border-color:#f3d3b4}
  /* Tiles: tarjeta blanca sólida, tinte de marca al pasar el mouse */
  .hw-mods.vcards .hw-mod{background:#fff;border-color:#e4e9f1;box-shadow:0 1px 2px rgba(22,35,60,.05);
    transition:box-shadow .2s ease,transform .2s cubic-bezier(.23,1,.32,1),border-color .2s ease,background-color .2s ease}
  @media (hover:hover) and (pointer:fine){
    .hw-mods.vcards .hw-mod:hover{transform:translateY(-3px);background:#eef2f9;border-color:rgba(26,58,107,.18);box-shadow:0 12px 28px -12px rgba(26,58,107,.35)}
    [data-org="mvp"] .hw-mods.vcards .hw-mod:hover{background:#fdf1e6;border-color:rgba(237,120,36,.22);box-shadow:0 12px 28px -12px rgba(237,120,36,.35)}
    .hw[data-hw="news"] .hn-card:hover{background:#f0f4fa;border-color:rgba(26,58,107,.14)}
    [data-org="mvp"] .hw[data-hw="news"] .hn-card:hover{background:#fef5ee;border-color:rgba(237,120,36,.18)}
  }
  /* oscuro */
  [data-theme="dark"] .hw{background:transparent;border-color:transparent}
  [data-theme="dark"] .hw-head::before{background-image:radial-gradient(circle,#9fc0ee 1.3px,transparent 1.7px)}
  [data-theme="dark"][data-org="mvp"] .hw-head::before{background-image:radial-gradient(circle,#f4a86c 1.3px,transparent 1.7px)}
  [data-theme="dark"] .home-modular:not(.locked) .hw{border-color:#3d4a63}
  [data-theme="dark"] .hw-mods.vcards .hw-mod{background:#161b24;border-color:#2f3744;box-shadow:none}
  @media (hover:hover) and (pointer:fine){
    [data-theme="dark"] .hw-mods.vcards .hw-mod:hover{background:rgba(93,143,245,.12);border-color:rgba(93,143,245,.35);box-shadow:0 12px 28px -12px rgba(0,0,0,.6)}
    [data-theme="dark"] .hw[data-hw="news"] .hn-card:hover{background:rgba(93,143,245,.08);border-color:rgba(93,143,245,.3)}
    [data-theme="dark"][data-org="mvp"] .hw-mods.vcards .hw-mod:hover{background:rgba(248,149,64,.12);border-color:rgba(248,149,64,.35)}
    [data-theme="dark"][data-org="mvp"] .hw[data-hw="news"] .hn-card:hover{background:rgba(248,149,64,.08);border-color:rgba(248,149,64,.3)}
  }
  [data-theme="dark"][data-org="mvp"] .hw{background:transparent}
  [data-theme="dark"][data-org="mvp"] .home-modular:not(.locked) .hw{border-color:#4a3a2a}
  [data-theme="dark"][data-org="mvp"] .hw-mods.vcards .hw-mod{background:#181410;border-color:#2f271e}

  /* ══ Selector: sin empresa no hay color de marca → acentos neutros en el lado del perfil ══ */
  body:has(#pageSelector.active) .header,
  body:has(#pageSelector.active) .settings-pop{
    --navy:#0f1115;--navy-dark:#000;--navy-mid:#1d2128;--navy-light:#3a3f4a;
    --navy-pale:rgba(15,17,21,.08);--navy-ghost:rgba(15,17,21,.04);--brand-text:#0f1115;
  }
  [data-theme="dark"] body:has(#pageSelector.active) .header,
  [data-theme="dark"] body:has(#pageSelector.active) .settings-pop{
    --navy:#eceff4;--navy-dark:#fff;--navy-mid:#d5dae3;--navy-light:#98a2b3;
    --navy-pale:rgba(255,255,255,.12);--navy-ghost:rgba(255,255,255,.06);--brand-text:#eceff4;
  }
  [data-theme="dark"] body:has(#pageSelector.active) .settings-pop .lang-btn.active{color:#0f1115}

  /* ══ Retícula libre (escritorio): sombra de destino, asas de borde, hint flotante ══ */
  .home-modular{grid-auto-flow:row}
  .hw-ghost{
    grid-area:auto;border:2px dashed #7b9ad0;border-radius:22px;background:rgba(26,58,107,.06);
    pointer-events:none;z-index:1;
  }
  [data-org="mvp"] .hw-ghost{border-color:#F89540;background:rgba(237,120,36,.07)}
  .hw.hw-dragging{opacity:.85;z-index:30;transition:none;box-shadow:0 24px 60px rgba(22,35,60,.22);pointer-events:none}
  /* asas de borde: derecha (ancho) y abajo (alto); la esquina sigue siendo ambas */
  .hw-rz{position:absolute;touch-action:none;z-index:2}
  .hw-rz-r{top:22px;bottom:22px;right:0;width:10px;cursor:ew-resize}
  .hw-rz-b{left:22px;right:22px;bottom:0;height:10px;cursor:ns-resize}
  .hw-rz::after{content:'';position:absolute;background:#7b9ad0;border-radius:999px;opacity:0;transition:opacity .16s ease}
  .hw-rz-r::after{top:50%;left:4px;width:3px;height:44px;transform:translateY(-50%)}
  .hw-rz-b::after{left:50%;top:4px;height:3px;width:44px;transform:translateX(-50%)}
  .hw-rz:hover::after{opacity:1}
  [data-org="mvp"] .hw-rz::after{background:#F89540}
  .home-modular.locked .hw-rz{display:none}
  /* el hint viaja fijo abajo mientras editas (no empuja la retícula) */
  .hw-hint{
    position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:60;
    grid-column:auto;grid-row:auto;
    background:rgba(15,17,21,.86);color:#fff;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:500;
    box-shadow:0 12px 32px rgba(22,35,60,.25);
    display:flex;align-items:center;gap:12px;max-width:min(760px,calc(100vw - 40px));text-align:left;line-height:1.4;
  }
  .hw-hint.fresh{animation:deskRise .28s cubic-bezier(.23,1,.32,1) both}
  .hw-hint>i{flex:none;opacity:.8}
  .hw-hint>span{min-width:0}
  .hw-hint-x{flex:none;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:inherit;cursor:pointer;display:grid;place-items:center;font-size:12px;transition:background .16s ease,transform .12s ease}
  .hw-hint-x:hover{background:rgba(255,255,255,.26)}
  .hw-hint-x:active{transform:scale(.92)}
  [data-theme="dark"] .hw-hint-x{background:rgba(15,17,21,.1)}
  [data-theme="dark"] .hw-hint-x:hover{background:rgba(15,17,21,.2)}
  [data-org="mvp"] .hw-hint{background:rgba(15,17,21,.86);color:#fff}
  [data-theme="dark"] .hw-hint{background:rgba(236,239,244,.92);color:#0f1115}
  [data-theme="dark"][data-org="mvp"] .hw-hint{background:rgba(244,240,232,.92);color:#0d0a07}
  [data-theme="dark"] .hw-ghost{border-color:#5d8ff5;background:rgba(93,143,245,.08)}
  [data-theme="dark"][data-org="mvp"] .hw-ghost{border-color:#F89540;background:rgba(248,149,64,.08)}

  /* ══ To Do · segmentado de alcance (Mis tareas / Equipo / Otros miembros) ══
     El anillo de foco del navegador se salía de la píldora; foco propio con la misma forma. */
  .tk-toggle{border-radius:999px;padding:4px;gap:2px}
  .tk-toggle .mob-pill{display:none}   /* red de seguridad: la pastilla móvil nunca se pinta en escritorio */
  .tk-tog-slider{top:4px;bottom:4px;border-radius:999px}
  .tk-tog-btn{border-radius:999px;padding:7px 16px;font-weight:500}
  .tk-tog-btn:focus{outline:none}
  .tk-tog-btn:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
  [data-theme="dark"] .tk-tog-slider{background:#2f3744;box-shadow:none}
  [data-theme="dark"][data-org="mvp"] .tk-tog-slider{background:#3a2d20}
  [data-theme="dark"] .tk-tog-btn.on{color:#eceff4}

  /* ══ Fund Trackers · cabecera: el bloque de título cede y los botones de exportar se anclan a la derecha
     (el subtítulo largo hacía crecer el título a lo ancho y mandaba los botones a otra línea, a la izquierda) ══ */
  .ft-header-top>div:first-child{flex:1 1 360px;min-width:0}
  .ft-header-top .ft-export-grp{flex:0 0 auto;margin-left:auto;align-self:flex-start}
  .ft-header-top .ft-sub{margin-bottom:0}
  .ft-header-top{margin-bottom:16px}

  /* ══ Bienvenida al home modular ══ */
  .camp-modal.home-welcome{max-width:480px;width:calc(100% - 40px);border-radius:22px;padding:36px 36px 28px;text-align:center;border:1px solid #e4e9f1}
  .hwc-ico{width:56px;height:56px;border-radius:18px;background:#e8eef7;color:#1a3a6b;display:grid;place-items:center;font-size:22px;margin:0 auto 18px}
  [data-org="mvp"] .hwc-ico{background:#fcead9;color:#c9651f}
  .hwc-title{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:#16233c;margin-bottom:12px}
  .hwc-text{font-size:15px;line-height:1.6;color:#6b7890;margin:0 0 14px;text-wrap:pretty}
  .hwc-note{font-size:13px;line-height:1.5;color:#8b95a7;margin:0 0 26px;padding:10px 14px;border-radius:12px;background:#f4f6fa}
  [data-theme="dark"] .hwc-note{color:#98a2b3;background:#1b2130}
  [data-theme="dark"][data-org="mvp"] .hwc-note{background:#221a14}
  .hwc-foot{display:flex;gap:10px;justify-content:center}
  .hwc-later,.hwc-go{min-height:44px;padding:0 20px;border-radius:999px;font:600 14px var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s ease,filter .16s ease}
  .hwc-later{border:1px solid #e4e9f1;background:#fff;color:#5b687f}
  .hwc-later:hover{background:#f7f9fc}
  .hwc-go{border:0;background:#1a3a6b;color:#fff;box-shadow:0 8px 20px -8px rgba(26,58,107,.7)}
  .hwc-go:hover{filter:brightness(1.08)}
  .hwc-later:active,.hwc-go:active{transform:scale(.97)}
  [data-org="mvp"] .hwc-go{background:#ED7824;box-shadow:0 8px 20px -8px rgba(237,120,36,.7)}
  [data-theme="dark"] .camp-modal.home-welcome{background:#161b24;border-color:#2f3744}
  [data-theme="dark"] .hwc-title{color:#eceff4}
  [data-theme="dark"] .hwc-text{color:#98a2b3}
  [data-theme="dark"] .hwc-ico{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .hwc-later{background:transparent;border-color:#2f3744;color:#98a2b3}
  [data-theme="dark"] .hwc-later:hover{background:#1b2130}
  [data-theme="dark"] .hwc-go{background:#5d8ff5;color:#0c0f16;box-shadow:none}
  [data-theme="dark"][data-org="mvp"] .camp-modal.home-welcome{background:#181410;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .hwc-ico{background:rgba(248,149,64,.16);color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .hwc-go{background:#F89540;color:#0d0a07}

  /* ══ Cristal en los elementos internos de Tareas, Calendario y Slack (como las tarjetas de Noticias) ══ */
  .hw .hb-ev,.hw .hb-item{border:1px solid transparent;border-radius:16px;padding:12px 14px;
    transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.23,1,.32,1)}
  .hw-task{border-radius:14px}
  .hw-cal-mes .cg-cell{transition:background-color .18s ease,box-shadow .18s ease}
  @media (hover:hover) and (pointer:fine){
    .hw .hb-ev:hover,.hw .hb-item:hover,.hw-task:hover{
      background:rgba(232,238,247,.62);border-color:rgba(26,58,107,.18);transform:translateY(-2px);
      box-shadow:0 12px 28px -14px rgba(26,58,107,.35),inset 0 1px 0 rgba(255,255,255,.9);
    }
    .hw-cal-mes .cg-cell:hover{background:rgba(232,238,247,.7);box-shadow:inset 0 0 0 1px rgba(26,58,107,.18);filter:none}
    [data-org="mvp"] .hw .hb-ev:hover,[data-org="mvp"] .hw .hb-item:hover,[data-org="mvp"] .hw-task:hover{background:rgba(252,234,217,.64);border-color:rgba(237,120,36,.22);box-shadow:0 12px 28px -14px rgba(237,120,36,.35),inset 0 1px 0 rgba(255,255,255,.9)}
    [data-org="mvp"] .hw-cal-mes .cg-cell:hover{background:rgba(252,234,217,.7);box-shadow:inset 0 0 0 1px rgba(237,120,36,.22)}
    /* oscuro */
    [data-theme="dark"] .hw .hb-ev:hover,[data-theme="dark"] .hw .hb-item:hover,[data-theme="dark"] .hw-task:hover{background:rgba(93,143,245,.12);border-color:rgba(93,143,245,.35);box-shadow:0 12px 28px -14px rgba(0,0,0,.6)}
    [data-theme="dark"] .hw-cal-mes .cg-cell:hover{background:rgba(93,143,245,.12);box-shadow:inset 0 0 0 1px rgba(93,143,245,.35)}
    [data-theme="dark"][data-org="mvp"] .hw .hb-ev:hover,[data-theme="dark"][data-org="mvp"] .hw .hb-item:hover,[data-theme="dark"][data-org="mvp"] .hw-task:hover{background:rgba(248,149,64,.12);border-color:rgba(248,149,64,.35)}
    [data-theme="dark"][data-org="mvp"] .hw-cal-mes .cg-cell:hover{background:rgba(248,149,64,.12);box-shadow:inset 0 0 0 1px rgba(248,149,64,.35)}
  }
  @media (prefers-reduced-motion:reduce){.hw .hb-ev:hover,.hw .hb-item:hover,.hw-task:hover{transform:none}}

  /* ══ Tablero Slack: cada aviso como tarjeta blanca (igual que tareas y noticias) ══ */
  .hw[data-hw="board"] .hb-item{background:#fff;border:1px solid #e4e9f1;border-radius:14px;padding:13px 16px;margin-bottom:8px;box-shadow:0 1px 2px rgba(22,35,60,.05)}
  .hw[data-hw="board"] .hb-ev{background:#f0f4fa;border-radius:14px;padding:12px 14px;margin-bottom:8px}
  [data-org="mvp"] .hw[data-hw="board"] .hb-ev{background:#fef5ee}
  [data-theme="dark"] .hw[data-hw="board"] .hb-item{background:#161b24;border-color:#2f3744;box-shadow:none}
  [data-theme="dark"] .hw[data-hw="board"] .hb-ev{background:#1b2130}
  [data-theme="dark"][data-org="mvp"] .hw[data-hw="board"] .hb-item{background:#181410;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .hw[data-hw="board"] .hb-ev{background:#221a14}

  /* ══ To Do · Fase 1 (design To Do 2a/3a/3b/5a): encabezado, alta rápida, lista en tarjetas, panel, densidad ══ */
  #pageTasks{max-width:1248px}
  /* Encabezado: mismo tono que el saludo del home */
  .tk-hero{
    display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
    padding:26px 30px;margin-bottom:18px;border-radius:22px;
    background:linear-gradient(120deg,#f0f4fa,#e8eef7);border:1px solid rgba(255,255,255,.75);
  }
  .tk-hero-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5b7099}
  .tk-hero-title{font-size:32px;font-weight:500;letter-spacing:-.03em;line-height:1.1;color:#1a3a6b;margin-top:10px}
  .tk-hero-line{font-size:15px;color:#6b7589;margin-top:6px}
  .tk-hero-line strong{color:#1a1f2e;font-weight:500}
  .tk-hero-side{display:flex;flex-direction:column;gap:8px;flex:none;align-items:center}
  .tk-hero-new{
    display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 20px;border:0;border-radius:999px;
    background:#1a3a6b;color:#fff;font:500 14px var(--font);cursor:pointer;
    box-shadow:0 8px 20px -10px rgba(26,58,107,.7);transition:transform .16s cubic-bezier(.23,1,.32,1),filter .16s ease;
  }
  .tk-hero-new i{font-size:12px}
  .tk-hero-new:hover{filter:brightness(1.08)}
  .tk-hero-new:active{transform:scale(.97)}
  [data-org="mvp"] .tk-hero{background:linear-gradient(120deg,#fef5ee,#fcead9)}
  [data-org="mvp"] .tk-hero-kicker{color:#a3673a}
  [data-org="mvp"] .tk-hero-title{color:#c9651f}
  [data-org="mvp"] .tk-hero-new{background:#ED7824;box-shadow:0 8px 20px -10px rgba(237,120,36,.7)}
  /* Progreso motivacional del encabezado: barra fina + % + frase (plano) */
  .tk-hero-prog{margin-top:14px;max-width:360px;display:flex;flex-direction:column;gap:7px}
  .tk-hero-prog[hidden]{display:none}
  .tk-hero-prog-txt{font-size:13px;color:#6b7589;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
  .tk-hero-prog-txt strong{font-size:15px;font-weight:600;color:#1a3a6b;font-variant-numeric:tabular-nums}
  .tk-hero-prog-track{height:7px;border-radius:999px;background:rgba(26,58,107,.1);overflow:hidden}
  .tk-hero-prog-fill{height:100%;border-radius:999px;background:#1a3a6b;transition:width .5s cubic-bezier(.23,1,.32,1)}
  .tk-hero-prog.done .tk-hero-prog-fill{background:#12a066}
  .tk-hero-prog.done .tk-hero-prog-txt strong{color:#12a066}
  [data-org="mvp"] .tk-hero-prog-txt strong{color:#c9651f}
  [data-org="mvp"] .tk-hero-prog-track{background:rgba(237,120,36,.12)}
  [data-org="mvp"] .tk-hero-prog-fill{background:#ED7824}
  [data-theme="dark"] .tk-hero-prog-txt{color:#98a2b3}
  [data-theme="dark"] .tk-hero-prog-txt strong{color:#9fc0ee}
  [data-theme="dark"] .tk-hero-prog-track{background:rgba(255,255,255,.1)}
  [data-theme="dark"] .tk-hero-prog-fill{background:#5d8ff5}
  [data-theme="dark"] .tk-hero-prog.done .tk-hero-prog-fill{background:#3ddc97}
  [data-theme="dark"] .tk-hero-prog.done .tk-hero-prog-txt strong{color:#3ddc97}
  [data-theme="dark"][data-org="mvp"] .tk-hero-prog-txt strong{color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .tk-hero-prog-fill{background:#F89540}
  /* La topbar conserva el ámbito; el botón "Nueva tarea" de ahí sobra (vive en el encabezado) */
  #pageTasks .tk-topbar .tk-new-btn{display:none!important}
  .tk-topbar{margin-bottom:14px}
  .tk-stats{gap:10px;margin-bottom:18px}
  /* Contadores como cápsulas compactas (tamaño de su contenido), no cuadros a lo ancho */
  .tk-stat{flex:0 0 auto;min-width:0;background:#fff;border:1px solid #dde1ec;border-radius:999px;padding:7px 14px 7px 12px;box-shadow:none;gap:7px}
  .tk-stat-n{font-size:15px;font-weight:600}
  .tk-stat-l{font-size:12px;color:#6b7589}
  /* Botón "Visualización": blanco con borde, como el design */
  .tk-view-pick-btn{background:#fff;border:1px solid #dde1ec;border-radius:10px;padding:9px 13px;font-size:12.5px;color:#3d4559}
  .tk-view-pick-btn .tk-view-lead{color:#9aa3b5;font-size:11px}
  .tk-view-h{padding:8px 14px 4px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#9aa3b5}
  .tk-view-sep{height:1px;background:#eef0f5;margin:5px 0}
  /* Barra lateral (design To Do 1a): buscar + nueva + vistas + carpetas · tarjeta blanca 244px */
  .tk-projects{flex:0 0 244px;width:244px;background:#fff;border:1px solid #dde1ec;border-radius:14px;padding:14px;gap:0;top:80px}
  .tk-side-desk{gap:16px}
  /* Buscar */
  .tk-side-search{display:flex;align-items:center;gap:9px;background:#f4f6fa;border:1px solid #eef0f5;border-radius:10px;padding:9px 12px}
  .tk-side-search i{font-size:12px;color:#9aa3b5;flex:none}
  .tk-side-search-in{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 13px var(--font);color:#1a1f2e}
  .tk-side-search-in::placeholder{color:#9aa3b5}
  /* Nueva tarea */
  .tk-side-new{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:12px;border:0;border-radius:12px;background:#1a3a6b;color:#fff;font:500 14px var(--font);cursor:pointer;box-shadow:0 8px 20px -12px rgba(26,58,107,.7);transition:filter .16s ease,transform .12s ease}
  .tk-side-new i{font-size:12px}
  .tk-side-new:hover{filter:brightness(1.08)}
  .tk-side-new:active{transform:scale(.97)}
  [data-org="mvp"] .tk-side-new{background:#ED7824;box-shadow:0 8px 20px -12px rgba(237,120,36,.7)}
  /* Etiquetas de sección */
  .tk-side-lbl{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9aa3b5;padding:0 10px 8px}
  .tk-side-lbl-proj{padding-top:2px}
  /* Vistas guardadas */
  .tk-views{display:flex;flex-direction:column;gap:2px}
  .tk-view-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;background:none;border-radius:10px;cursor:pointer;font:500 13.5px var(--font);color:#3d4559;text-align:left;transition:background .12s,color .12s}
  .tk-view-item i{width:16px;flex:none;text-align:center;font-size:13px;color:#9aa3b5}
  .tk-view-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tk-view-item:hover{background:#f4f6fa}
  .tk-view-item.on{background:#e8eef7;color:#1a3a6b}
  .tk-view-item.on i{color:#1a3a6b}
  .tk-view-n{flex:none;font-family:var(--mono);font-size:11px;color:#9aa3b5;background:#f4f6fa;border-radius:999px;padding:1px 8px;line-height:16px}
  .tk-view-item.on .tk-view-n{background:#1a3a6b;color:#fff}
  [data-org="mvp"] .tk-view-item.on{background:#fcead9;color:#c9651f}
  [data-org="mvp"] .tk-view-item.on i{color:#c9651f}
  [data-org="mvp"] .tk-view-item.on .tk-view-n{background:#ED7824}
  .tk-proj-item{padding:10px 12px;border-radius:10px;font-size:13px;color:#3d4559}
  .tk-proj-item i{color:#9aa3b5}
  .tk-proj-item.on{background:#e8eef7;color:#1a3a6b}
  .tk-proj-count{font-family:var(--mono);background:transparent;color:#9aa3b5}
  .tk-proj-item.on .tk-proj-count{background:transparent;color:#1a3a6b}
  [data-org="mvp"] .tk-proj-item.on{background:#fcead9;color:#c9651f}
  [data-org="mvp"] .tk-proj-item.on .tk-proj-count{color:#c9651f}
  .tk-body{gap:24px}
  /* Alta rápida */
  .tk-quick{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dde1ec;border-radius:12px;padding:10px 12px 10px 17px;margin-bottom:18px}
  .tk-quick-ic{font-size:16px;color:#c4cad8}
  .tk-quick-in{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 14px var(--font);color:#1a1f2e;padding:6px 0}
  .tk-quick-in::placeholder{color:#9aa3b5}
  .tk-quick-chip{border:0;border-radius:8px;padding:6px 10px;background:#f4f6fa;color:#6b7589;font:500 12px var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .14s ease,color .14s ease,transform .12s ease}
  .tk-quick-chip:hover{background:#eef0f5;color:#1a1f2e}
  .tk-quick-chip:active{transform:scale(.96)}
  .tk-quick-chip.on{background:#e8eef7;color:#1a3a6b}
  .tk-quick-chip.on.lp-a{background:var(--red-bg);color:var(--red)}
  .tk-quick-chip.on.lp-m{background:var(--amber-bg);color:var(--amber)}
  .tk-quick-chip.on.lp-b{background:var(--green-bg);color:var(--green)}
  [data-org="mvp"] .tk-quick-chip.on{background:#fcead9;color:#c9651f}
  /* Lista: grupos con etiqueta y tarjetas separadas */
  .tk-list{gap:18px}
  .tk-group-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7589;margin-bottom:10px;display:flex;align-items:center;gap:9px}
  .tk-group-n{font-family:var(--mono);font-size:11px;background:#eef0f5;color:#6b7589;border-radius:999px;padding:1px 8px;line-height:18px}
  .tk-group-label.today,.tk-group-label.od{color:var(--red)}
  .tk-group-label.today .tk-group-n,.tk-group-label.od .tk-group-n{background:var(--red-bg);color:var(--red)}
  .tk-rows{display:flex;flex-direction:column;gap:8px;background:transparent;border:0;border-radius:0;overflow:visible}
  .tk-rows .li-wrap:last-child .list-item{border-bottom:1px solid #dde1ec}
  .list-item{
    align-items:flex-start;gap:13px;padding:15px 18px;background:#fff;border:1px solid #dde1ec;border-radius:12px;
    transition:border-color .15s ease,box-shadow .18s ease,background .15s ease;
  }
  .list-item:hover{background:#fff;border-color:#c8d6ea;box-shadow:0 4px 14px -8px rgba(26,58,107,.25)}
  .tk-group.today .list-item,.tk-group.od .list-item{border-left:3px solid var(--red)}
  .list-item.done-item{opacity:.55}
  .li-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
  .li-name{font-size:15px;font-weight:500;color:#1a1f2e;line-height:1.35}
  .li-desc{font-size:13px;line-height:1.5;color:#6b7589}
  .li-meta{gap:12px;font-size:12px;color:#6b7589;align-self:center}
  .li-due{font-size:12px;color:#6b7589}
  .li-due.od{color:var(--red);background:transparent;padding:0;font-weight:500}
  .tk-group.today .li-due{color:var(--red);font-weight:500}
  .li-project{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6b7589;background:transparent;padding:0}
  .li-project::before{content:'';width:8px;height:8px;border-radius:3px;background:#1a3a6b;flex:none}
  [data-org="mvp"] .li-project::before{background:#ED7824}
  /* Prioridad como marcador (punto), no como pastilla */
  .li-prio{width:9px;height:9px;border-radius:50%;padding:0;font-size:0;line-height:0;background:#c4cad8}
  .li-prio.lp-a{background:var(--red)}.li-prio.lp-m{background:var(--amber)}.li-prio.lp-b{background:var(--green)}
  .li-createdat,.li-created{display:none}
  .li-prog{font-size:12px}
  .li-prog-bar{width:90px;height:6px}
  /* Acciones discretas: aparecen al pasar el mouse */
  .li-edit,.li-del{opacity:0;transition:opacity .15s ease,color .15s ease;align-self:center}
  .list-item:hover .li-edit,.list-item:hover .li-del,.list-item:focus-within .li-edit,.list-item:focus-within .li-del{opacity:1}
  .li-dueflag{display:none}
  /* Densidad compacta: fila de una línea, sin descripción */
  .tk-compact .tk-rows{gap:4px}
  .tk-compact .list-item{padding:9px 14px;align-items:center;border-radius:10px}
  .tk-compact .li-desc{display:none}
  .tk-compact .li-name{font-size:13.5px}
  .tk-compact .li-body{gap:2px}
  .tk-compact .tk-list{gap:14px}
  /* Oscuro */
  [data-theme="dark"] .tk-hero{background:linear-gradient(120deg,#131a29,#161b24);border-color:#2f3744}
  [data-theme="dark"] .tk-hero-kicker,[data-theme="dark"] .tk-hero-line{color:#98a2b3}
  [data-theme="dark"] .tk-hero-title{color:#9fc0ee}
  [data-theme="dark"] .tk-hero-line strong{color:#eceff4}
  [data-theme="dark"] .tk-hero-new{background:#5d8ff5;color:#0c0f16;box-shadow:none}
  [data-theme="dark"] .tk-stat,[data-theme="dark"] .tk-view-pick-btn,[data-theme="dark"] .tk-projects,[data-theme="dark"] .tk-quick,[data-theme="dark"] .list-item{background:#161b24;border-color:#2f3744;color:#eceff4}
  [data-theme="dark"] .list-item:hover{background:#1b2130;border-color:#3d4a63;box-shadow:none}
  [data-theme="dark"] .tk-rows .li-wrap:last-child .list-item{border-bottom-color:#2f3744}
  [data-theme="dark"] .li-name{color:#eceff4}
  [data-theme="dark"] .li-desc,[data-theme="dark"] .li-meta,[data-theme="dark"] .li-due,[data-theme="dark"] .li-project,[data-theme="dark"] .tk-group-label,[data-theme="dark"] .tk-proj-item,[data-theme="dark"] .tk-view-pick-btn{color:#98a2b3}
  [data-theme="dark"] .tk-group-n{background:#242b37;color:#98a2b3}
  [data-theme="dark"] .tk-proj-item.on{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .tk-proj-item.on .tk-proj-count{color:#9fc0ee}
  [data-theme="dark"] .tk-quick-in{color:#eceff4}
  [data-theme="dark"] .tk-quick-chip{background:#242b37;color:#98a2b3}
  [data-theme="dark"] .tk-quick-chip.on{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .li-project::before{background:#5d8ff5}
  [data-theme="dark"] .tk-view-sep{background:#2f3744}
  /* Barra lateral · oscuro */
  [data-theme="dark"] .tk-side-search{background:#242b37;border-color:#2f3744}
  [data-theme="dark"] .tk-side-search-in{color:#eceff4}
  [data-theme="dark"] .tk-side-new{background:#5d8ff5;color:#0c0f16;box-shadow:none}
  [data-theme="dark"] .tk-view-item{color:#98a2b3}
  [data-theme="dark"] .tk-view-item:hover{background:#1d2430}
  [data-theme="dark"] .tk-view-item.on{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .tk-view-item.on i{color:#9fc0ee}
  [data-theme="dark"] .tk-view-n{background:#242b37;color:#98a2b3}
  [data-theme="dark"] .tk-view-item.on .tk-view-n{background:#5d8ff5;color:#0c0f16}
  [data-theme="dark"][data-org="mvp"] .tk-side-new{background:#F89540;color:#0d0a07}
  [data-theme="dark"][data-org="mvp"] .tk-view-item.on{background:rgba(248,149,64,.16);color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .tk-view-item.on i{color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .tk-view-item.on .tk-view-n{background:#F89540;color:#0d0a07}
  [data-theme="dark"][data-org="mvp"] .tk-hero{background:linear-gradient(120deg,#221a14,#181410);border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .tk-hero-title{color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .tk-hero-new{background:#F89540;color:#0d0a07}
  [data-theme="dark"][data-org="mvp"] .tk-stat,[data-theme="dark"][data-org="mvp"] .tk-view-pick-btn,[data-theme="dark"][data-org="mvp"] .tk-projects,[data-theme="dark"][data-org="mvp"] .tk-quick,[data-theme="dark"][data-org="mvp"] .list-item{background:#181410;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .list-item:hover{background:#221a14;border-color:#4a3a2a}
  [data-theme="dark"][data-org="mvp"] .tk-proj-item.on,[data-theme="dark"][data-org="mvp"] .tk-quick-chip.on{background:rgba(248,149,64,.16);color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .li-project::before{background:#F89540}

  /* ══ To Do · acomodo y movimiento (criterio Emil: solo transform/opacity, <300ms, ease-out fuerte; nada en acciones repetidas) ══ */
  /* Acomodo: ámbito a la izquierda, Visualización a la derecha, alturas parejas */
  .tk-topbar{gap:12px;margin-bottom:16px}
  .tk-topbar .tk-view-toggle{margin-left:auto;display:flex;align-items:center;gap:10px}
  .tk-toggle{margin:0}
  .tk-stats{margin:0 0 20px}
  .tk-body{align-items:flex-start}
  .tk-group+.tk-group{margin-top:4px}
  /* Alta rápida: foco visible (anillo suave), sin saltos */
  .tk-quick{transition:border-color .16s ease,box-shadow .16s ease}
  .tk-quick:focus-within{border-color:#1a3a6b;box-shadow:0 0 0 3px rgba(26,58,107,.10)}
  [data-org="mvp"] .tk-quick:focus-within{border-color:#ED7824;box-shadow:0 0 0 3px rgba(237,120,36,.12)}
  .tk-quick-ic{transition:color .16s ease}
  .tk-quick:focus-within .tk-quick-ic{color:#1a3a6b}
  [data-org="mvp"] .tk-quick:focus-within .tk-quick-ic{color:#ED7824}
  /* Filas: feedback al presionar; acciones entran con un desplazamiento mínimo */
  .list-item{transition:border-color .15s ease,box-shadow .18s ease,background .15s ease,transform .14s cubic-bezier(.23,1,.32,1)}
  .list-item:active{transform:scale(.995)}
  .li-edit,.li-del{transform:translateX(4px);transition:opacity .15s ease,transform .18s cubic-bezier(.23,1,.32,1),color .15s ease}
  .list-item:hover .li-edit,.list-item:hover .li-del,.list-item:focus-within .li-edit,.list-item:focus-within .li-del{transform:none}
  /* Botones: presionar se siente */
  .tk-view-pick-btn,.tk-proj-item,.tk-stat{transition:background .14s ease,border-color .14s ease,color .14s ease,transform .12s cubic-bezier(.23,1,.32,1)}
  .tk-view-pick-btn:hover{border-color:#c8d6ea}
  .tk-view-pick-btn:active,.tk-proj-item:active{transform:scale(.97)}
  /* Panel de proyectos: la selección se marca sin brincar */
  .tk-proj-item.on{transition:background .14s ease}
  /* Encabezado: sin animación de entrada (se ve decenas de veces al día); solo los contadores cuentan */
  @media (prefers-reduced-motion:reduce){
    .list-item,.li-edit,.li-del,.tk-view-pick-btn,.tk-proj-item,.tk-stat,.tk-quick,.tk-quick-ic{transition:none}
    .li-edit,.li-del{transform:none}
  }

  /* ══ Selector de fecha propio (modales del To Do) ══ */
  .dp-pop{
    position:fixed;z-index:3000;width:316px;padding:12px;border-radius:16px;
    background:#fff;border:1px solid #dde1ec;box-shadow:0 18px 44px -18px rgba(22,35,60,.35),0 2px 8px rgba(22,35,60,.06);
    opacity:0;transform:scale(.96);pointer-events:none;
    transition:opacity .15s ease,transform .18s cubic-bezier(.23,1,.32,1);
  }
  .dp-pop.open{opacity:1;transform:none;pointer-events:auto}
  /* 4 accesos en una sola fila del mismo ancho: nada sobresale del popover */
  .dp-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
  .dp-chip{border:0;border-radius:8px;padding:7px 4px;min-width:0;background:#f4f6fa;color:#3d4559;font:500 11.5px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .14s ease,color .14s ease,transform .12s ease}
  .dp-chip:hover{background:#e8eef7;color:#1a3a6b}
  .dp-chip:active{transform:scale(.95)}
  .dp-chip.dp-clear{color:#6b7589}
  .dp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
  .dp-title{font-size:13.5px;font-weight:600;color:#1a1f2e}
  .dp-nav{width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:#6b7589;cursor:pointer;display:grid;place-items:center;font-size:11px;transition:background .14s ease,transform .12s ease}
  .dp-nav:hover{background:#f4f6fa;color:#1a1f2e}
  .dp-nav:active{transform:scale(.92)}
  .dp-dows{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:#9aa3b5;margin-bottom:4px}
  .dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
  .dp-day{
    height:34px;border:0;border-radius:10px;background:transparent;color:#1a1f2e;
    font:400 13px var(--mono,ui-monospace);cursor:pointer;
    transition:background .12s ease,color .12s ease,transform .12s cubic-bezier(.23,1,.32,1);
  }
  .dp-day:hover{background:#f4f6fa}
  .dp-day:active{transform:scale(.92)}
  .dp-day:focus-visible{outline:2px solid #1a3a6b;outline-offset:-2px}
  .dp-day.out{color:#c4cad8}
  .dp-day.today{font-weight:600;color:#1a3a6b;box-shadow:inset 0 0 0 1px #c8d6ea}
  .dp-day.sel,.dp-day.sel:hover{background:#1a3a6b;color:#fff;box-shadow:none}
  [data-org="mvp"] .dp-chip:hover{background:#fcead9;color:#c9651f}
  [data-org="mvp"] .dp-day.today{color:#c9651f;box-shadow:inset 0 0 0 1px #f3d3b4}
  [data-org="mvp"] .dp-day.sel,[data-org="mvp"] .dp-day.sel:hover{background:#ED7824}
  [data-org="mvp"] .dp-day:focus-visible{outline-color:#ED7824}
  /* el campo readonly no debe verse deshabilitado */
  #taskModal input[type="date"][readonly],#assignModal input[type="date"][readonly],#taskDetailModal input[type="date"][readonly]{cursor:pointer;background:var(--white)}
  [data-theme="dark"] .dp-pop{background:#161b24;border-color:#2f3744;box-shadow:0 18px 44px -18px rgba(0,0,0,.7)}
  [data-theme="dark"] .dp-title,[data-theme="dark"] .dp-day{color:#eceff4}
  [data-theme="dark"] .dp-chip{background:#242b37;color:#98a2b3}
  [data-theme="dark"] .dp-chip:hover{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .dp-nav:hover,[data-theme="dark"] .dp-day:hover{background:#242b37}
  [data-theme="dark"] .dp-day.out{color:#4b5566}
  [data-theme="dark"] .dp-day.today{color:#9fc0ee;box-shadow:inset 0 0 0 1px #3d4a63}
  [data-theme="dark"] .dp-day.sel,[data-theme="dark"] .dp-day.sel:hover{background:#5d8ff5;color:#0c0f16}
  [data-theme="dark"][data-org="mvp"] .dp-pop{background:#181410;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .dp-chip{background:#2a2118;color:#b3a696}
  [data-theme="dark"][data-org="mvp"] .dp-chip:hover{background:rgba(248,149,64,.16);color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .dp-nav:hover,[data-theme="dark"][data-org="mvp"] .dp-day:hover{background:#2a2118}
  [data-theme="dark"][data-org="mvp"] .dp-day.today{color:#f4a86c;box-shadow:inset 0 0 0 1px #4a3a2a}
  [data-theme="dark"][data-org="mvp"] .dp-day.sel,[data-theme="dark"][data-org="mvp"] .dp-day.sel:hover{background:#F89540;color:#0d0a07}
  @media (prefers-reduced-motion:reduce){.dp-pop,.dp-chip,.dp-nav,.dp-day{transition:none}}

  /* ══ Subtareas en las tarjetas del To Do (escritorio) ══ */
  .li-wrap{display:flex;flex-direction:column}
  .li-wrap.subs-open .list-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}
  .li-subs-list>div{background:#fff;border:1px solid #dde1ec;border-top:0;border-radius:0 0 12px 12px}
  .tk-group.today .li-subs-list>div,.tk-group.od .li-subs-list>div{border-left:3px solid var(--red)}
  .li-subs-list .sub-row{padding:8px 18px 8px 50px;font-size:13.5px}
  .li-subs-list .sub-row:first-child{padding-top:4px}
  .li-subs-list .sub-seq-note{padding:2px 18px 10px 50px}
  .li-subs{font-size:12px}
  .tk-compact .li-subs-list .sub-row{padding:5px 14px 5px 44px;font-size:13px}
  [data-theme="dark"] .li-subs-list>div{background:#161b24;border-color:#2f3744}
  [data-theme="dark"][data-org="mvp"] .li-subs-list>div{background:#181410;border-color:#2f271e}

  /* ══ To Do · vista Tabla (design 2b) ══ */
  .tk-tabla{background:#fff;border:1px solid #dde1ec;border-radius:14px;overflow:hidden}
  .tb-sub{padding:12px 20px 0;font-size:12.5px;color:#6b7589}
  .tb-row{display:grid;grid-template-columns:34px minmax(0,1fr) 130px 160px 110px 56px;align-items:center;gap:14px;padding:11px 20px;border-bottom:1px solid #eef0f5}
  .tb-row:last-child{border-bottom:0}
  .tb-head{padding-top:10px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9aa3b5}
  .tb-th{border:0;background:transparent;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;letter-spacing:inherit;text-transform:inherit;font-weight:inherit}
  .tb-th i{font-size:9px}
  .tb-th:hover,.tb-th.on{color:#1a3a6b}
  .tb-th.static{cursor:default}
  .tb-group{display:flex;align-items:center;gap:10px;width:100%;padding:11px 20px;border:0;border-bottom:1px solid #eef0f5;background:#f8f9fc;font:600 12px var(--font);letter-spacing:.06em;text-transform:uppercase;color:#3d4559;cursor:pointer;text-align:left}
  .tb-group i{font-size:9px;color:#9aa3b5;transition:transform .2s cubic-bezier(.23,1,.32,1)}
  .tb-group.closed i{transform:rotate(-90deg)}
  .tb-dot{width:8px;height:8px;border-radius:3px;background:#1a3a6b}
  [data-org="mvp"] .tb-dot{background:#ED7824}
  .tb-row.done .tb-name .tk-open{text-decoration:line-through;color:#9aa3b5}
  .tb-name{display:flex;flex-direction:column;gap:2px;min-width:0}
  .tb-name .tk-open{font-size:14px;color:#1a1f2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tb-sub-line{font-size:12px;color:#8b95a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tb-due,.tb-prio{font-size:12.5px;color:#3d4559;display:flex;align-items:center;gap:7px}
  .tk-due-hot{color:var(--red);font-weight:500}
  .tk-due-none{color:#c4cad8}
  .tb-who{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#3d4559;min-width:0}
  .tk-av{width:22px;height:22px;border-radius:50%;background:#e8eef7;color:#1a3a6b;font-size:9.5px;font-weight:600;display:grid;place-items:center;flex:none}
  [data-org="mvp"] .tk-av{background:#fcead9;color:#c9651f}
  .tk-av-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tk-av-more{color:#9aa3b5;font-size:11px}
  .tb-acts{display:flex;justify-content:flex-end;gap:2px}
  .tb-row .li-edit,.tb-row .li-del{opacity:0;transform:none}
  .tb-row:hover .li-edit,.tb-row:hover .li-del{opacity:1}
  .tb-row:hover{background:#fafbfd}
  .tb-ctl{display:flex;justify-content:center}
  /* ══ To Do · vista Tablero (design 2c) ══ */
  .tk-tablero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
  .tb-col{display:flex;flex-direction:column;gap:11px;padding:8px;border-radius:16px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}
  .tb-col.over{background:#f0f4fa;border-color:#c8d6ea}
  [data-org="mvp"] .tb-col.over{background:#fef5ee;border-color:#f3d3b4}
  .tb-col-head{display:flex;align-items:center;gap:9px;padding:0 4px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1a1f2e}
  .tb-col-head i{font-size:12px;color:#6b7589}
  .tb-col.prog .tb-col-head i,.tb-col.prog .tk-group-n{color:#b07d20}
  .tb-col.prog .tk-group-n{background:#fdf3dc}
  .tb-col.done .tb-col-head i,.tb-col.done .tk-group-n{color:#1a8c5b}
  .tb-col.done .tk-group-n{background:#e6f4ee}
  .tb-add{display:flex;align-items:center;gap:9px;background:#fff;border:1px dashed #c4cad8;border-radius:12px;padding:12px 14px;font:400 12.5px var(--font);color:#9aa3b5;cursor:pointer;text-align:left;transition:border-color .15s ease,color .15s ease,transform .12s ease}
  .tb-add:hover{border-color:#1a3a6b;color:#1a3a6b}
  .tb-add:active{transform:scale(.98)}
  .tb-cards{display:flex;flex-direction:column;gap:9px;min-height:24px}
  .tb-card{background:#fff;border:1px solid #dde1ec;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:9px;cursor:grab;position:relative;
    transition:box-shadow .18s ease,transform .18s cubic-bezier(.23,1,.32,1),border-color .15s ease,opacity .15s ease}
  .tb-card:hover{border-color:#c8d6ea;box-shadow:0 6px 18px -10px rgba(26,58,107,.3)}
  .tb-card:active{cursor:grabbing}
  .tb-card.dragging{opacity:.45;transform:scale(.98)}
  .tb-card.done .tb-card-name{text-decoration:line-through;color:#9aa3b5}
  .tb-card-top{display:flex;align-items:flex-start;gap:9px}
  .tb-card-top .li-prio{margin-top:5px}
  .tb-card-name{flex:1;font-size:14px;font-weight:500;line-height:1.35;color:#1a1f2e;min-width:0}
  .tb-card-acts{display:flex;gap:1px;opacity:0;transition:opacity .15s ease}
  .tb-card:hover .tb-card-acts{opacity:1}
  .tb-card-acts .li-edit,.tb-card-acts .li-del{opacity:1;transform:none;align-self:auto}
  .tb-card-desc{font-size:12.5px;line-height:1.45;color:#6b7589}
  .tb-segs{display:flex;align-items:center;gap:5px}
  .tb-segs>span{height:4px;flex:1;border-radius:2px;background:#eef0f5}
  .tb-segs>span.on{background:#1a3a6b}
  [data-org="mvp"] .tb-segs>span.on{background:#ED7824}
  .tb-segs .tb-segs-n{flex:none;height:auto;background:transparent;font-size:11px;color:#9aa3b5;margin-left:4px}
  .tb-prog{display:flex;align-items:center;gap:8px;font-size:11px;color:#6b7589}
  .tb-prog-bar{flex:1;height:4px;background:#eef0f5;border-radius:2px;overflow:hidden}
  .tb-prog-fill{height:100%;background:#1a3a6b;border-radius:2px}
  .tb-prog-fill.complete{background:#1a8c5b}
  .tb-card-foot{display:flex;align-items:center;gap:10px;font-size:11.5px;color:#6b7589}
  .tb-card-who{margin-left:auto;display:flex;align-items:center;gap:6px}
  .tb-card-who .tk-av-nm,.tb-card-who .tk-av-more{display:none}
  .tb-drop-hint{display:none;border:1px dashed #c4cad8;border-radius:12px;padding:12px;text-align:center;font-size:12px;color:#9aa3b5}
  .tk-tablero.is-dragging .tb-col.over .tb-drop-hint{display:block}
  /* Oscuro */
  [data-theme="dark"] .tk-tabla{background:#161b24;border-color:#2f3744}
  [data-theme="dark"] .tb-row{border-bottom-color:#2f3744}
  [data-theme="dark"] .tb-row:hover{background:#1b2130}
  [data-theme="dark"] .tb-group{background:#1b2130;border-bottom-color:#2f3744;color:#eceff4}
  [data-theme="dark"] .tb-name .tk-open,[data-theme="dark"] .tb-card-name,[data-theme="dark"] .tb-col-head{color:#eceff4}
  [data-theme="dark"] .tb-due,[data-theme="dark"] .tb-prio,[data-theme="dark"] .tb-who,[data-theme="dark"] .tb-sub,[data-theme="dark"] .tb-card-desc,[data-theme="dark"] .tb-card-foot{color:#98a2b3}
  [data-theme="dark"] .tk-av{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"] .tb-dot,[data-theme="dark"] .tb-segs>span.on,[data-theme="dark"] .tb-prog-fill{background:#5d8ff5}
  [data-theme="dark"] .tb-th:hover,[data-theme="dark"] .tb-th.on,[data-theme="dark"] .tb-add:hover{color:#9fc0ee;border-color:#5d8ff5}
  [data-theme="dark"] .tb-card,[data-theme="dark"] .tb-add,[data-theme="dark"] .tb-drop-hint{background:#161b24;border-color:#2f3744}
  [data-theme="dark"] .tb-card:hover{border-color:#3d4a63;box-shadow:none}
  [data-theme="dark"] .tb-col.over{background:rgba(93,143,245,.08);border-color:#3d4a63}
  [data-theme="dark"] .tb-segs>span,[data-theme="dark"] .tb-prog-bar{background:#242b37}
  [data-theme="dark"][data-org="mvp"] .tk-tabla,[data-theme="dark"][data-org="mvp"] .tb-card,[data-theme="dark"][data-org="mvp"] .tb-add,[data-theme="dark"][data-org="mvp"] .tb-drop-hint{background:#181410;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .tb-group{background:#221a14;border-bottom-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .tb-row{border-bottom-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .tb-row:hover,[data-theme="dark"][data-org="mvp"] .tb-card:hover{background:#221a14}
  [data-theme="dark"][data-org="mvp"] .tk-av{background:rgba(248,149,64,.16);color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .tb-dot,[data-theme="dark"][data-org="mvp"] .tb-segs>span.on,[data-theme="dark"][data-org="mvp"] .tb-prog-fill{background:#F89540}
  [data-theme="dark"][data-org="mvp"] .tb-col.over{background:rgba(248,149,64,.08);border-color:#4a3a2a}
  @media (prefers-reduced-motion:reduce){.tb-card,.tb-col,.tb-group i,.tb-add{transition:none}}

  /* ══ Densidad compacta en TODAS las vistas del To Do (antes solo aplicaba a Lista) ══ */
  /* Tabla: filas de una línea, sin sublínea */
  .tk-compact .tb-row{padding:6px 20px;gap:12px}
  .tk-compact .tb-sub-line{display:none}
  .tk-compact .tb-name .tk-open{font-size:13.5px}
  .tk-compact .tb-group{padding:8px 20px;font-size:11px}
  .tk-compact .tb-sub{padding-top:10px;font-size:12px}
  /* Tablero: tarjetas de una línea, sin descripción ni segmentos */
  .tk-compact .tb-card{padding:10px 12px;gap:6px}
  .tk-compact .tb-card-desc,.tk-compact .tb-segs{display:none}
  .tk-compact .tb-card-name{font-size:13.5px}
  .tk-compact .tb-cards{gap:6px}
  .tk-compact .tb-add{padding:8px 12px}
  /* Cronología: items más cerrados */
  .tk-compact .tl-item{padding:7px 10px}
  .tk-compact .tl-day{margin-bottom:10px}
  .tk-compact .tl-items{gap:4px}
  /* Encabezado y contadores también ceden un poco en compacta */
  .tk-compact .tk-hero{padding:18px 24px;margin-bottom:14px}
  .tk-compact .tk-hero-title{font-size:26px}
  .tk-compact .tk-stats{margin-bottom:14px}

  /* ══ Notas · Fase 1 (design 6a + dirección Apple Notes): tres columnas fijas, lista por fecha, documento limpio ══ */
  #pageNotes{max-width:none;padding:0}
  .nt-shell{height:calc(100vh - 64px);background:#f4f6fa}
  /* Panel lateral */
  .nt-folders{flex:0 0 232px;background:#fff;border-right:1px solid #e4e9f1;padding:14px 12px;display:flex;flex-direction:column;gap:12px}
  .nt-side-top{display:flex;flex-direction:column;gap:12px}
  .nt-side-new{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:10px;background:#1a3a6b;color:#fff;font:600 13px var(--font);cursor:pointer;box-shadow:0 6px 16px -8px rgba(26,58,107,.7);transition:transform .14s cubic-bezier(.23,1,.32,1),filter .14s ease}
  .nt-side-new:hover{filter:brightness(1.08)}
  .nt-side-new:active{transform:scale(.97)}
  .nt-side-search{display:flex;align-items:center;gap:9px;background:#f4f6fa;border:1px solid #eef0f5;border-radius:10px;padding:8px 11px;transition:border-color .15s ease,box-shadow .15s ease}
  .nt-side-search:focus-within{border-color:#1a3a6b;box-shadow:0 0 0 3px rgba(26,58,107,.1);background:#fff}
  .nt-side-search i{font-size:11px;color:#9aa3b5}
  .nt-side-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 12.5px var(--font);color:#1a1f2e}
  .nt-side-search input::placeholder{color:#9aa3b5}
  .nt-views{display:flex;flex-direction:column;gap:2px}
  .nt-view{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#3d4559;font:400 13px var(--font);cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease}
  .nt-view i{width:15px;text-align:center;color:#9aa3b5;font-size:13px}
  .nt-view:hover{background:#f4f6fa}
  .nt-view.on{background:#e8eef7;color:#1a3a6b;font-weight:500}
  .nt-view.on i{color:#1a3a6b}
  .nt-view-ct{margin-left:auto;font-family:var(--mono);font-size:11px;color:#9aa3b5}
  .nt-view.on .nt-view-ct{color:#1a3a6b}
  .nt-folders .nt-col-head{padding:4px 12px 4px}
  .nt-folders .nt-col-title{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9aa3b5}
  .nt-folders .nt-ico{width:24px;height:24px;border:0;background:transparent;color:#9aa3b5}
  .nt-folders .nt-ico:hover{background:#f4f6fa;color:#1a3a6b}
  .nt-folder-list{padding:0;gap:2px}
  .nt-folder{padding:9px 12px;border-radius:10px;border:0}
  .nt-folder:hover{background:#f4f6fa}
  .nt-folder.on{background:#e8eef7;box-shadow:none;border:0}
  .nt-folder.on .nt-folder-nm{color:#1a3a6b;font-weight:500}
  .nt-folder.on .nt-folder-ct{color:#1a3a6b}
  .nt-folder-dot{width:8px;height:8px;border-radius:3px}
  .nt-folder-nm{font-size:13px;color:#3d4559}
  .nt-folder-ct{font-family:var(--mono);font-size:11px;color:#9aa3b5}
  /* Lista */
  .nt-list{flex:0 0 328px;background:#f8f9fc;border-right:1px solid #e4e9f1}
  .nt-list .nt-col-head{padding:18px 16px 8px;gap:8px}
  .nt-list .nt-col-title{font-size:17px;font-weight:600;letter-spacing:-.01em;color:#1a1f2e}
  .nt-list-count{font-family:var(--mono);font-size:12.5px;color:#9aa3b5;margin-right:auto}
  .nt-list .nt-ico{width:30px;height:30px;border-radius:9px;background:#fff;border-color:#e4e9f1}
  .nt-search{margin:4px 12px 10px;border-radius:10px;background:#fff;border-color:#e4e9f1;padding:8px 11px}
  .nt-list .nt-newnote{display:none}   /* Nueva nota vive en el panel lateral */
  .nt-notes{padding:0 10px 16px;gap:4px}
  .nt-grp{padding:8px 8px 4px}
  .nt-grp:first-child{padding-top:2px}
  .nt-note{border:1px solid #e4e9f1;border-radius:12px;background:#fff;padding:12px 14px;transition:border-color .15s ease,box-shadow .18s ease,transform .14s cubic-bezier(.23,1,.32,1)}
  .nt-note:hover{border-color:#c8d6ea;box-shadow:0 4px 14px -8px rgba(26,58,107,.25)}
  .nt-note:active{transform:scale(.995)}
  .nt-note.on{border-color:#1a3a6b;box-shadow:0 0 0 1px #1a3a6b}
  .nt-note-folder{display:none}
  .nt-note-bar{left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}
  .nt-note-t{font-size:14px;font-weight:600;color:#1a1f2e;margin-bottom:3px}
  .nt-note-x{font-size:12.5px;color:#6b7589;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45}
  .nt-note-d{font-size:11px;color:#9aa3b5;margin-top:6px}
  /* Documento */
  .nt-editor{background:#fff}
  .nt-doc-head{padding:14px 22px 6px;gap:8px}
  .nt-crumb{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#9aa3b5;min-width:0;overflow:hidden;white-space:nowrap;margin-right:auto}
  .nt-crumb-f{color:#1a3a6b}
  .nt-crumb i{font-size:9px}
  .nt-crumb-n{overflow:hidden;text-overflow:ellipsis}
  .nt-doc-head .nt-title{display:none}          /* el título vive dentro del documento (ntDeskLayout lo mueve) */
  .nt-doc-head .nt-todo-btn{border-radius:999px;box-shadow:none}
  .nt-doc-head .nt-todo-btn.nt-todo-new{box-shadow:0 0 0 3px rgba(26,58,107,.12)}
  .nt-doc-head .nt-ico,.nt-doc-head .nt-color-btn{width:32px;height:32px;border-radius:9px;border-color:#e4e9f1}
  .nt-toolbar{padding:8px 22px;border-bottom:1px solid #eef0f5;gap:3px}
  .nt-sel{border-radius:8px;border-color:#dde1ec;font-size:12.5px;color:#3d4559}
  .nt-tool{color:#6b7589}
  .nt-tool:hover{background:#e8eef7;color:#1a3a6b}
  .nt-tsep{background:#dde1ec;margin:0 6px}
  .nt-body-wrap{padding:22px 22px 30px}
  .nt-titlewrap{max-width:760px;margin:0 auto 14px;display:flex;flex-direction:column;gap:8px}
  .nt-titlewrap .nt-title{display:block;width:100%;font-size:26px;font-weight:600;letter-spacing:-.02em;color:#1a1f2e;line-height:1.2}
  .nt-doc-meta{font-size:12px;color:#9aa3b5;min-height:14px}
  .nt-body{font-size:15px;line-height:1.7;color:#1a1f2e}
  .nt-body:empty::before{content:'Escribe aquí…'}
  .nt-body blockquote{border-left:3px solid #dde1ec;color:#6b7589}
  .nt-doc-foot{padding:8px 22px 14px;border-top:1px solid #eef0f5}
  .nt-save-btn{border-color:#dde1ec;color:#3d4559}
  .nt-saved{font-size:12px;color:#9aa3b5}
  .nt-empty i{color:#c8d6ea}
  /* Oscuro */
  [data-theme="dark"] .nt-shell{background:#0c0f16}
  [data-theme="dark"] .nt-folders,[data-theme="dark"] .nt-editor{background:#161b24;border-color:#2f3744}
  [data-theme="dark"] .nt-list{background:#11151d;border-color:#2f3744}
  [data-theme="dark"] .nt-side-search,[data-theme="dark"] .nt-search{background:#0c0f16;border-color:#2f3744}
  [data-theme="dark"] .nt-side-search input,[data-theme="dark"] .nt-list .nt-col-title,[data-theme="dark"] .nt-note-t,[data-theme="dark"] .nt-titlewrap .nt-title,[data-theme="dark"] .nt-body{color:#eceff4}
  [data-theme="dark"] .nt-view,[data-theme="dark"] .nt-folder-nm,[data-theme="dark"] .nt-note-x,[data-theme="dark"] .nt-sel{color:#98a2b3}
  [data-theme="dark"] .nt-view:hover,[data-theme="dark"] .nt-folder:hover{background:#1b2130}
  [data-theme="dark"] .nt-view.on,[data-theme="dark"] .nt-folder.on{background:rgba(93,143,245,.16)}
  [data-theme="dark"] .nt-view.on,[data-theme="dark"] .nt-view.on i,[data-theme="dark"] .nt-folder.on .nt-folder-nm,[data-theme="dark"] .nt-folder.on .nt-folder-ct,[data-theme="dark"] .nt-crumb-f{color:#9fc0ee}
  [data-theme="dark"] .nt-note{background:#161b24;border-color:#2f3744}
  [data-theme="dark"] .nt-note:hover{border-color:#3d4a63;box-shadow:none}
  [data-theme="dark"] .nt-note.on{border-color:#5d8ff5;box-shadow:0 0 0 1px #5d8ff5}
  [data-theme="dark"] .nt-side-new{background:#5d8ff5;color:#0c0f16;box-shadow:none}
  [data-theme="dark"] .nt-toolbar,[data-theme="dark"] .nt-doc-foot{border-color:#2f3744}
  [data-theme="dark"] .nt-tool:hover{background:rgba(93,143,245,.16);color:#9fc0ee}
  [data-theme="dark"][data-org="mvp"] .nt-folders,[data-theme="dark"][data-org="mvp"] .nt-editor,[data-theme="dark"][data-org="mvp"] .nt-note{background:#181410;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .nt-list{background:#120e0a;border-color:#2f271e}
  [data-theme="dark"][data-org="mvp"] .nt-view.on,[data-theme="dark"][data-org="mvp"] .nt-folder.on{background:rgba(248,149,64,.16)}
  [data-theme="dark"][data-org="mvp"] .nt-view.on,[data-theme="dark"][data-org="mvp"] .nt-view.on i,[data-theme="dark"][data-org="mvp"] .nt-folder.on .nt-folder-nm,[data-theme="dark"][data-org="mvp"] .nt-crumb-f{color:#f4a86c}
  [data-theme="dark"][data-org="mvp"] .nt-side-new{background:#F89540;color:#0d0a07}
  [data-org="mvp"] .nt-side-new{background:#ED7824;box-shadow:0 6px 16px -8px rgba(237,120,36,.7)}
  [data-org="mvp"] .nt-view.on,[data-org="mvp"] .nt-folder.on{background:#fcead9}
  [data-org="mvp"] .nt-view.on,[data-org="mvp"] .nt-view.on i,[data-org="mvp"] .nt-folder.on .nt-folder-nm,[data-org="mvp"] .nt-folder.on .nt-folder-ct,[data-org="mvp"] .nt-crumb-f{color:#c9651f}
  [data-org="mvp"] .nt-note.on{border-color:#ED7824;box-shadow:0 0 0 1px #ED7824}
  @media (prefers-reduced-motion:reduce){.nt-note,.nt-side-new,.nt-view{transition:none}}

  /* el panel de marca cede en pantallas angostas de escritorio */
  @media (max-width:899px){
    #loginWrap{grid-template-columns:1fr}
    .login-brand{display:none}
  }

  @media (prefers-reduced-motion:reduce){
    .selector-card,.selector-card-logo,.btn-login{transition:none}
    .header::after{transition:none}
    /* la entrada del selector se queda en un fundido, sin desplazamiento */
    @keyframes deskRise{from{opacity:0;transform:none}to{opacity:1;transform:none}}
    #pageSelector.active .selector-card{animation-delay:0ms}
  }
}


/* ═══════════════════════════════════════════════════════════════════════
   FORMULARIOS · detalle en dos columnas (Claude Design 09d9ceda, 1b)
   Los enlaces mandan a la izquierda; el panel del formulario se queda
   pegado a la derecha mientras la lista crece.
   ═══════════════════════════════════════════════════════════════════════ */
@media (min-width:769px){
  #formsDetail .fmd-grid{
    display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;
    align-items:start;max-width:1200px;
  }
  #formsDetail .fmd-main{grid-column:1;grid-row:1}
  #formsDetail .fmd-side{grid-column:2;grid-row:1;position:sticky;top:24px}
  #formsDetail .fmd-links{padding:12px 14px;gap:9px}
  #formsDetail .fmd-link{padding:11px 13px}
  #formsDetail .fmd-card{animation-delay:.02s}
  #pageForms .fm-grid{max-width:1200px}
}