/* ============================================================================
   iBooster CRM - a operacao (v3): navegacao "Mais", plano do dia e "Ative seu
   Bolt" no Meu dia, Revisao semanal, Forecast do Painel e meta herdada.
   Prefixo .op-; so tokens de tokens.css e pecas de componentes.css/kit.css.
   ========================================================================== */

/* ---------------- navegacao em secoes ----------------
   Titulo da secao discreto (11px, tinta 3) com a seta que dobra; o cabecalho
   da secao do Bolt e o proprio lancador (marca em degrade), as telas dele logo
   abaixo. Secoes separadas por respiro, sem filete. */
#nav-principal{align-content:start;gap:2px}
.nav-secao{display:grid;gap:1px}
.nav-secao + .nav-secao{margin-top:6px}
.nav button.nav-secao-tit{min-height:24px;padding:10px 10px 4px;font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--ink-3);background:none}
.nav button.nav-secao-tit:hover{background:none;color:var(--ink-2)}
.nav button.nav-secao-tit svg{margin-left:auto;width:13px;height:13px;color:var(--ink-4);opacity:0;transition:transform var(--dur-2) var(--ease),opacity var(--dur-1) var(--ease)}
.nav button.nav-secao-tit:hover svg,.nav button.nav-secao-tit:focus-visible svg,.nav button.nav-secao-tit[aria-expanded="false"] svg{opacity:1}
.nav button.nav-secao-tit[aria-expanded="false"] svg{transform:rotate(-90deg)}
.nav-secao:first-child .nav-secao-tit{padding-top:4px}
.nav-secao-itens{display:grid;gap:1px}
.nav-secao-itens[hidden]{display:none}
/* a secao do Bolt: o lancador abre, as telas dele entram um pouco recuadas */
.nav-secao-bolt{padding-top:6px}
.nav .nav-secao-bolt > .nav-copiloto{margin-bottom:1px}
.nav .nav-secao-bolt .nav-secao-itens button{padding-left:18px}
@media (pointer:coarse){.nav button.nav-secao-tit svg{opacity:1}}
/* notebook de 900px: linhas um pouco mais baixas para as secoes caberem sem rolar tanto */
@media (min-width:1001px) and (max-height:980px){.lateral .nav .nav-secao-itens > button,.lateral .nav .nav-secao-bolt > .nav-copiloto{min-height:29px;padding-top:4px;padding-bottom:4px}.nav button.nav-secao-tit{padding-top:8px}}
/* trilho de icones (tela baixa): sem titulos e sem dobra, todas as telas a vista */
@media (min-width:1001px) and (max-height:720px){
  .nav-secao-itens[hidden]{display:grid}
  .nav-secao + .nav-secao{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}
  .nav .nav-secao-bolt .nav-secao-itens button{padding-left:0}
}

/* ---------------- Meu dia: plano + ativacao ---------------- */
.op-dia-topo{display:grid;gap:14px;margin-bottom:14px}
.op-dia-topo:has(.op-ativa:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start}
@media(max-width:1000px){.op-dia-topo:has(.op-ativa:not([hidden])){grid-template-columns:1fr}}

.op-plano{padding:16px 18px 10px}
.op-plano-cab{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.op-plano-cab-txt{flex:1;min-width:0}
.op-plano-cab h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--ls-ui)}
.op-plano-cab p{font-size:var(--fs-sm);margin-top:2px}
.op-plano-lista{list-style:none;display:grid;margin:0;padding:0}
.op-plano-lista > .esqueleto{margin:14px 0}
.op-plano-item{display:grid;grid-template-columns:22px 52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0}
.op-plano-item + .op-plano-item{box-shadow:0 -1px 0 var(--line-soft)}
.op-plano-n{width:22px;height:22px;border-radius:var(--r-full);display:grid;place-items:center;background:var(--surface-3);
  color:var(--ink-3);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}
