/* --- Evidencia: se guarda sola, asi que la pantalla tiene que decirlo sin que se lo pregunten. ---
   El clip era un emoji de 30px sobre gris claro: no leia como boton y la gente no lo encontraba.
   Ahora adjuntar es una accion con nombre, y el unico boton que queda guarda solo el texto. */
.iv-answer-evidence.compact>header>div>span{color:#1763d4;background:#e8f1ff}
.iv-evidence-state{padding:5px 9px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.02em;transition:.15s ease}
.iv-evidence-state[data-state="idle"]{color:#7d8ea1;background:#eef3f7}
.iv-evidence-state[data-state="dirty"]{color:#8a5a10;background:#fdf1dc}
.iv-evidence-state[data-state="saving"],.iv-evidence-state[data-state="uploading"]{color:#1a5cc4;background:#e6efff}
.iv-evidence-state[data-state="saved"]{color:#12734f;background:#e2f5ec}
.iv-evidence-state[data-state="error"]{color:#a82c2c;background:#fdeaea}

.iv-evidence-compose.dropping{border-color:#3a7ce4;border-style:dashed;box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.iv-evidence-compose.dropping>textarea{background:#f6faff}

.iv-evidence-compose-bar{gap:10px;padding:7px 8px 7px 8px;flex-wrap:wrap}
.iv-evidence-compose-bar>label.iv-evidence-attach{width:auto;height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #b7cef0;border-radius:9px;color:#14549f;background:#eaf2ff;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.15s ease}
.iv-evidence-compose-bar>label.iv-evidence-attach:hover{border-color:#1f5fbf;color:#0e4a94;background:#dfeaff}
.iv-evidence-compose-bar>label.iv-evidence-attach>i{font-size:14px;font-style:normal;line-height:1}
.iv-evidence-compose-bar>small{flex:1;min-width:120px;color:#8291a3;font-size:9px;line-height:1.4}
.iv-evidence-compose-bar>button{min-width:0;height:34px;padding:0 16px;font-size:10px}
.iv-evidence-compose-bar>button:disabled{opacity:.45;cursor:not-allowed}

/* Cinco columnas y no cuatro: entre el tamano y la papelera entra el estado de la lectura. */
.iv-compact-files li{grid-template-columns:14px minmax(0,150px) auto auto 20px}
.iv-digest{justify-self:end;padding:1px 6px;border-radius:9px;font-size:9px;font-style:normal;white-space:nowrap}
.iv-digest.pending{color:#6b7a8d;background:#eef2f6}
.iv-digest.done{color:#1e7a53;background:#e6f5ee}
.iv-digest.not_readable,.iv-digest.failed{color:#a2551b;background:#fdf0e3}
.iv-compact-files li b a{color:#26507d;text-decoration:none}
.iv-compact-files li b a:hover{color:#1a5cc4;text-decoration:underline}
.iv-compact-files li button{cursor:pointer}
.iv-compact-files li button:hover{color:#fff;background:#c0392b}

@media(max-width:720px){
  .iv-evidence-compose-bar>small{display:none}
  .iv-evidence-compose-bar>label.iv-evidence-attach{flex:1;justify-content:center}
  .iv-evidence-compose-bar>button{flex:1}
}

/* La primera asesoría es la acción principal, antes del perfil y las instrucciones. */
.client-start-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:center;gap:40px;margin:22px 0 20px;padding:34px 40px;border:1px solid #407ae6;border-radius:24px;background:linear-gradient(115deg,#153c9e,#245bce 65%,#147b91);color:#fff;box-shadow:0 18px 42px rgba(30,78,168,.2);animation:client-start-enter .55s ease-out both}
.client-start-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 0,rgba(114,244,215,.22),transparent 55%);pointer-events:none}
.client-start-kicker{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:#b3ffe8;font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.client-start-kicker>span{width:7px;height:7px;border-radius:50%;background:#84f4d6;box-shadow:0 0 0 5px rgba(132,244,214,.13)}
.client-start-copy h2{margin:0;font-size:clamp(29px,2.8vw,42px);line-height:1.14;letter-spacing:-.035em;color:#fff}
.client-start-copy h2>span{color:#b8f4e5}
.client-start-copy>p:not(.client-start-kicker){max-width:530px;margin:16px 0 23px;font-size:14px;line-height:1.65;color:#e0ecff}
.client-start-action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:265px;min-height:58px;padding:14px 22px;border:1px solid #b1ffe9;border-radius:13px;background:#91f5d5;color:#0c3549;font-size:17px;font-weight:850;box-shadow:0 8px 24px rgba(0,20,70,.24);cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;animation:client-start-attention 2.4s ease-out .7s 3}
.client-start-action>span{font-size:24px;line-height:1;transition:transform .18s ease}
.client-start-action:hover:not(:disabled){background:#b5ffe8;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,20,70,.3)}
.client-start-action:hover>span{transform:translateX(4px)}
.client-start-action:focus-visible{outline:3px solid #fff;outline-offset:5px;animation:none}
.client-start-action:disabled{opacity:.8;cursor:progress;animation:none}
.client-start-reassurance{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:11px;line-height:1.5;color:#dbeaff}
.client-start-reassurance>span{color:#9affdf}
.client-start-preview{position:relative;padding:23px;border:1px solid rgba(218,244,255,.25);border-radius:20px;background:rgba(9,35,98,.24)}
.client-start-spark{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(183,250,230,.45);border-radius:12px;background:rgba(133,245,215,.12);color:#a6ffe4;font-size:24px}
.client-start-preview>p{margin:15px 0 19px;color:#fff;font-size:15px;font-weight:800}
.client-start-preview ol{display:grid;gap:19px;list-style:none;padding:0;margin:0}
.client-start-preview li{display:flex;align-items:center;gap:12px}
.client-start-preview li>span{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid rgba(210,247,255,.25);border-radius:50%;color:#a9ffe4;font-size:10px;font-weight:800}
.client-start-preview li b{display:block;color:#fff;font-size:12px}
.client-start-preview li small{display:block;margin-top:3px;color:#d1e4fb;font-size:11px;line-height:1.45}
.client-start-context .client-role-card{padding:20px 23px;background:#fff;color:#173553;box-shadow:0 8px 24px rgba(31,65,103,.04)}
.client-start-context .client-role-icon{float:right;margin:0 0 12px 15px;background:#eaf1ff;color:#2454a5;border-color:#d1def1}
.client-start-context .client-role-card .eyebrow{color:#366b94}
.client-start-context .client-role-card h2{font-size:17px;margin-bottom:12px}
.client-start-context .client-role-card dl>div{border-color:#e5edf5}
.client-start-context .client-role-card dt{color:#627c96}
.client-start-context .client-role-card dd{color:#173553}
.client-start-context .client-role-card>p:not(.eyebrow){margin:12px 0;color:#647c93}
.client-start-context .client-profile-link{color:#245ab0;font-size:11px}
html[data-client-theme="dark"] .client-start-context .client-role-card{background:#0e2235;border-color:#20384f;color:#e2edf7}
html[data-client-theme="dark"] .client-start-context .client-role-card dd{color:#e2edf7}
html[data-client-theme="dark"] .client-start-context .client-role-card dl>div{border-color:#20384f}
html[data-client-theme="dark"] .client-start-context .client-role-card .eyebrow,html[data-client-theme="dark"] .client-start-context .client-profile-link{color:#95c4ff}
html[data-client-theme="dark"] .client-start-context .client-role-card dt,html[data-client-theme="dark"] .client-start-context .client-role-card>p:not(.eyebrow){color:#9cb3c9}
@keyframes client-start-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes client-start-attention{0%,100%{box-shadow:0 8px 24px rgba(0,20,70,.24),0 0 0 0 rgba(145,245,213,0)}35%{box-shadow:0 8px 24px rgba(0,20,70,.24),0 0 0 7px rgba(145,245,213,.2)}70%{box-shadow:0 8px 24px rgba(0,20,70,.24),0 0 0 13px rgba(145,245,213,0)}}
@media(max-width:1100px){.client-start-hero{gap:24px;padding:28px}.client-start-preview{padding:20px}}
@media(max-width:760px){.client-start-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding:25px 22px;margin:16px 0;border-radius:19px}.client-start-preview{display:none}.client-start-action{width:100%;min-width:0;gap:16px;padding-inline:16px;font-size:16px}.client-start-copy h2{font-size:clamp(28px,6vw,36px)}.client-start-copy>p:not(.client-start-kicker){margin:14px 0 20px}.client-start-context{grid-template-columns:minmax(0,1fr)}.client-start-context .client-journey>header{flex-wrap:wrap;gap:10px}.client-start-context .client-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.client-welcome-ready{padding-top:28px}.client-welcome-ready .client-private{display:none}.client-start-reassurance{font-size:10px}}
/* ── Elegir asesoria ──────────────────────────────────────────────────────────
   El heroe azul de arranque solo vale cuando no hay nada: con asesorias abiertas,
   lo que hace falta es escoger una. Una tarjeta por asesoria, ordenadas por avance,
   y una ultima con un mas para abrir otra. Comparten el aire de las tarjetas del
   cliente -blanco, borde suave, esquina de 18px- y se distinguen por el chip de
   estado, que es lo unico que cambia entre una y otra. */
.client-pick{display:grid;gap:12px;margin:6px 0 2px}
.client-pick .section-head-v2{margin:0}
.pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:11px;align-items:stretch}
/* Cada tarjeta lleva el color de su etapa -el mismo del chip- y es ese color el que aparece
   al pasar por encima: la barra de arriba, el borde, la sombra, la cifra y el icono. Con solo
   una sombra un poco mas alta no se sabia cual se estaba senalando. */
.pick-card{position:relative;overflow:hidden;display:grid;align-content:start;gap:7px;padding:16px 17px 14px;border:1px solid var(--dm-line);border-radius:18px;background:var(--dm-card);box-shadow:var(--dm-shadow-sm);text-align:left;--pick:#2563eb;--pick-soft:#eaf2ff;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background .22s}
.pick-card.completed{--pick:#0f927c;--pick-soft:#e3f7f1}
.pick-card.active{--pick:#d38909;--pick-soft:#fff4de}
.pick-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--pick);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.pick-card:hover,.pick-card:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pick) 42%,#d5e2f0);background:color-mix(in srgb,var(--pick) 3%,#fff);box-shadow:0 18px 38px color-mix(in srgb,var(--pick) 24%,transparent)}
.pick-card:hover::before,.pick-card:focus-visible::before{transform:scaleX(1)}
.pick-card:active{transform:translateY(-1px)}
.pick-card:focus-visible{outline:3px solid color-mix(in srgb,var(--pick) 55%,#fff);outline-offset:2px}
.pick-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pick-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--pick-soft);color:var(--pick);font-size:14px;transition:background .22s,color .22s,transform .22s}
.pick-card:hover .pick-icon,.pick-card:focus-visible .pick-icon{background:var(--pick);color:#fff;transform:rotate(-6deg) scale(1.06)}
.pick-card>b,.pick-title b{color:var(--dm-ink);font-size:15px;line-height:1.25;letter-spacing:-.02em}
.pick-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;min-width:0}
.pick-code{flex:0 0 auto;padding:3px 7px;border:1px solid color-mix(in srgb,var(--pick) 28%,#dbe5f0);border-radius:7px;background:var(--pick-soft);color:var(--pick);font-size:9.5px;font-style:normal;font-weight:900;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.pick-card>small{color:var(--dm-muted);font-size:11px;line-height:1.45}
.pick-figure{display:flex;align-items:baseline;gap:8px;margin-top:3px}
.pick-figure b{color:var(--dm-ink);font-size:24px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;transition:color .22s}
.pick-card:hover .pick-figure b,.pick-card:focus-visible .pick-figure b{color:var(--pick)}
.pick-figure small{color:var(--dm-muted);font-size:10.5px;line-height:1.35}
.pick-bar{display:block;height:7px;border-radius:999px;background:#e6edf5;overflow:hidden}
.pick-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#17b5a2);transition:box-shadow .22s,filter .22s}
.pick-card:hover .pick-bar>i,.pick-card:focus-visible .pick-bar>i{filter:saturate(1.25);box-shadow:0 0 10px color-mix(in srgb,var(--pick) 55%,transparent)}
.pick-own{color:#7a8ca0;font-size:10.5px;font-style:normal}
.pick-go{display:flex;align-items:center;gap:7px;margin-top:5px;color:#1d5ed6;font-size:12px;font-weight:800;transition:color .22s}
.pick-go>i{font-style:normal;transition:transform .22s}
.pick-card:hover .pick-go,.pick-card:focus-visible .pick-go{color:var(--pick)}
.pick-card:hover .pick-go>i,.pick-card:focus-visible .pick-go>i{transform:translateX(4px)}
/* La ultima no compite con las que ya existen: sin cifras, en trazo discontinuo y con el
   mas ocupando el sitio que en las demas ocupa el estado. */
.pick-new{align-content:center;justify-items:center;gap:5px;border-style:dashed;border-color:#bfd2e8;background:#f7fafd;box-shadow:none;text-align:center}
.pick-new::before{display:none}
.pick-new:hover,.pick-new:focus-visible{border-style:solid;border-color:#7fadea;background:#f1f7ff;box-shadow:0 14px 30px rgba(37,99,235,.16)}
.pick-plus{width:38px;height:38px;margin-bottom:3px;border-radius:12px;display:grid;place-items:center;background:#e9f1fd;color:#2a68d8;font-size:22px;font-weight:700;line-height:1;transition:background .22s,color .22s,transform .28s cubic-bezier(.2,.8,.2,1)}
.pick-new:hover .pick-plus,.pick-new:focus-visible .pick-plus{background:#2563eb;color:#fff;transform:rotate(90deg) scale(1.08)}
.pick-new>b{font-size:14px}
.pick-new>small{max-width:30ch}
/* La version larga de la misma tarjeta. «Mi asesoria» no elige una por su cuenta: las pone
   todas en fila, con el codigo junto al nombre, el avance y la accion que le toca a cada una.
   Comparte con la tarjeta el color de la etapa y todo lo que pasa al senalarla. */
.pick-rows{display:grid;gap:9px;margin:2px 0 4px}
.pick-row{position:relative;overflow:hidden;display:grid;grid-template-columns:38px minmax(0,1fr) minmax(0,210px) minmax(0,182px);align-items:center;gap:15px;padding:13px 16px;border:1px solid var(--dm-line);border-radius:16px;background:var(--dm-card);box-shadow:var(--dm-shadow-sm);text-align:left;--pick:#2563eb;--pick-soft:#eaf2ff;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background .22s}
.pick-row.completed{--pick:#0f927c;--pick-soft:#e3f7f1}
.pick-row.active{--pick:#d38909;--pick-soft:#fff4de}
.pick-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pick);transform:scaleY(0);transform-origin:top;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.pick-row:hover,.pick-row:focus-visible{transform:translateX(3px);border-color:color-mix(in srgb,var(--pick) 42%,#d5e2f0);background:color-mix(in srgb,var(--pick) 3%,#fff);box-shadow:0 14px 30px color-mix(in srgb,var(--pick) 22%,transparent)}
.pick-row:hover::before,.pick-row:focus-visible::before{transform:scaleY(1)}
.pick-row:active{transform:translateX(1px)}
.pick-row:focus-visible{outline:3px solid color-mix(in srgb,var(--pick) 55%,#fff);outline-offset:2px}
.pick-row-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--pick-soft);color:var(--pick);font-size:16px;transition:background .22s,color .22s,transform .22s}
.pick-row:hover .pick-row-icon,.pick-row:focus-visible .pick-row-icon{background:var(--pick);color:#fff;transform:rotate(-6deg) scale(1.06)}
.pick-row-main{display:grid;gap:4px;min-width:0}
.pick-row-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;min-width:0}
.pick-row-title b{color:var(--dm-ink);font-size:14.5px;line-height:1.25;letter-spacing:-.02em}
.pick-row-main>small{color:var(--dm-muted);font-size:10.5px;line-height:1.4}
.pick-row-progress{display:grid;gap:6px;min-width:0}
.pick-row-figures{display:flex;align-items:baseline;gap:7px;min-width:0}
.pick-row-figures b{color:var(--dm-ink);font-size:19px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:color .22s}
.pick-row:hover .pick-row-figures b,.pick-row:focus-visible .pick-row-figures b{color:var(--pick)}
.pick-row-figures small{color:var(--dm-muted);font-size:9.5px;line-height:1.3}
.pick-row .pick-bar{height:6px}
.pick-row:hover .pick-bar>i,.pick-row:focus-visible .pick-bar>i{filter:saturate(1.25);box-shadow:0 0 10px color-mix(in srgb,var(--pick) 55%,transparent)}
.pick-row-side{display:grid;justify-items:end;gap:7px;min-width:0}
.pick-row-side .client-status{white-space:nowrap}
.pick-row .pick-go{margin:0;font-size:11.5px}
/* La ultima no compite con las que ya existen: sin cifras y en trazo discontinuo. */
.pick-row-new{grid-template-columns:38px minmax(0,1fr) auto;border-style:dashed;border-color:#bfd2e8;background:#f7fafd;box-shadow:none}
.pick-row-new::before{display:none}
.pick-row-new:hover,.pick-row-new:focus-visible{border-style:solid;border-color:#7fadea;background:#f1f7ff;box-shadow:0 12px 26px rgba(37,99,235,.14)}
.pick-row-new .pick-plus{width:38px;height:38px;margin:0;border-radius:12px;font-size:20px}
.pick-row-new .pick-go{color:#1d5ed6;font-size:15px}
@media(max-width:1080px){
  .pick-row{grid-template-columns:38px minmax(0,1fr) minmax(0,150px);gap:12px}
  .pick-row-side{grid-column:2/-1;justify-items:start;grid-auto-flow:column;justify-content:start;align-items:center;gap:12px}
}
@media(max-width:640px){
  .pick-grid{grid-template-columns:minmax(0,1fr)}
  .pick-row,.pick-row-new{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 13px}
  .pick-row-icon,.pick-row-new .pick-plus{width:34px;height:34px}
  .pick-row-progress,.pick-row-side{grid-column:2/-1}
  .pick-row-side{grid-auto-flow:row;gap:7px}
  .pick-row:hover,.pick-row:focus-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){.pick-row,.pick-row::before,.pick-row-icon{transition:none}.pick-row:hover,.pick-row:focus-visible{transform:none}.pick-row:hover .pick-row-icon{transform:none}.pick-row::before{transform:scaleY(1);opacity:0}.pick-row:hover::before,.pick-row:focus-visible::before{opacity:1}}
html[data-client-theme="dark"] .pick-row{border-color:#22394f;background:#0d2032;--pick-soft:#132e48}
html[data-client-theme="dark"] .pick-row.completed{--pick:#2fd1ae;--pick-soft:#0e3b33}
html[data-client-theme="dark"] .pick-row.active{--pick:#e9a92f;--pick-soft:#3a2c11}
html[data-client-theme="dark"] .pick-row.draft{--pick:#4f8ef7}
html[data-client-theme="dark"] .pick-row:hover,html[data-client-theme="dark"] .pick-row:focus-visible{background:color-mix(in srgb,var(--pick) 12%,#0d2032);box-shadow:0 14px 30px color-mix(in srgb,var(--pick) 28%,transparent)}
html[data-client-theme="dark"] .pick-row:hover .pick-row-icon,html[data-client-theme="dark"] .pick-row:focus-visible .pick-row-icon{background:var(--pick);color:#08243a}
html[data-client-theme="dark"] .pick-row-title b,html[data-client-theme="dark"] .pick-row-figures b{color:#dce9f5}
html[data-client-theme="dark"] .pick-row-main>small,html[data-client-theme="dark"] .pick-row-figures small{color:#8ca2b7}
html[data-client-theme="dark"] .pick-row-new{border-color:#2a4762;background:#0c1d2e}
html[data-client-theme="dark"] .pick-row-new:hover,html[data-client-theme="dark"] .pick-row-new:focus-visible{border-color:#4f8ef7;background:#122c46}
html[data-client-theme="dark"] .pick-row-new .pick-go{color:#8fc0ff}

@media(prefers-reduced-motion:reduce){.pick-card,.pick-card::before,.pick-icon,.pick-plus,.pick-go,.pick-go>i,.pick-bar>i{transition:none}.pick-card:hover,.pick-card:focus-visible{transform:none}.pick-card:hover .pick-icon,.pick-new:hover .pick-plus{transform:none}.pick-card::before{transform:scaleX(1);opacity:0}.pick-card:hover::before,.pick-card:focus-visible::before{opacity:1}}
html[data-client-theme="dark"] .pick-card{border-color:#22394f;background:#0d2032}
html[data-client-theme="dark"] .pick-card:hover{border-color:#2f5f92;background:#14304a}
html[data-client-theme="dark"] .pick-icon{background:#132e48;color:#73a8ef}
html[data-client-theme="dark"] .pick-card>b,html[data-client-theme="dark"] .pick-figure b{color:#dce9f5}
html[data-client-theme="dark"] .pick-card>small,html[data-client-theme="dark"] .pick-figure small,html[data-client-theme="dark"] .pick-own{color:#8ca2b7}
html[data-client-theme="dark"] .pick-bar{background:#1a3550}
html[data-client-theme="dark"] .pick-go{color:#73a8ef}
html[data-client-theme="dark"] .pick-new{border-color:#2a4762;background:#0c1d2e}
html[data-client-theme="dark"] .pick-new:hover{border-color:#3b6d9f;background:#12293f}
html[data-client-theme="dark"] .pick-plus{background:#132e48;color:#73a8ef}
/* En oscuro el tinte del hover no puede ir hacia el blanco: la tarjeta se encendia entera. */
html[data-client-theme="dark"] .pick-card{--pick-soft:#132e48}
html[data-client-theme="dark"] .pick-card.completed{--pick:#2fd1ae;--pick-soft:#0e3b33}
html[data-client-theme="dark"] .pick-card.active{--pick:#e9a92f;--pick-soft:#3a2c11}
html[data-client-theme="dark"] .pick-card.draft{--pick:#4f8ef7}
html[data-client-theme="dark"] .pick-card:hover,html[data-client-theme="dark"] .pick-card:focus-visible{background:color-mix(in srgb,var(--pick) 12%,#0d2032);box-shadow:0 18px 38px color-mix(in srgb,var(--pick) 30%,transparent)}
html[data-client-theme="dark"] .pick-card:hover .pick-icon,html[data-client-theme="dark"] .pick-card:focus-visible .pick-icon{background:var(--pick);color:#08243a}
html[data-client-theme="dark"] .pick-new:hover,html[data-client-theme="dark"] .pick-new:focus-visible{border-color:#4f8ef7;background:#122c46}
html[data-client-theme="dark"] .pick-new:hover .pick-plus,html[data-client-theme="dark"] .pick-new:focus-visible .pick-plus{background:#4f8ef7;color:#08243a}

@media(prefers-reduced-motion:reduce){.client-start-hero,.client-start-action,.client-start-action>span{animation:none;transition:none}.client-start-action:hover:not(:disabled),.client-start-action:hover>span{transform:none}}

/* ── Mi diagnostico: la unica pantalla de quien responde ──────────────────────
   Una columna de bloques que se leen en el orden en que se necesitan: donde estoy,
   quien soy en este diagnostico, como se responde, que sesiones hay y que falta.
   Las tarjetas del cliente no comparten estilos con las del consultor a proposito:
   aqui manda una sola tarea abierta, no un panel de gestion. */
.client-dashboard-v2{width:min(100%,1540px);margin:0 auto;display:grid;gap:14px;
  --dm-ink:#08233f;--dm-line:rgba(204,219,234,.92);--dm-card:rgba(255,255,255,.95);
  --dm-soft:#f9fbfd;--dm-softline:#e3ebf4;--dm-muted:#6f8194;--dm-blue:#2563eb;
  --dm-shadow:0 16px 42px rgba(15,39,67,.08);--dm-shadow-sm:0 8px 24px rgba(15,39,67,.07)}
.client-dashboard-v2 .eyebrow{margin:0 0 7px;color:#1d5ed6;font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase}

.client-welcome-v2{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:72px;padding:0 2px}
.client-welcome-v2 h1{margin:0;color:var(--dm-ink);font-size:clamp(26px,2.2vw,38px);line-height:1.04;letter-spacing:-.035em}
.welcome-copy-v2>p:last-child{max-width:760px;margin:9px 0 0;color:var(--dm-muted);font-size:13px;line-height:1.45}
.welcome-copy-v2>p b{color:#254f83}

.hero-grid-v2{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(330px,.82fr);align-items:stretch;gap:14px}
.assessment-v2,.role-v2,.quick-guide-v2,.sessions-v2,.journey-v2,.assistant-v2,.client-panel{border:1px solid var(--dm-line);background:var(--dm-card);box-shadow:var(--dm-shadow)}

/* La barra superior de la tarjeta repite el avance en color: azul lo hecho, verde el cierre. */
.assessment-v2{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:21px 22px 18px;border-radius:22px}
.assessment-v2::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#2563eb 0%,#2563eb 62%,#14b8a6 100%)}
.assessment-top-v2{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.assessment-top-v2>small{color:#8293a6;font-size:10px}
.assessment-head-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}
.assessment-head-v2 h2{margin:0;color:#0a2745;font-size:25px;line-height:1.08;letter-spacing:-.025em}
.assessment-desc-v2{margin:8px 0 0;color:var(--dm-muted);font-size:12.5px;line-height:1.5}
.assessment-desc-v2 b{color:#1c4a7d}
.progress-ring-v2{position:relative;display:grid;place-items:center;flex:0 0 auto;width:94px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--dm-blue) calc(var(--p)*1%),#e8eef6 0)}
.progress-ring-v2.done{background:conic-gradient(#14b8a6 calc(var(--p)*1%),#e8eef6 0)}
.progress-ring-v2::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
.progress-ring-v2>span{position:relative;z-index:1;max-width:66px;text-align:center}
.progress-ring-v2 b{display:block;color:#0c2b4d;font-size:23px;line-height:1}
.progress-ring-v2 small{display:block;margin-top:4px;color:#8090a2;font-size:9px;line-height:1.2}
.meta-v2{display:grid;grid-template-columns:1.25fr .65fr 1fr;overflow:hidden;margin-top:16px;border:1px solid var(--dm-softline);border-radius:14px;background:var(--dm-soft)}
.meta-v2>div{min-width:0;padding:10px 12px}
.meta-v2>div+div{border-left:1px solid var(--dm-softline)}
.meta-v2 small{display:block;margin-bottom:4px;color:#7890a7;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.meta-v2 b{display:block;overflow:hidden;color:#183a59;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.progress-row-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;margin:14px 0 15px}
.progress-track-v2{overflow:hidden;height:9px;border-radius:999px;background:#e7edf4}
.progress-track-v2>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2e64e5 0%,#2563eb 70%,#14b8a6 100%);transition:width .4s ease}
.progress-numbers-v2{display:flex;gap:12px;color:#718198;font-size:10px;white-space:nowrap}
.progress-numbers-v2 b{color:#0f3154}
.primary-v2{width:100%;min-height:46px;margin-top:auto;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2d67e8,#285bd3);font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 9px 20px rgba(37,99,235,.19);transition:transform .18s ease,box-shadow .18s ease}
.primary-v2:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(37,99,235,.25)}
.primary-v2>span{margin-left:7px;font-size:16px}

.role-v2{position:relative;overflow:hidden;padding:21px;border-radius:22px;border-color:rgba(17,55,93,.5);color:#fff;
  background:radial-gradient(circle at 90% 0%,rgba(55,132,255,.22),transparent 35%),linear-gradient(150deg,#173f6e 0%,#153a67 100%)}
.role-v2::after{content:"";position:absolute;right:-95px;bottom:-98px;width:180px;height:180px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.role-top-v2{display:flex;align-items:center;justify-content:space-between;gap:12px}
.role-badge-v2{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--role-color) 68%,white);border-radius:14px;background:color-mix(in srgb,var(--role-color) 28%,transparent);font-size:16px;font-weight:900}
.role-mini-v2{color:#9bb9dc;font-size:10px}
.role-v2 .eyebrow{margin-top:22px;color:#44e0cc}
.role-v2 h2{margin:0;color:#fff;font-size:22px;line-height:1.12;letter-spacing:-.02em}
.role-v2 dl{margin:16px 0 0}
.role-v2 dl>div{padding:12px 0;border-top:1px solid rgba(255,255,255,.13)}
.role-v2 dt{color:#89a9cb;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.role-v2 dd{margin:4px 0 0;color:#fff;font-size:12px;font-weight:800}
.role-note-v2{max-width:95%;margin:14px 0 0;color:#c5d6e8;font-size:11px;line-height:1.5}
.profile-link-v2{margin-top:13px;padding:0;border:0;color:#40deca;background:transparent;font-size:10px;font-weight:900;cursor:pointer}
.profile-link-v2:hover{color:#7ceede}

/* Tres frases de once pixeles en una franja de treinta y ocho: estaba escrita para ocupar
   poco, no para leerse. Es lo primero que hace falta saber -como se responde-, asi que va
   arriba y a un tamano que se lea sin acercarse. */
.quick-guide-v2{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:17px;box-shadow:var(--dm-shadow-sm)}
.quick-guide-v2 article{display:flex;align-items:center;gap:13px;min-width:0;padding:16px 18px}
.quick-guide-v2 article+article{border-left:1px solid #e4edf5}
.qnum-v2{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:11px;color:#2563eb;background:#eef5ff;font-size:11px;font-weight:900}
.quick-guide-v2 h3{margin:0 0 4px;color:#163754;font-size:13.5px;letter-spacing:-.01em}
.quick-guide-v2 p{margin:0;color:#6b8097;font-size:12px;line-height:1.45}

.lower-grid-v2{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);align-items:start;gap:14px}
/* El recorrido, la guia y el asistente comparten la columna izquierda: sueltos y a lo ancho
   ocupaban tres franjas para decir tres frases, y dejaban un hueco al lado del perfil. */
.lower-stack-v2{display:grid;align-content:start;gap:10px;min-width:0}
.lower-stack-v2 .journey-v2{padding:13px 16px 15px;border-radius:17px}
.lower-stack-v2 .journey-v2 .section-head-v2{margin-bottom:6px}
.lower-stack-v2 .journey-v2 .section-head-v2 h2{font-size:15px}
.lower-stack-v2 .journey-v2 .eyebrow{margin-bottom:5px;font-size:10px}
.lower-stack-v2 .steps-v2{margin-top:14px}
.lower-stack-v2 .steps-v2::before{top:13px}
.lower-stack-v2 .step-v2>i{width:27px;height:27px;margin-bottom:6px;font-size:9.5px}
.lower-stack-v2 .step-v2 b{font-size:9.5px}
.lower-stack-v2 .step-v2 small{margin-top:2px;font-size:8.5px}
.lower-stack-v2 .quick-guide-v2 article{gap:10px;padding:12px 13px}
.lower-stack-v2 .qnum-v2{flex-basis:27px;width:27px;height:27px;border-radius:9px;font-size:9.5px}
.lower-stack-v2 .quick-guide-v2 h3{margin-bottom:3px;font-size:11.5px}
.lower-stack-v2 .quick-guide-v2 p{font-size:10.5px;line-height:1.4}
.lower-stack-v2 .assistant-v2{min-height:46px;padding:9px 13px;border-radius:15px}
.lower-stack-v2 .assistant-icon-v2{flex-basis:27px;width:27px;height:27px;border-radius:9px;font-size:12px}
.lower-stack-v2 .assistant-v2 b{font-size:10.5px}
.lower-stack-v2 .assistant-v2 small{margin-top:1px;font-size:9px}
.lower-stack-v2 .results-link-v2{font-size:10px}
.sessions-v2,.journey-v2{padding:18px 20px;border-radius:20px;box-shadow:var(--dm-shadow-sm)}
.section-head-v2{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.section-head-v2 h2{margin:0;color:#102e4b;font-size:18px;letter-spacing:-.02em}
.count-pill-v2{flex:0 0 auto;padding:6px 10px;border-radius:999px;color:#2861cb;background:#eef5ff;font-size:9px;font-weight:800}
.session-row-v2{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-height:62px;padding:11px 13px;border:1px solid #dce8f4;border-radius:14px;background:#fbfdff;text-align:left;cursor:pointer;transition:border .18s ease,background .18s ease,transform .18s ease}
.session-row-v2+.session-row-v2{margin-top:9px}
.session-row-v2:hover{border-color:#9ec0f4;background:#f2f7ff;transform:translateY(-1px)}
.session-icon-v2{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#2563eb;background:#eaf2ff;font-size:17px}
.session-row-v2 b{display:block;overflow:hidden;color:#143755;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.session-row-v2 small{display:block;margin-top:3px;color:#718298;font-size:10px;line-height:1.35}
.session-row-v2>i{flex:0 0 auto;color:#5e7892;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}
/* Empezar de cero vive dentro de «Tus sesiones» y no junto al diagnostico activo a proposito:
   abrir uno nuevo es la excepcion, y competir con el boton de continuar invita a empezar de
   cero por error. De ahi el trazo discontinuo: se ofrece, no se propone. */
.session-row-v2.secondary{border-style:dashed;background:#f8fbff}
.session-row-v2.secondary:disabled{opacity:.6;cursor:progress}

.journey-sub-v2{display:block;margin-top:4px;color:#7b8ca0;font-size:10px}
.steps-v2{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:25px}
.steps-v2::before{content:"";position:absolute;left:10%;right:10%;top:15px;height:2px;background:#e0e8f1}
.step-v2{position:relative;z-index:1;min-width:0;text-align:center}
.step-v2>i{display:grid;place-items:center;width:31px;height:31px;margin:0 auto 8px;border:1px solid #d8e2ed;border-radius:50%;color:#8090a1;background:#eef2f6;font-size:10px;font-style:normal;font-weight:900}
.step-v2.done>i{border-color:#a6e8d6;color:#0f927c;background:#daf7ef}
.step-v2.active>i{border-color:#a9c7fb;color:#1f5ed7;background:#e7f0ff;box-shadow:0 0 0 4px rgba(37,99,235,.07)}
.step-v2 b{display:block;color:#24425f;font-size:10px}
.step-v2 small{display:block;margin-top:3px;color:#8796a7;font-size:9px;line-height:1.25}

.assistant-v2{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:11px 15px;border-radius:17px;box-shadow:var(--dm-shadow-sm)}
.assistant-v2>div{display:flex;align-items:center;gap:11px;min-width:0}
.assistant-icon-v2{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;color:#2563eb;background:#eef5ff;font-weight:900}
.assistant-v2 b{display:block;color:#173956;font-size:11.5px}
.assistant-v2 small{display:block;margin-top:2px;color:#78899c;font-size:10px;line-height:1.35}
.results-link-v2{flex:0 0 auto;border:0;color:#1e5ed5;background:transparent;font-size:10.5px;font-weight:900;white-space:nowrap;cursor:pointer}
.results-link-v2:hover{color:#0e3f9d}


/* ── El estado del reporte, cuando ya no queda nada que responder ─────────────
   Las dos esperas del cliente son distintas y se ven distintas: una la resuelve una persona
   que todavia esta trabajando, la otra ya se resolvio. Va a ancho completo y encima de la
   tarjeta de la asesoria porque, llegado ese punto, el avance del cuestionario deja de ser
   la noticia. */
.report-state-v2{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:18px 22px;border:1px solid var(--dm-line);border-radius:20px;background:var(--dm-card);box-shadow:var(--dm-shadow-sm)}
.report-state-v2.building{border-color:#f0d9a8;background:linear-gradient(120deg,#fffaf0,#fffdf8)}
.report-state-v2.ready{border-color:#a8e5d5;background:linear-gradient(120deg,#f0fdf9,#f7fffd)}
/* La espera de la propia organizacion no es la del consultor y no puede vestirse igual: el
   ambar dice «ya no depende de ti» y aqui todavia depende de alguien de la empresa. */
.report-state-v2.account-open{border-color:#c3d8f6;background:linear-gradient(120deg,#f4f8ff,#fbfdff)}
.report-state-v2.account-open .report-state-icon{color:#1d5ed6;background:#e2ecfd}
.report-state-v2.account-open .eyebrow{color:#1d5ed6}
.report-state-v2.account-open .report-state-wait>i{background:#5b8fe8}
.report-state-v2.account-open .report-state-action.ghost{color:#1c4a9c;border-color:#bcd3f4}
.report-state-v2.account-open .report-state-action.ghost:hover{background:#eaf2ff}

/* El avance de la cuenta manda sobre el aviso del reporte, asi que van en el mismo recuadro y
   en este orden: la cifra primero y el estado debajo. Separados se contradecian -100% arriba,
   «faltan 60 preguntas» abajo- y quien leia el primero ya no leia el segundo. */
/* El tono no puede llamarse `progress`: esa clase ya existe como barra generica de 7px
   de alto y el bloque entero heredaba ese alto, recortado a una linea. */
.account-state-v2{display:block;padding:0}
.account-state-head{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:18px 22px}
.account-progress-v2{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:17px 22px 19px;border-top:1px solid var(--dm-line)}
.report-state-v2.account-open .account-progress-v2{border-color:#d6e4f8}
.report-state-v2.building .account-progress-v2{border-color:#f0d9a8}
.report-state-v2.ready .account-progress-v2{border-color:#a8e5d5}
.account-figure-v2{position:relative;display:grid;place-items:center;flex:0 0 auto;width:84px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--dm-blue) calc(var(--p)*1%),#e0e9f5 0)}
.account-figure-v2.done{background:conic-gradient(#14b8a6 calc(var(--p)*1%),#e0e9f5 0)}
.account-figure-v2::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--dm-card)}
.account-figure-v2>span{position:relative;z-index:1;display:grid;justify-items:center;gap:1px;text-align:center}
.account-figure-v2 b{color:var(--dm-ink);font-size:21px;line-height:1;letter-spacing:-.03em}
.account-figure-v2 small{max-width:60px;color:var(--dm-muted);font-size:9px;line-height:1.2}
.account-detail-v2{min-width:0}
.account-detail-v2 .progress-track-v2{margin-bottom:9px}
.account-numbers-v2{margin:0;color:var(--dm-muted);font-size:12px;line-height:1.45}
.account-numbers-v2 b{color:var(--dm-ink);font-weight:850}

/* Una linea por enfoque, sin un solo nombre: lo que falta es un enfoque, no una persona a la
   que reclamarle. El check y el reloj tienen que distinguirse sin depender del color. */
.account-tracks-v2{display:grid;gap:6px;margin:11px 0 0;padding:0;list-style:none}
.account-tracks-v2>li{display:flex;align-items:baseline;gap:9px;color:var(--dm-muted);font-size:12px;line-height:1.4}
.account-tracks-v2>li>i{flex:0 0 auto;width:16px;color:#a4670a;font-size:12px;font-style:normal;text-align:center}
.account-tracks-v2>li.done>i{color:#0a8a74}
.account-tracks-v2>li.done>span{color:var(--dm-ink)}
.account-tracks-v2 small{margin-left:7px;color:#8b9db1;font-size:11px;font-variant-numeric:tabular-nums}

/* Al mover el anillo de la tarjeta al avance de la cuenta, lo respondido por uno mismo se
   quedaba sin decir en ningun sitio. Es poco texto y evita que terminar no se note. */
.own-share-v2{margin:11px 0 0;color:var(--dm-muted);font-size:12px;line-height:1.45}
.own-share-v2 b{color:#1c4a7d;font-weight:850}
.report-state-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;font-size:22px}
.report-state-v2.building .report-state-icon{color:#a4670a;background:#fdf0d5}
.report-state-v2.ready .report-state-icon{color:#0a8a74;background:#d8f6ee}
.report-state-copy{flex:1 1 320px;min-width:0}
.report-state-copy h2{margin:0;color:var(--dm-ink);font-size:20px;line-height:1.15;letter-spacing:-.025em}
.report-state-copy>p:last-child{max-width:760px;margin:6px 0 0;color:var(--dm-muted);font-size:12.5px;line-height:1.5}
.report-state-copy>p b{color:#1c4a7d}
.report-state-v2.building .eyebrow{color:#a4670a}
.report-state-v2.ready .eyebrow{color:#0a8a74}
/* Tres puntos que respiran: la espera tiene que parecer trabajo en curso y no una pantalla
   que se quedo colgada. */
.report-state-wait{display:inline-flex;align-items:center;gap:5px}
.report-state-wait>i{width:6px;height:6px;border-radius:50%;background:#e0a83c;animation:report-wait 1.4s ease-in-out infinite}
.report-state-wait>i:nth-child(2){animation-delay:.2s}
.report-state-wait>i:nth-child(3){animation-delay:.4s}
@keyframes report-wait{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.report-state-action{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;min-height:44px;padding:0 18px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#12a98d,#0d8f78);font-size:12.5px;font-weight:850;cursor:pointer;box-shadow:0 9px 20px rgba(13,143,120,.22);transition:transform .18s ease,box-shadow .18s ease}
.report-state-action:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(13,143,120,.28)}
.report-state-action.ghost{color:#8a5a08;background:transparent;border:1px solid #e6cd9d;box-shadow:none}
.report-state-action.ghost:hover{background:#fdf3de;transform:none}
.report-state-action>span{font-size:15px;line-height:1}

/* Con el reporte enviado la tarjeta tiene dos salidas: leerlo y volver a lo respondido. */
.card-actions-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:auto}
.card-actions-v2 .primary-v2{margin-top:0}
.ghost-v2{min-height:46px;padding:0 16px;border:1px solid var(--dm-softline);border-radius:12px;color:#2c5c9c;background:transparent;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.ghost-v2:hover{border-color:#9ec0f4;background:#f2f7ff}
/* Con el arranque delante, la ficha del rol pesa menos: el heroe ya es la mancha oscura. */
.client-start-context .role-v2{border-color:var(--dm-line);color:#173553;background:#fff;box-shadow:var(--dm-shadow-sm)}
.client-start-context .role-v2::after{display:none}
.client-start-context .role-v2 h2,.client-start-context .role-v2 dd{color:#173553}
.client-start-context .role-v2 .eyebrow{color:#366b94}
.client-start-context .role-v2 dl>div{border-color:#e5edf5}
.client-start-context .role-v2 dt,.client-start-context .role-note-v2,.client-start-context .role-mini-v2{color:#647c93}
.client-start-context .profile-link-v2{color:#245ab0}
.client-start-context .role-badge-v2{border-color:#d1def1;color:#2454a5;background:#eaf1ff}

@media(min-width:1200px) and (max-height:850px){
  .client-dashboard-v2{gap:11px}
  .client-welcome-v2{min-height:58px}
  .client-welcome-v2 h1{font-size:30px}
  .assessment-v2{padding-top:18px}
  .sessions-v2,.journey-v2{padding-top:15px}
  .steps-v2{margin-top:18px}
}
@media(max-width:1180px){
  .hero-grid-v2,.lower-grid-v2{grid-template-columns:minmax(0,1fr)}
  .quick-guide-v2{grid-template-columns:minmax(0,1fr)}
  .quick-guide-v2 article+article{border-left:0;border-top:1px solid #e4edf5}
}
@media(max-width:760px){
  .client-welcome-v2{align-items:flex-start;flex-direction:column;gap:16px}
  .assessment-head-v2{grid-template-columns:minmax(0,1fr);gap:16px}
  .progress-ring-v2{justify-self:start}
  .meta-v2{grid-template-columns:minmax(0,1fr)}
  .meta-v2>div+div{border-left:0;border-top:1px solid var(--dm-softline)}
  .progress-row-v2{grid-template-columns:minmax(0,1fr);gap:9px}
  .session-row-v2{grid-template-columns:auto minmax(0,1fr);row-gap:8px}
  .session-row-v2>i{grid-column:2}
  .steps-v2{grid-template-columns:repeat(2,1fr);row-gap:18px}
  .steps-v2::before{display:none}
  .assistant-v2{align-items:flex-start;flex-direction:column;gap:12px}
  .report-state-v2{gap:14px;padding:18px}
  .account-state-head{gap:14px;padding:18px}
  .account-progress-v2{grid-template-columns:minmax(0,1fr);gap:15px;padding:16px 18px 18px}
  .account-figure-v2{justify-self:start}
  .report-state-action{width:100%;justify-content:center}
  .card-actions-v2{grid-template-columns:minmax(0,1fr)}
  .ghost-v2{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .primary-v2,.session-row-v2,.progress-track-v2>span,.report-state-action,.ghost-v2{transition:none}
  .primary-v2:hover,.session-row-v2:hover,.report-state-action:hover{transform:none}
  .report-state-wait>i{animation:none;opacity:.7}
  .account-detail-v2 .progress-track-v2>span{transition:none}
}

html[data-client-theme="dark"] .client-dashboard-v2{--dm-ink:#e4eefa;--dm-line:#20384f;--dm-card:#0e2235;--dm-soft:#0b1c2c;--dm-softline:#1d3348;--dm-muted:#9cb3c9;
  --dm-shadow:0 16px 42px rgba(0,0,0,.28);--dm-shadow-sm:0 8px 24px rgba(0,0,0,.22)}
html[data-client-theme="dark"] .client-dashboard-v2 .eyebrow{color:#7fb4ff}
html[data-client-theme="dark"] .welcome-copy-v2>p b{color:#9ecdff}
html[data-client-theme="dark"] .assessment-top-v2>small{color:#8ca2b7}
html[data-client-theme="dark"] .assessment-head-v2 h2,html[data-client-theme="dark"] .section-head-v2 h2,html[data-client-theme="dark"] .progress-ring-v2 b{color:#e4eefa}
html[data-client-theme="dark"] .assessment-desc-v2 b{color:#9ecdff}
html[data-client-theme="dark"] .progress-ring-v2{background:conic-gradient(#4d8dff calc(var(--p)*1%),#1b3145 0)}
html[data-client-theme="dark"] .progress-ring-v2.done{background:conic-gradient(#2fd0b6 calc(var(--p)*1%),#1b3145 0)}
html[data-client-theme="dark"] .progress-ring-v2::after{background:#0e2235}
html[data-client-theme="dark"] .progress-ring-v2 small,html[data-client-theme="dark"] .meta-v2 small,html[data-client-theme="dark"] .progress-numbers-v2{color:#8ca2b7}
html[data-client-theme="dark"] .meta-v2 b,html[data-client-theme="dark"] .progress-numbers-v2 b,html[data-client-theme="dark"] .session-row-v2 b,html[data-client-theme="dark"] .step-v2 b,html[data-client-theme="dark"] .assistant-v2 b,html[data-client-theme="dark"] .quick-guide-v2 h3{color:#dfeaf6}
html[data-client-theme="dark"] .progress-track-v2{background:#1b3145}
html[data-client-theme="dark"] .report-state-v2.account-open{border-color:#22415f;background:linear-gradient(120deg,#0f2436,#0d1e2e)}
html[data-client-theme="dark"] .report-state-v2.account-open .report-state-icon{color:#9ecdff;background:#16324b}
html[data-client-theme="dark"] .report-state-v2.account-open .report-state-action.ghost{color:#9ecdff;border-color:#2a4a6b}
html[data-client-theme="dark"] .report-state-v2.account-open .report-state-action.ghost:hover{background:#16324b}
html[data-client-theme="dark"] .report-state-v2.account-open .account-progress-v2{border-color:#22415f}
html[data-client-theme="dark"] .account-figure-v2{background:conic-gradient(#4d8dff calc(var(--p)*1%),#1b3145 0)}
html[data-client-theme="dark"] .account-figure-v2.done{background:conic-gradient(#2fd0b6 calc(var(--p)*1%),#1b3145 0)}
html[data-client-theme="dark"] .account-figure-v2::after{background:#0e2235}
html[data-client-theme="dark"] .account-figure-v2 b{color:#e4eefa}
html[data-client-theme="dark"] .account-figure-v2 small,html[data-client-theme="dark"] .account-numbers-v2,html[data-client-theme="dark"] .account-tracks-v2>li,html[data-client-theme="dark"] .own-share-v2{color:#93a9bf}
html[data-client-theme="dark"] .account-numbers-v2 b,html[data-client-theme="dark"] .account-tracks-v2>li.done>span{color:#dfeaf6}
html[data-client-theme="dark"] .account-tracks-v2>li>i{color:#e0a83c}
html[data-client-theme="dark"] .account-tracks-v2>li.done>i{color:#2fd0b6}
html[data-client-theme="dark"] .account-tracks-v2 small{color:#7f93a9}
html[data-client-theme="dark"] .own-share-v2 b{color:#9ecdff}
html[data-client-theme="dark"] .quick-guide-v2 article+article{border-color:#1d3348}
html[data-client-theme="dark"] .quick-guide-v2 p,html[data-client-theme="dark"] .session-row-v2 small,html[data-client-theme="dark"] .step-v2 small,html[data-client-theme="dark"] .assistant-v2 small,html[data-client-theme="dark"] .journey-sub-v2{color:#93a9bf}
html[data-client-theme="dark"] .qnum-v2,html[data-client-theme="dark"] .session-icon-v2,html[data-client-theme="dark"] .assistant-icon-v2,html[data-client-theme="dark"] .count-pill-v2{color:#8fc0ff;background:#12304c}
html[data-client-theme="dark"] .session-row-v2{border-color:#1d3348;background:#0b1c2c}
html[data-client-theme="dark"] .session-row-v2:hover{border-color:#2f5c86;background:#102a41}
html[data-client-theme="dark"] .session-row-v2>i{color:#93a9bf}
html[data-client-theme="dark"] .steps-v2::before{background:#1d3348}
html[data-client-theme="dark"] .step-v2>i{border-color:#26405a;color:#8ca2b7;background:#12283b}
html[data-client-theme="dark"] .step-v2.done>i{border-color:#1c6153;color:#5fe3c4;background:#0e3b33}
html[data-client-theme="dark"] .step-v2.active>i{border-color:#2b5b96;color:#8fc0ff;background:#123253}
html[data-client-theme="dark"] .results-link-v2{color:#8fc0ff}
html[data-client-theme="dark"] .client-start-context .role-v2{color:#e2edf7;background:#0e2235;border-color:#20384f}
html[data-client-theme="dark"] .client-start-context .role-v2 h2,html[data-client-theme="dark"] .client-start-context .role-v2 dd{color:#e2edf7}
html[data-client-theme="dark"] .client-start-context .role-v2 .eyebrow,html[data-client-theme="dark"] .client-start-context .profile-link-v2{color:#95c4ff}
html[data-client-theme="dark"] .client-start-context .role-v2 dt,html[data-client-theme="dark"] .client-start-context .role-note-v2,html[data-client-theme="dark"] .client-start-context .role-mini-v2{color:#9cb3c9}
html[data-client-theme="dark"] .client-start-context .role-v2 dl>div{border-color:#20384f}
html[data-client-theme="dark"] .report-state-v2.building{border-color:#4a3a19;background:linear-gradient(120deg,#20190a,#161d29)}
html[data-client-theme="dark"] .report-state-v2.ready{border-color:#17564a;background:linear-gradient(120deg,#0b2b26,#0d2130)}
html[data-client-theme="dark"] .report-state-v2.building .report-state-icon{color:#f0c274;background:#2f2410}
html[data-client-theme="dark"] .report-state-v2.ready .report-state-icon{color:#5fe3c4;background:#0e3b33}
html[data-client-theme="dark"] .report-state-v2.building .eyebrow{color:#f0c274}
html[data-client-theme="dark"] .report-state-v2.ready .eyebrow{color:#5fe3c4}
html[data-client-theme="dark"] .report-state-copy>p b{color:#9ecdff}
html[data-client-theme="dark"] .report-state-action.ghost{border-color:#4a3a19;color:#f0c274}
html[data-client-theme="dark"] .report-state-action.ghost:hover{background:#241b0b}
html[data-client-theme="dark"] .ghost-v2{border-color:#1d3348;color:#8fc0ff}
html[data-client-theme="dark"] .ghost-v2:hover{border-color:#2f5c86;background:#102a41}