/* Inicio Pro: marco común, caso conversacional y listas de trabajo. */
.canvas.hi-canvas { padding:0;overflow-y:auto; }
/* El marco cambia junto con la reserva del riel, sin interpolar su ancho. */
#asApp[data-pro-page="inicio"] { transition:none; }
/* El ancho y los márgenes exteriores pertenecen a asesor-layout-tokens.css. */
.hi-workspace { --hi-start-space:64px;width:100%;padding-top:var(--hi-start-space);color:var(--ink); }
/* La portada respira en escritorio; la altura reducida y el móvil ahorran espacio. */
@media(max-height:800px) {
 .hi-workspace { --hi-start-space:32px; }
}
@media(max-width:760px) {
 .hi-workspace { --hi-start-space:24px; }
}
.hi-workspace * { box-sizing:border-box; }
.hi-content { min-width:0; }
.hi-content button { appearance:none;-webkit-appearance:none;font:inherit;cursor:pointer;box-shadow:none; }
.hi-content button:focus-visible { outline:2px solid var(--brand);outline-offset:3px; }
.hi-content button:disabled { cursor:default;opacity:.65; }
.hi-content svg { width:18px;height:18px;flex-shrink:0; }
.hi-content h1,.hi-content h2,.hi-content p { margin:0; }
.hi-workspace .hi-link { display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--brand);padding:9px 4px;min-height:36px;font-size:13px;font-weight:500;line-height:1.4; }
.hi-workspace .hi-link:hover { text-decoration:none;text-underline-offset:3px; }