.op-plano-quando{font:var(--fw-medium) var(--fs-sm)/1 var(--font-mono);color:var(--ink);display:flex;align-items:center}
.op-plano-quando svg{width:16px;height:16px;color:var(--ink-3)}
.op-plano-item[data-tipo="reuniao"] .op-plano-n{background:var(--info-soft);color:var(--info)}
.op-plano-check{background:transparent;border:1.5px solid var(--line-strong);color:transparent;cursor:pointer;transition:all var(--dur-2) var(--ease)}
.op-plano-check svg{width:12px;height:12px;stroke-width:3}
.op-plano-check:hover{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}
.op-plano-txt{display:grid;gap:2px;min-width:0}
.op-plano-txt b{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--ink)}
.op-plano-txt span{font-size:var(--fs-sm);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.op-plano-item .btn svg{width:14px;height:14px}
.op-plano-vazio{display:flex;align-items:center;gap:10px;padding:14px 0;color:var(--ink-2);font-size:var(--fs-sm)}
@media(max-width:600px){
  .op-plano{padding:14px 14px 8px}
  .op-plano-cab{flex-wrap:wrap}
  .op-plano-cab-txt{flex:1 1 calc(100% - 56px)}
  .op-plano-cab > .btn{margin-left:44px}
  .op-plano-txt b{white-space:normal;overflow:visible}
  .op-plano-rot{display:none}
  .op-plano-item{grid-template-columns:22px minmax(0,1fr) auto;row-gap:4px}
  .op-plano-quando{grid-column:2;grid-row:1;font-size:var(--fs-xs);color:var(--ink-3)}
  .op-plano-txt{grid-column:2;grid-row:2}
  .op-plano-item .btn{grid-column:3;grid-row:1 / span 2;padding:0 8px}
  .op-plano-n{grid-row:1 / span 2}
}

.op-ativa{padding:16px}
.op-ativa-cab{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.op-ativa-cab > div{flex:1;min-width:0}
.op-ativa-cab h3{font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.op-ativa-cab p{font-size:var(--fs-xs);margin-top:2px;line-height:var(--lh-ui)}
.op-ativa-lista{list-style:none;margin:0;padding:0;display:grid}
.op-ativa-lista li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0}
.op-ativa-lista li + li{box-shadow:0 -1px 0 var(--line-soft)}
.op-ativa-lista li > div{display:grid;gap:2px;min-width:0}
.op-ativa-lista b{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}
.op-ativa-lista span:not(.op-ativa-marca){font-size:var(--fs-xs);color:var(--ink-3);line-height:var(--lh-ui)}
.op-ativa-marca{width:18px;height:18px;border-radius:var(--r-full);border:1.5px solid var(--line-strong);display:grid;place-items:center;margin-top:1px}
.op-ativa-lista li.feito .op-ativa-marca{background:var(--ok);border-color:var(--ok);color:var(--on-brand)}
.op-ativa-lista li.feito b{color:var(--ink-3);font-weight:var(--fw-medium)}
.op-ativa-marca svg{width:11px;height:11px;stroke-width:3}

.op-agenda-linha{display:flex;align-items:center;gap:8px}
.op-agenda-linha > .linha-agenda{flex:1;min-width:0}
.op-agenda-linha > .btn{flex:none}
@media(max-width:600px){.op-agenda-linha{flex-wrap:wrap}.op-agenda-linha > .btn{margin-left:auto}}

/* ---------------- Revisao semanal ---------------- */
.op-rv{display:grid;gap:14px}
.op-rv > .grade{align-items:start}
.op-rv-cab{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.op-rv-cab-txt{flex:1;min-width:220px}
.op-rv-cab h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}
.op-rv-cab .sub{color:var(--ink-3);font-size:var(--fs-sm);margin-top:4px}
.op-rv-cab-acoes{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.op-rv-semana{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs)}
.op-rv-semana select{height:32px;min-width:190px}
.op-rv-resumo{background:var(--surface);border-radius:var(--r);box-shadow:var(--e1);padding:18px 20px}
.op-rv-resumo-tit{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--ink-2);margin-bottom:10px}
.op-rv-resumo-tit .status-pill{margin-left:auto}
.op-rv-resumo ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.op-rv-resumo li{position:relative;padding-left:18px;font-size:15px;line-height:var(--lh-read);color:var(--ink)}
.op-rv-resumo li::before{content:'';position:absolute;left:3px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--ink-4)}
.op-rv-kpi .n{margin-bottom:2px}
.op-delta{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);color:var(--ink-3)}
.op-delta svg{width:12px;height:12px;stroke-width:2.4}
.op-delta.sobe{color:var(--ok)}
.op-delta.desce{color:var(--warn)}
.op-link{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--brand)}
.op-link:hover{text-decoration:underline;text-underline-offset:3px}
.op-rv-nums{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:6px}
.op-rv-num{display:grid;gap:2px}
.op-rv-num b{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);font-variant-numeric:tabular-nums;line-height:var(--lh-tight)}
.op-rv-num span{font-size:var(--fs-xs);color:var(--ink-3)}
.op-rv-sub{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink-3);margin:14px 0 6px}
.op-rv-chips{display:flex;flex-wrap:wrap;gap:6px}
.op-rv-chips .pill b{font-weight:var(--fw-semibold);color:var(--ink)}
.op-rv-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 0;font-size:var(--fs-sm);text-align:left;color:var(--ink)}
button.op-rv-linha:hover{color:var(--brand)}
.op-rv-metas{display:grid;gap:14px}
.op-rv-meta{display:grid;gap:6px;justify-items:start}
.op-rv-meta-topo{display:flex;justify-content:space-between;gap:10px;width:100%;font-size:var(--fs-sm);color:var(--ink-2)}
.op-rv-meta-topo b{font-weight:var(--fw-semibold);color:var(--ink);font-variant-numeric:tabular-nums}
.op-rv-barra{position:relative;width:100%}
.op-rv-barra i{position:absolute;top:-4px;width:2px;height:14px;border-radius:2px;background:var(--ink-3);transform:translateX(-1px)}
.op-rv-metas + *,.op-rv .aviso-linha{margin-top:4px}
.op-rv .aviso-linha{margin-bottom:12px}
.op-rv-aviso{margin-top:12px}

.op-rv-time{display:grid}
.op-rv-pessoa{display:grid;grid-template-columns:minmax(180px,1.7fr) repeat(5,minmax(64px,.7fr)) minmax(120px,1.3fr);align-items:center;gap:10px;padding:10px 0}
.op-rv-pessoa + .op-rv-pessoa{box-shadow:0 -1px 0 var(--line-soft)}
.op-rv-quem{display:flex;align-items:center;gap:10px;min-width:0}
.op-rv-quem > div{display:grid;min-width:0}
.op-rv-quem b{font-size:var(--fs-sm);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.op-rv-quem .silencio{font-size:var(--fs-xs)}
.op-rv-est{display:grid;gap:1px;min-width:0}
.op-rv-est b{font-size:var(--fs-lg);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}
.op-rv-est span{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-rv-est.atencao b{color:var(--warn)}
@media(max-width:1100px){
  .op-rv-pessoa{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}
  .op-rv-quem{grid-column:1 / -1}
}
/* no celular cada numero vira uma linha curta ("2 reunioes"), sem a pilha numero/rotulo */
@media(max-width:600px){
  .op-rv-pessoa{row-gap:4px;column-gap:8px}
  .op-rv-est{display:flex;align-items:baseline;gap:4px}
  .op-rv-est b{font-size:var(--fs-md)}
  .op-rv-est span{font-size:var(--fs-xs)}
  .op-rv-est .op-rv-extra{display:none}
}
.op-rv-prio{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0}
.op-rv-prio[data-abrir-conta]{cursor:pointer}
.op-rv-prio[data-abrir-conta]:hover .op-rv-prio-txt b{color:var(--brand)}
.op-rv-prio-n{width:22px;height:22px;border-radius:var(--r-full);display:grid;place-items:center;background:var(--surface-3);color:var(--ink-3);font-size:var(--fs-2xs);font-weight:var(--fw-semibold)}
.op-rv-prio-txt{display:grid;gap:2px;min-width:0}
.op-rv-prio-txt b{font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:color var(--dur-1) var(--ease)}
.op-rv-prio-txt span{font-size:var(--fs-xs);color:var(--ink-2);line-height:var(--lh-ui)}
.op-rv-prio-txt .silencio{color:var(--ink-3)}
@media(max-width:600px){.op-rv-prio{grid-template-columns:24px minmax(0,1fr)}.op-rv-prio > .btn{grid-column:2;justify-self:start}}
.op-rv-rank{display:grid;grid-template-columns:32px 22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;font-size:var(--fs-sm)}
.op-rv-rank b{font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}
.op-rv-pos{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--ink-3);font-variant-numeric:tabular-nums}
.op-rv-pos.podio{color:var(--ink)}
.op-rv-politica{display:grid;gap:8px;justify-items:start}
.op-rv-politica p{font-size:var(--fs-sm);color:var(--ink-2);line-height:var(--lh-ui)}
.op-rv-como,.op-meta-pessoas{padding:0}
.op-rv-como > summary{display:flex;align-items:center;gap:8px;padding:14px 18px;cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--ink-2);list-style:none}
.op-rv-como > summary::-webkit-details-marker{display:none}
.op-rv-como > summary svg{width:16px;height:16px;color:var(--ink-3)}
.op-rv-como-corpo{padding:0 18px 16px;display:grid;gap:8px;font-size:var(--fs-sm);color:var(--ink-2);line-height:var(--lh-ui)}
.op-rv-como-corpo ul{margin:0;padding-left:18px;display:grid;gap:4px}
.op-rv-lacunas-tit{font-weight:var(--fw-semibold);color:var(--ink);margin-top:6px}