/* Jerarquía propia de Inicio sobre la paleta común aprobada en Mis métricas. */
#asApp[data-pro-page="inicio"] :is(.hi-workspace, .topbar) {
  --ink: var(--qv-content-ink, #0b1220);
  --hi-heading-ink: #1f2937;
  --hi-nav-ink: #334155;
  --hi-functional-ink: #475569;
  --mut: var(--qv-content-muted, #64748b);
  --bg: var(--pro-page-surface);
  --card: var(--qv-surface, #fff);
  --line: var(--qv-divider, #e9edf2);
  --brand: #0d99ff;
  --brand-d: var(--brand);
  --brand-50: #e5f3ff;
  --hi-hover: var(--qv-neutral-hover, #e5e7eb);
  --hi-border: var(--qv-surface-border, #e3e9f0);
}
#asApp[data-pro-page="inicio"] .hi-canvas { background: var(--pro-page-surface); }
#asApp[data-pro-page="inicio"] .topbar { background: var(--card); border-color: var(--hi-border); }
#asApp[data-pro-page="inicio"] .tb-context { color:var(--hi-heading-ink); }
@media (max-width:1024px), (hover:none) {
  #asApp[data-pro-page="inicio"] .pro-nav-toggle:not([aria-expanded="true"]) { color:var(--hi-nav-ink); }
  #asApp[data-pro-page="inicio"] .tb-right .tb-btn:not(:hover):not([aria-expanded="true"]):not([aria-pressed="true"]) { color:var(--hi-functional-ink); }
}

/* Inicio de recomendación: lectura central y dos listas abiertas equivalentes. */
.hi-hero { max-width:840px;margin:0 auto;text-align:center; }
.hi-hero .hi-greeting { font-size:13px;line-height:1.5;color:var(--mut);margin-bottom:16px; }
.hi-hero h1 { font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--ink); }
.hi-composer-stage { position:relative;max-width:680px;margin:32px auto 0; }
.hi-case-entry { position:relative;z-index:2; }
.hi-direct { display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:24px; }
.hi-direct .hi-link { color:var(--brand);min-width:0;flex-shrink:1; }
.hi-direct svg { width:16px;height:16px; }
.hi-direct-separator { width:1px;height:20px;background:var(--line);flex-shrink:0; }
.hi-direct [hidden] { display:none!important; }
.hi-direct .hi-primary { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:9px 16px;border:0;border-radius:var(--r-pill);background:var(--brand);color:white;font-size:13px;font-weight:500; }
.hi-team-count { padding:12px;font-size:11px;font-weight:600;line-height:18px;color:var(--mut); }
.hi-workspace .hi-team-message { display:inline-flex;align-items:center;gap:6px;flex:none;max-width:145px;min-height:36px;padding:4px;border:0;background:transparent;color:var(--brand);font-size:13px;font-weight:500;line-height:20px;text-align:left;cursor:pointer; }
.hi-workspace .hi-team-message svg { width:16px;height:16px; }
@media(max-width:600px),(pointer:coarse) {
 .hi-workspace .hi-team-message { min-height:44px; }
 .hi-workspace .hi-team-message { max-width:108px; }
}
@media(max-width:600px),(pointer:coarse) {
 .hi-direct .hi-primary { min-height:44px; }
}
.hi-work-lists { --hi-list-divider:#d5dde7;--hi-row-height:88px;--err:#b42318;--warn:#945500;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;max-width:880px;margin:64px auto 0; }
.hi-work-lists::before { content:"";position:absolute;inset-block:12px 0;left:50%;width:1px;background:var(--hi-list-divider); }
.hi-open-section { min-width:0; }
.hi-open-head { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-inline:12px;border-bottom:1px solid var(--hi-list-divider); }
.hi-open-head h2 { display:flex;align-items:baseline;gap:8px;font-size:16px;line-height:1.4;font-weight:600;color:var(--hi-heading-ink); }
.hi-open-head .hi-link { min-height:44px;border-radius:0;font-size:13px;font-weight:400;color:var(--mut); }
.hi-open-head .hi-link:hover { color:var(--brand); }
.hi-open-head svg { width:16px;height:16px; }
.hi-open-head .hi-link svg { order:2; }
.hi-task-list,.hi-recent-list,.hi-team-list { list-style:none;padding:0;margin:0; }
.hi-task,.hi-recent-list>li,.hi-team-list>li { border-bottom:1px solid var(--hi-list-divider); }
.hi-task-list>li:last-child,.hi-recent-list>li:last-child,.hi-team-list>li:last-child { border-bottom:0; }
.hi-quote-row,.hi-team-row { display:flex;width:100%;align-items:center;gap:12px;text-align:left;border:0;background:transparent;height:var(--hi-row-height);padding:12px;color:var(--hi-heading-ink); }
.hi-quote-icon { display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mut);width:24px;padding-top:3px; }
.hi-quote-icon.is-error { color:var(--err); }
.hi-quote-body { display:grid;flex:1;gap:3px;min-width:0; }
.hi-team-person { align-content:center;align-self:stretch;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:8px; }
.hi-team-chevron { padding:0;border:0;background:transparent;cursor:pointer;border-radius:8px; }
.hi-team-chevron svg { width:16px;height:16px; }
@media(hover:hover) {
 .hi-team-row:has(.hi-team-person:hover,.hi-team-chevron:hover) { background:var(--pro-row-hover); }
 .hi-team-row:has(.hi-team-person:hover,.hi-team-chevron:hover) :is(.hi-team-person strong,.hi-team-chevron) { color:var(--brand); }
}
.hi-team-person:focus-visible,.hi-team-chevron:focus-visible { outline:2px solid var(--brand);outline-offset:2px; }
@media(max-width:600px),(pointer:coarse) {
 .hi-team-chevron { height:44px; }
}
.hi-quote-body strong { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:20px;font-weight:600;overflow-wrap:anywhere; }
.hi-quote-row .hi-open svg { width:16px;height:16px; }
.hi-quote-meta { display:flex;flex-wrap:wrap;gap:0 12px;align-items:center;font-size:12px;line-height:18px;color:var(--mut); }
.hi-quote-meta>span:first-child { flex-shrink:0; }
.hi-quote-activity { min-width:0; }
.hi-quote-activity.is-error { color:var(--err); }
.hi-task-row { display:flex;align-items:center;gap:12px;height:var(--hi-row-height);width:100%;padding:12px;border:0;background:transparent;text-align:left;color:var(--hi-heading-ink); }
.hi-task-content { flex:1;min-width:0; }
.hi-task-title { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:20px;font-weight:500; }
.hi-task-meta { display:flex;align-items:center;gap:4px 16px;margin-top:3px;color:var(--mut);font-size:12px;line-height:18px; }
.hi-task.is-overdue .hi-task-when { color:var(--err); }
.hi-task.is-today .hi-task-when { color:var(--warn); }
.hi-task-person { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-size:13px;font-weight:400; }
.hi-task-when { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hi-task-icon { display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mut);width:24px;padding-top:3px; }
.hi-open { display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:var(--mut); }
.hi-empty { display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0;min-height:160px;text-align:left;color:var(--mut);font-size:14px;line-height:1.6; }
.hi-empty strong { font-weight:500;color:var(--hi-heading-ink); }
.hi-empty p { margin-top:4px; }
.hi-agenda-actions { display:flex;gap:12px;flex-wrap:wrap;margin-top:12px; }
/* Resumen contextual del header; sin franja ni separador bajo los KPIs. */
.hi-goals { width:fit-content;max-width:100%;margin-inline:auto; }
.hi-goals-loading { min-height:var(--pro-summary-row-height); }
.hi-goals-row { appearance:none;-webkit-appearance:none;display:block;width:100%;min-height:var(--pro-summary-row-height);padding:0;border:0;border-radius:0;background:transparent;color:var(--hi-heading-ink);font:inherit;text-align:center;cursor:pointer;box-shadow:none; }
.hi-goals-row:focus-visible { outline:2px solid var(--brand);outline-offset:3px; }
.hi-goals-slot { display:flex;align-items:center;justify-content:center;min-height:var(--pro-summary-row-height); }
.hi-goals-invite { position:relative;display:flex;align-items:center; }
.hi-goals-widget { position:relative;display:flex;align-items:center;max-width:100%;box-sizing:border-box; }
.hi-goals-prompt { display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:32px;padding-inline:12px;border-radius:var(--r-pill);background:var(--brand-50,#e8f4ff);color:var(--brand);font-size:13px;font-weight:500;line-height:20px;white-space:nowrap; }
.hi-goals-prompt>svg { width:14px;height:14px;flex:none; }
@media(max-width:700px),(pointer:coarse) {
 .hi-goals-prompt { min-height:44px; }
}
.hi-goals-summary { display:flex;align-items:center; }
.hi-goal { position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding-inline:12px; }
.hi-goal + .hi-goal::before { content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:var(--line); }
.hi-goal-ring { display:block;width:28px;height:28px;flex:none;fill:none;stroke-width:3; }
.hi-goal-track { stroke:var(--line); }
.hi-goal-progress { stroke:var(--brand);transform:rotate(-90deg);transform-origin:16px 16px; }
.hi-goal-copy { display:flex;flex-direction:column;align-items:flex-start;min-width:0; }
.hi-goal-label { font-size:12px;line-height:16px;font-weight:400;color:var(--mut);white-space:nowrap; }
.hi-goal-value { display:flex;align-items:baseline;gap:6px;white-space:nowrap; }
.hi-goal strong { font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.hi-goal-amount { font-size:12px;line-height:18px;font-weight:400;color:var(--mut);font-variant-numeric:tabular-nums; }
@media(max-width:1200px) {
 .hi-goal-amount { display:none; }
}
.hi-issue { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 20px;font-size:13px;color:var(--mut);line-height:1.5; }
.hi-issue>svg { color:var(--err); }
.hi-issue p { flex:1;min-width:140px; }
.hi-sr { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
/* El regreso pertenece al shell, debajo de Menú y antes del iframe. */
.pro-home-navigation[hidden] { display:none!important; }
.sim-host > .pro-home-navigation { display:flex;align-self:flex-start;flex-shrink:0;margin:12px 0 4px var(--pro-home-nav-left,var(--pro-page-gutter)); }
.pro-home-navigation button { display:flex;align-items:center;gap:var(--pro-home-nav-gap,6px);min-height:44px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--mut);font:500 13px/1.4 Inter,sans-serif;cursor:pointer;white-space:nowrap; }
.pro-home-navigation button:hover { color:var(--ink);background:var(--qv-neutral-surface,#f3f4f6); }
.pro-home-navigation svg { width:16px;height:16px;flex:none; }
.topbar .pro-home-title { grid-column:2;grid-row:1;justify-self:center;font:600 13px/1.4 Inter,sans-serif;color:var(--hi-heading-ink,#1f2937);white-space:nowrap; }
.pro-home-title[hidden] { display:none!important; }
#asApp[data-pro-page="inicio"] .tb-home { display:none; }
#asApp.has-home-assistant .tb-section { display:none; }
@media(max-width:600px) {
 #asApp[data-pro-page="inicio"].has-home-assistant .topbar { grid-template-columns:auto minmax(0,1fr) auto; }
 #asApp.has-home-assistant .tb-brand,#asApp.has-home-assistant #proNavToggle>.pro-nav-chevron { display:none; }
 #asApp.has-home-assistant #proNavToggle { width:44px;padding:0;justify-content:center; }
 .topbar .pro-home-title { display:none; }
}
#asApp.has-home-assistant > #asCanvas { display:none; }
#asApp.has-home-assistant > #asSimHost { grid-column:1 / -1; }
@media(max-width:600px) {
 #asApp[data-pro-page="inicio"].has-home-assistant .topbar { grid-template-columns:minmax(0,1fr) auto;gap:4px; }
 #asApp[data-pro-page="inicio"] .tb-left { gap:8px;margin-left:8px; }
 #asApp[data-pro-page="inicio"] .tb-brand { gap:5px; }
 #asApp[data-pro-page="inicio"] .tb-logo { height:22px; }
 #asApp[data-pro-page="inicio"] .tb-right { gap:0; }
 #asApp[data-pro-page="inicio"] .tb-right .tb-avatar { width:44px; }
}
@media(hover:hover) {
 .hi-quote-row:hover,.hi-task-row:hover { background:var(--pro-row-hover); }
 #asApp[data-pro-page="inicio"] .hi-work-lists :is(.hi-quote-row:hover .hi-quote-body strong,.hi-quote-row:hover .hi-open,.hi-task-row:hover .hi-task-title,.hi-task-row:hover .hi-open) { color:var(--brand); }
}
@media(max-width:700px) {
 .hi-hero h1 { font-size:24px;text-wrap:balance; }
 .hi-work-lists { --hi-row-height:104px;grid-template-columns:minmax(0,1fr);gap:28px; }
 .hi-work-lists::before { display:none; }
 .hi-task-meta { display:grid;gap:0; }
 .hi-goals-summary { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
 .hi-goals-summary[data-count="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hi-goal { gap:6px;padding-inline:8px; }
 .hi-goal-ring { width:24px;height:24px; }
 .hi-goal-copy { align-items:center; }
}
@media(max-width:440px) {
 .hi-goals-widget:not(.hi-goals-invite) .hi-goal { display:grid;grid-template-columns:auto auto;gap:0 4px; }
 .hi-goals-widget:not(.hi-goals-invite) .hi-goal-copy { display:contents; }
 .hi-goals-widget:not(.hi-goals-invite) .hi-goal-label { grid-column:1 / -1;grid-row:1;text-align:center; }
 .hi-goals-widget:not(.hi-goals-invite) .hi-goal-ring { grid-column:1;grid-row:2; }
 .hi-goals-widget:not(.hi-goals-invite) .hi-goal-value { grid-column:2;grid-row:2; }
}
@media(max-width:380px) {
 .hi-goal { padding-inline:6px;gap:4px; }
 .hi-goal-ring { width:20px;height:20px; }
}
@media(max-width:640px) {
 .hi-direct { gap:12px; }
 .hi-open { min-height:44px; }
}
@media(max-width:600px),(pointer:coarse) {
 .hi-workspace .hi-link { min-height:44px; }
}