/* ---------------- Painel: Forecast ---------------- */
.op-forecast{margin-bottom:14px}
.op-fc-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(200px,240px);gap:0}
.op-fc-mes{display:grid;align-content:start;gap:6px;padding:4px 18px}
.op-fc-mes:first-child{padding-left:0}
.op-fc-mes + .op-fc-mes{box-shadow:-1px 0 0 var(--line-soft)}
.op-fc-nome{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink-3)}
.op-fc-commit{display:grid;gap:2px}
.op-fc-commit b{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);font-variant-numeric:tabular-nums;line-height:var(--lh-tight)}
.op-fc-commit span,.op-fc-prov{font-size:var(--fs-xs);color:var(--ink-3)}
.op-fc-itens{display:grid;margin-top:4px}
.op-fc-item{display:flex;justify-content:space-between;gap:8px;padding:6px 0;font-size:var(--fs-sm);text-align:left;color:var(--ink);box-shadow:0 -1px 0 var(--line-soft)}
.op-fc-item:hover{color:var(--brand)}
.op-fc-nada{font-size:var(--fs-xs);margin-top:4px}
.op-fc-lado{display:grid;gap:8px;align-content:start;padding-left:14px}
.op-fc-extra{display:grid;gap:2px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);box-shadow:var(--e1)}
.op-fc-extra b{font-size:var(--fs-lg);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}
.op-fc-extra span{font-size:var(--fs-xs);color:var(--ink-3)}
.op-fc-extra .op-fc-valor{color:var(--ink-2);font-weight:var(--fw-medium)}
@media(max-width:1100px){.op-fc-grade{grid-template-columns:repeat(3,minmax(0,1fr))}.op-fc-lado{grid-column:1 / -1;grid-template-columns:1fr 1fr;padding:12px 0 0}}
@media(max-width:700px){
  .op-fc-grade{grid-template-columns:1fr}
  .op-fc-mes,.op-fc-mes:first-child{padding:12px 0}
  .op-fc-mes + .op-fc-mes{box-shadow:0 -1px 0 var(--line-soft)}
}

/* ---------------- Metas: herdada e por pessoa ---------------- */
.op-meta-herdada{align-items:center;margin-bottom:14px;flex-wrap:wrap}
.op-meta-herdada > span{flex:1;min-width:200px}
.op-meta-pessoas{margin-top:14px}
.op-meta-pessoas > summary{cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--ink-2);padding:6px 0}
.op-meta-pessoas .dica{margin:4px 0 10px}
.op-meta-tabela{display:grid;grid-template-columns:minmax(110px,1.2fr) repeat(4,minmax(64px,1fr));gap:6px 8px;align-items:center;max-height:320px;overflow:auto}
.op-meta-tabela > span{font-size:var(--fs-2xs)}
.op-meta-tabela > b{font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.op-meta-tabela input{height:32px;padding:0 8px}

/* ---------------- Equipe: respiro antes da ativacao ---------------- */
#bolt-ativacao-equipe{margin-top:18px}

/* ---------------- Sales: podio sem emoji e regra dobrada ---------------- */
.sales-linha .pos.op-podio{justify-self:center;width:32px;height:32px;border-radius:var(--r-full);display:grid;place-items:center;
  font-size:var(--fs-sm);background:var(--surface-3);color:var(--ink)}
.sales-linha.lider .pos.op-podio{background:var(--brand-soft);color:var(--brand)}
.op-sales-regra > summary{list-style:none;cursor:pointer}
.op-sales-regra > summary::-webkit-details-marker{display:none}
.op-sales-regra > summary h4{margin:0}
.op-sales-regra[open] > summary h4{margin-bottom:10px}
.sales-linha .pos{font-size:var(--fs-sm)}