/* ============================================================================ CooperBedin SmartEnergy - identidade e shell do produto (Sprint 1) Escopo: #cooperBedinView + body.syn-body--cooperbedin-active Produto independente: navegacao, identidade e fluxo proprios. ============================================================================ */ :root { --cb-red: #ce1b2c; --cb-red-dark: #a8121f; --cb-ink: #16181d; --cb-text: #1b1e26; --cb-muted: #6b7280; --cb-line: rgba(20, 22, 28, 0.10); --cb-bg: #f4f5f7; --cb-surface: #ffffff; --cb-row-alternada: color-mix(in srgb, var(--cb-bg) 50%, var(--cb-surface)); --cb-row-hover: var(--cb-bg); --cb-ok: #15803d; --cb-ok-bg: rgba(22, 163, 74, 0.12); --cb-aten: #b45309; --cb-aten-bg: rgba(245, 158, 11, 0.15); --cb-off: #64748b; --cb-off-bg: rgba(100, 116, 139, 0.14); } /* Tela cheia imersiva: esconde o chrome herdado enquanto a app esta aberta */ .syn-body--cooperbedin-active .app-shell__sidebar { display: none !important; } /* UM scroll principal, e ele e o `.cb-content`. O documento por tras nao pode rolar junto: o modulo e uma sobreposicao `fixed`, entao um scroll no body produziria uma SEGUNDA barra que nao move nada do que esta na tela. Aqui a trava e explicita e vinculada ao proprio modulo - antes ela dependia de `body:has(#panelScreen:not(.hidden))`, um seletor de outra camada. */ .syn-body--cooperbedin-active, html:has(body.syn-body--cooperbedin-active) { overflow: hidden; } /* O documento não rola: não reservar a faixa de 15px herdada para uma barra inexistente. */ html:has(body.syn-body--cooperbedin-active), .syn-body--cooperbedin-active { scrollbar-gutter: auto; } /* O modulo para ACIMA do rodape herdado, em vez de cobri-lo. `inset: 0` com `z-index: 200` passava por cima do `.syn-app-footer` (fixed, bottom 0, z-index 45): o rodape ficava inacessivel, e a altura util do modulo era a do viewport inteiro - o conteudo terminava atras dele. Descontando a altura do rodape, o rodape volta a aparecer e nada e cortado. A variavel e a mesma que o layout base ja usa. */ .syn-body--cooperbedin-active #cooperBedinView { position: fixed; top: 0; right: 0; left: 0; bottom: var(--syn-app-footer-height, 30px); z-index: 200; margin: 0; padding: 0; background: var(--cb-bg); } #cooperBedinView .cb-shell { display: flex; flex-direction: column; height: 100%; padding: 0; margin: 0; background: var(--cb-bg); color: var(--cb-text); font-family: "Manrope", system-ui, sans-serif; } /* ── Topbar (identidade) ─────────────────────────────────────────────────── */ #cooperBedinView .cb-topbar { align-items: center; background: var(--cb-ink); color: #fff; display: flex; flex: 0 0 auto; justify-content: space-between; padding: 0 20px; height: 56px; } #cooperBedinView .cb-logo { align-items: center; display: flex; gap: 11px; } #cooperBedinView .cb-logo__mark { color: #fff; display: inline-flex; } #cooperBedinView .cb-logo__text { display: flex; flex-direction: column; line-height: 1; } #cooperBedinView .cb-logo__word { font-size: 1.05rem; font-weight: 800; letter-spacing: 0.02em; } #cooperBedinView .cb-logo__sep { color: rgba(255, 255, 255, 0.4); margin: 0 3px; font-weight: 400; } #cooperBedinView .cb-logo__red { color: var(--cb-red); } #cooperBedinView .cb-logo__product { color: rgba(255, 255, 255, 0.62); font-size: 0.66rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; margin-top: 3px; } #cooperBedinView .cb-topbar__right { align-items: center; display: flex; gap: 16px; } #cooperBedinView .cb-topbar__comp { color: rgba(255, 255, 255, 0.75); font-size: 0.82rem; } #cooperBedinView .cb-topbar__comp strong { color: #fff; } #cooperBedinView .cb-topbar__exit { background: transparent; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 7px; color: #fff; cursor: pointer; font-size: 0.8rem; padding: 6px 14px; } #cooperBedinView .cb-topbar__exit:hover { background: rgba(255, 255, 255, 0.1); } /* Versão ao lado da marca, separada por um fio: duas linhas no ritmo do logo (versão e estado em cima, data embaixo com o tratamento do "SmartEnergy"): ✓ Atualizado, verificando, ! sem verificação, ou o botão Atualizar no estilo do "Sair" com o ponto vermelho da marca. */ #cooperBedinView .cb-versao-bloco { align-items: center; display: flex; gap: 12px; margin-left: 5px; } #cooperBedinView .cb-versao { border-left: 1px solid rgba(255, 255, 255, 0.16); display: flex; flex-direction: column; font-variant-numeric: tabular-nums; line-height: 1; padding-left: 16px; white-space: nowrap; } #cooperBedinView .cb-versao__linha { align-items: center; display: flex; gap: 8px; } #cooperBedinView .cb-versao__num { color: rgba(255, 255, 255, 0.78); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em; } #cooperBedinView .cb-versao__data { color: rgba(255, 255, 255, 0.5); font-size: 0.66rem; font-weight: 600; letter-spacing: 0.08em; margin-top: 4px; } #cooperBedinView .cb-versao__estado { align-items: center; display: inline-flex; font-size: 0.66rem; font-weight: 700; gap: 3px; letter-spacing: 0.04em; } #cooperBedinView .cb-versao__estado--ok { color: #6ee7a0; } #cooperBedinView .cb-versao__estado--falha { background: rgba(255, 255, 255, 0.12); border-radius: 50%; color: rgba(255, 255, 255, 0.7); height: 14px; justify-content: center; width: 14px; } #cooperBedinView .cb-versao__giro { animation: cb-versao-giro 0.9s linear infinite; border: 1.5px solid rgba(255, 255, 255, 0.25); border-radius: 50%; border-top-color: rgba(255, 255, 255, 0.8); display: inline-block; height: 9px; width: 9px; } @keyframes cb-versao-giro { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { #cooperBedinView .cb-versao__giro { animation: none; } } #cooperBedinView .cb-versao__atualizar { align-items: center; background: transparent; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 7px; color: #fff; cursor: pointer; display: inline-flex; font: inherit; font-size: 0.8rem; font-weight: 700; gap: 7px; padding: 6px 12px; white-space: nowrap; } #cooperBedinView .cb-versao__atualizar:hover { background: rgba(255, 255, 255, 0.1); } #cooperBedinView .cb-versao__atualizar:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } #cooperBedinView .cb-versao__ponto { background: var(--cb-red); border-radius: 50%; box-shadow: 0 0 0 3px rgba(206, 27, 44, 0.28); height: 7px; width: 7px; } #cooperBedinView .cb-versao__ponto--pulso { animation: cb-versao-pulso 1.6s ease-out 3; animation-delay: var(--cb-versao-pulso-atraso, 0ms); } @keyframes cb-versao-pulso { 0% { box-shadow: 0 0 0 3px rgba(206, 27, 44, 0.28); } 75%, 100% { box-shadow: 0 0 0 9px rgba(206, 27, 44, 0); } } @media (prefers-reduced-motion: reduce) { #cooperBedinView .cb-versao__ponto--pulso { animation: none; } } #cooperBedinView .cb-versao__nova { color: rgba(255, 255, 255, 0.55); font-size: 0.7rem; font-weight: 600; } /* Celular: a versão em si sai (fica no título), o Atualizar encolhe e a barra aperta as margens para "Sair" nunca sair da tela. */ @media (max-width: 560px) { #cooperBedinView .cb-versao, #cooperBedinView .cb-versao__nova { display: none; } #cooperBedinView .cb-topbar { padding: 0 12px; } #cooperBedinView .cb-topbar__right { gap: 8px; } #cooperBedinView .cb-logo { gap: 8px; } #cooperBedinView .cb-versao__atualizar { font-size: 0.74rem; gap: 6px; padding: 5px 9px; } #cooperBedinView .cb-topbar__exit { padding: 6px 10px; } } /* ── Barra de contexto: competencia como objeto operacional de trabalho ──── As setas de mes anterior/seguinte foram removidas; o resto do cabecalho permanece. A regra `.cb-compbar__seta` saiu junto com os botoes - nao ha mais elemento com essa classe, e mante-la seria CSS orfao. */ #cooperBedinView .cb-compbar { align-items: flex-end; background: var(--cb-surface); border-bottom: 1px solid var(--cb-line); display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: space-between; padding: 12px 22px; } #cooperBedinView .cb-compbar__ctx { display: flex; flex-direction: column; gap: 2px; min-width: 0; } #cooperBedinView .cb-compbar__rot { color: var(--cb-muted); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } #cooperBedinView .cb-compbar__val { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; } #cooperBedinView .cb-compbar__mes { color: var(--cb-ink); font-size: 1.28rem; font-weight: 800; line-height: 1.1; text-transform: capitalize; } #cooperBedinView .cb-compbar__estado { border-radius: 999px; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.03em; } #cooperBedinView .cb-compbar__estado--aberta { background: var(--cb-aten-bg); color: var(--cb-aten); } #cooperBedinView .cb-compbar__estado--andamento { background: rgba(29, 78, 216, 0.12); color: #1d4ed8; } #cooperBedinView .cb-compbar__estado--incompleta { background: var(--cb-aten-bg); color: var(--cb-aten); } #cooperBedinView .cb-compbar__estado--concluida { background: var(--cb-ok-bg); color: var(--cb-ok); } #cooperBedinView .cb-compbar__estado--apurada { background: var(--cb-ok-bg); color: var(--cb-ok); } #cooperBedinView .cb-compbar__estado--sem-dados { background: var(--cb-off-bg); color: var(--cb-off); } #cooperBedinView .cb-compbar__hint { color: var(--cb-muted); font-size: 0.8rem; margin-top: 1px; } #cooperBedinView .cb-compbar__resumo { align-items: center; color: var(--cb-text); display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 5px; } #cooperBedinView .cb-compbar__resumo--vazio { color: var(--cb-muted); font-size: 0.82rem; font-style: italic; } #cooperBedinView .cb-compbar__stat { font-size: 0.84rem; font-weight: 700; position: relative; } #cooperBedinView .cb-compbar__stat + .cb-compbar__stat { padding-left: 13px; } #cooperBedinView .cb-compbar__stat + .cb-compbar__stat::before { color: var(--cb-line); content: "·"; left: 4px; position: absolute; } #cooperBedinView .cb-compbar__stat--ok { color: var(--cb-ok); } #cooperBedinView .cb-compbar__stat--aten { color: var(--cb-aten); } #cooperBedinView .cb-compbar__stat--red { color: var(--cb-red-dark); } #cooperBedinView .cb-compbar__nav { display: flex; flex-direction: column; gap: 4px; min-width: 220px; } #cooperBedinView .cb-compbar__nav .cb-input { min-width: 220px; } /* ── Corpo: sidebar + conteudo ──────────────────────────────────────────── */ #cooperBedinView .cb-body { display: flex; flex: 1 1 0; min-height: 0; min-width: 0; } /* O menu começa sempre sob o cabeçalho. A barra do mês pertence à coluna de trabalho: sua presença ou ausência não altera o tamanho do menu entre as telas. */ #cooperBedinView .cb-workspace { display: flex; flex: 1 1 0; flex-direction: column; min-height: 0; min-width: 0; } #cooperBedinView .cb-workspace > .cb-compbar { flex: 0 0 auto; } #cooperBedinView .cb-sidebar { background: var(--cb-surface); border-right: 1px solid var(--cb-line); flex: 0 0 240px; padding: 12px 10px; display: flex; flex-direction: column; gap: 2px; overflow-y: auto; } #cooperBedinView .cb-navitem { align-items: center; background: transparent; border: 0; border-radius: 9px; color: var(--cb-text); cursor: pointer; display: flex; gap: 11px; font-size: 0.9rem; padding: 10px 12px; text-align: left; width: 100%; } #cooperBedinView .cb-navitem__icon { color: var(--cb-muted); display: inline-flex; } #cooperBedinView .cb-navitem__icon svg { width: 19px; height: 19px; } #cooperBedinView .cb-navitem:hover { background: rgba(20, 22, 28, 0.045); } #cooperBedinView .cb-navitem.is-active { background: rgba(206, 27, 44, 0.09); color: var(--cb-red-dark); font-weight: 700; } #cooperBedinView .cb-navitem.is-active .cb-navitem__icon { color: var(--cb-red); } #cooperBedinView .cb-navgrupo { color: var(--cb-muted); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.06em; padding: 12px 12px 4px; text-transform: uppercase; } /* O ÚNICO scroll vertical da área de trabalho, e o nó cuja posição o render preserva (ver `render()` em cooperbedin.js). Não transformar nenhum descendente em segundo scroll vertical: além da barra dupla, o scrollTop guardado deixaria de corresponder ao que a pessoa vê. `min-height: 0` é o que permite ao flex encolher e o scroll acontecer AQUI, e não empurrar a página. */ #cooperBedinView .cb-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 24px 28px 40px; } /* ── Central de Operacoes ────────────────────────────────────────────────── */ #cooperBedinView .cb-central__head { margin-bottom: 22px; } #cooperBedinView .cb-central__ola { color: var(--cb-ink); font-size: 1.5rem; font-weight: 800; margin: 0; } #cooperBedinView .cb-central__data { color: var(--cb-muted); font-size: 0.9rem; margin: 3px 0 0; text-transform: capitalize; } #cooperBedinView .cb-secao-titulo { color: var(--cb-muted); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.06em; margin: 24px 0 12px; text-transform: uppercase; } #cooperBedinView .cb-secao-titulo:first-of-type { margin-top: 4px; } #cooperBedinView .cb-kpis { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } #cooperBedinView .cb-kpis--secundario { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin-top: 14px; } #cooperBedinView .cb-kpi { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 12px; border-top: 3px solid var(--cb-line); padding: 16px 18px; } #cooperBedinView .cb-kpi--red { border-top-color: var(--cb-red); } #cooperBedinView .cb-kpi--ok { border-top-color: var(--cb-ok); } #cooperBedinView .cb-kpi__valor { color: var(--cb-ink); font-size: 1.6rem; font-weight: 800; line-height: 1.1; } #cooperBedinView .cb-kpi--red .cb-kpi__valor { color: var(--cb-red-dark); } #cooperBedinView .cb-kpi--ok .cb-kpi__valor { color: var(--cb-ok); } #cooperBedinView .cb-kpi__label { color: var(--cb-muted); font-size: 0.78rem; font-weight: 600; margin-top: 4px; } #cooperBedinView .cb-kpi__sub { color: #9aa1ac; font-size: 0.74rem; margin-top: 2px; } #cooperBedinView .cb-atalhos { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } #cooperBedinView .cb-atalho { align-items: center; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 12px; cursor: pointer; display: flex; gap: 13px; padding: 15px 16px; text-align: left; } #cooperBedinView .cb-atalho:hover { border-color: var(--cb-red); } #cooperBedinView .cb-atalho__icon { align-items: center; background: rgba(206, 27, 44, 0.09); border-radius: 10px; color: var(--cb-red); display: flex; flex: 0 0 auto; height: 40px; justify-content: center; width: 40px; } #cooperBedinView .cb-atalho__icon svg { width: 20px; height: 20px; } #cooperBedinView .cb-atalho__txt { display: flex; flex-direction: column; } #cooperBedinView .cb-atalho__txt strong { color: var(--cb-ink); font-size: 0.92rem; } #cooperBedinView .cb-atalho__txt span { color: var(--cb-muted); font-size: 0.78rem; } #cooperBedinView .cb-op-head { align-items: center; display: grid; gap: 18px; grid-template-columns: minmax(260px, 1fr) minmax(280px, 440px); margin-bottom: 18px; } #cooperBedinView .cb-op-eyebrow { color: var(--cb-red-dark); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; margin: 0 0 5px; text-transform: uppercase; } #cooperBedinView .cb-op-head h1 { color: var(--cb-ink); font-size: 1.55rem; font-weight: 800; line-height: 1.15; margin: 0; } #cooperBedinView .cb-op-head p { color: var(--cb-muted); font-size: 0.88rem; margin: 6px 0 0; } #cooperBedinView .cb-op-progress { align-items: center; display: grid; gap: 10px; grid-template-columns: auto 1fr auto; min-width: 0; } #cooperBedinView .cb-op-progress__line { white-space: nowrap; } #cooperBedinView .cb-op-progress__line strong { color: var(--cb-ink); font-size: 0.95rem; } #cooperBedinView .cb-op-progress__line span { color: var(--cb-muted); font-size: 0.78rem; margin-left: 3px; } #cooperBedinView .cb-op-progress__bar { background: rgba(20, 22, 28, 0.08); border-radius: 999px; height: 8px; overflow: hidden; } #cooperBedinView .cb-op-progress__bar span { background: var(--cb-red); border-radius: inherit; display: block; height: 100%; } #cooperBedinView .cb-op-progress__pct { color: var(--cb-red); font-size: 0.9rem; } #cooperBedinView .cb-op-deadline { align-items: center; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; display: flex; gap: 12px; justify-self: end; min-height: 62px; padding: 12px 14px; width: 100%; } #cooperBedinView .cb-op-deadline__icon { align-items: center; background: rgba(206, 27, 44, 0.09); border-radius: 9px; color: var(--cb-red); display: flex; height: 36px; justify-content: center; width: 36px; } #cooperBedinView .cb-op-deadline__icon svg { height: 19px; width: 19px; } #cooperBedinView .cb-op-deadline small { color: var(--cb-muted); display: block; font-size: 0.7rem; line-height: 1.2; } #cooperBedinView .cb-op-deadline strong { color: var(--cb-ink); display: block; font-size: 0.96rem; margin-top: 3px; } #cooperBedinView .cb-op-note { background: rgba(245, 158, 11, 0.14); border: 1px solid rgba(245, 158, 11, 0.24); border-radius: 10px; color: #8a4b08; font-size: 0.82rem; margin: 0 0 14px; padding: 10px 12px; } #cooperBedinView .cb-op-attention-grid { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(180px, 1fr)); margin-bottom: 16px; } #cooperBedinView .cb-op-attention { align-items: center; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; display: grid; gap: 12px; grid-template-columns: auto 1fr auto; min-height: 118px; padding: 16px; } #cooperBedinView .cb-op-attention__icon { align-items: center; background: rgba(100, 116, 139, 0.11); border-radius: 14px; color: var(--cb-off); display: flex; height: 50px; justify-content: center; width: 50px; } #cooperBedinView .cb-op-attention--danger .cb-op-attention__icon { background: rgba(206, 27, 44, 0.09); color: var(--cb-red); } #cooperBedinView .cb-op-attention--attention .cb-op-attention__icon { background: var(--cb-aten-bg); color: var(--cb-aten); } #cooperBedinView .cb-op-attention__icon svg { height: 25px; width: 25px; } #cooperBedinView .cb-op-attention__body { min-width: 0; } #cooperBedinView .cb-op-attention__title { color: var(--cb-ink); font-size: 0.86rem; font-weight: 800; margin: 0 0 5px; } #cooperBedinView .cb-op-attention__value { color: var(--cb-red-dark); font-size: 1.55rem; font-weight: 800; line-height: 1.1; overflow-wrap: anywhere; } #cooperBedinView .cb-op-attention__hint { color: var(--cb-muted); font-size: 0.74rem; margin: 5px 0 0; } #cooperBedinView .cb-op-attention__cta { align-items: center; background: transparent; border: 0; color: var(--cb-ink); cursor: pointer; display: flex; font-size: 1.35rem; height: 32px; justify-content: center; width: 28px; } #cooperBedinView .cb-op-attention__cta:hover { color: var(--cb-red); } #cooperBedinView .cb-op-actions__mais { justify-self: center; margin-top: 6px; } #cooperBedinView .cb-op-main-grid { display: grid; gap: 16px; grid-template-columns: minmax(420px, 1.1fr) minmax(340px, 0.9fr); margin-bottom: 16px; } #cooperBedinView .cb-op-panel { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; min-width: 0; padding: 18px; } #cooperBedinView .cb-op-panel__head { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 14px; } #cooperBedinView .cb-op-panel__head h2 { color: var(--cb-ink); font-size: 1rem; font-weight: 800; margin: 0; } #cooperBedinView .cb-op-summary { align-items: center; display: grid; gap: 18px; grid-template-columns: minmax(230px, 1fr) minmax(220px, 0.86fr); } #cooperBedinView .cb-op-status-list { display: grid; gap: 10px; } #cooperBedinView .cb-op-status-row { align-items: center; background: #fafafb; border: 1px solid var(--cb-line); border-radius: 8px; color: var(--cb-muted); display: grid; gap: 10px; grid-template-columns: auto 1fr auto auto; min-height: 42px; padding: 9px 12px; } #cooperBedinView .cb-op-status-row__label { color: var(--cb-text); font-size: 0.82rem; } #cooperBedinView .cb-op-status-row strong { color: var(--cb-ink); font-size: 0.88rem; } #cooperBedinView .cb-op-status-row span:last-child { font-size: 0.76rem; min-width: 34px; text-align: right; } #cooperBedinView .cb-op-dot { border-radius: 999px; display: inline-block; height: 9px; width: 9px; } #cooperBedinView .cb-op-dot--ok { background: var(--cb-ok); } #cooperBedinView .cb-op-dot--flow { background: #2563eb; } #cooperBedinView .cb-op-dot--attention { background: #f59e0b; } #cooperBedinView .cb-op-dot--danger { background: var(--cb-red); } #cooperBedinView .cb-op-situation { border: 1px solid var(--cb-line); border-radius: 10px; padding: 16px; } #cooperBedinView .cb-op-situation span { color: var(--cb-muted); display: block; font-size: 0.78rem; margin-bottom: 7px; } #cooperBedinView .cb-op-situation strong { color: #2563eb; display: block; font-size: 1.35rem; margin-bottom: 8px; } #cooperBedinView .cb-op-situation--ok strong { color: var(--cb-ok); } #cooperBedinView .cb-op-situation--danger strong { color: var(--cb-red-dark); } #cooperBedinView .cb-op-situation p { color: var(--cb-muted); font-size: 0.82rem; line-height: 1.42; margin: 0 0 14px; } #cooperBedinView .cb-op-actions { display: grid; gap: 0; } #cooperBedinView .cb-op-action { align-items: center; background: transparent; border: 0; border-bottom: 1px solid var(--cb-line); cursor: pointer; display: grid; gap: 12px; grid-template-columns: auto 1fr auto auto; padding: 11px 0; text-align: left; width: 100%; } #cooperBedinView .cb-op-action:last-child { border-bottom: 0; } #cooperBedinView .cb-op-action:hover .cb-op-action__text strong { color: var(--cb-red-dark); } #cooperBedinView .cb-op-action__icon { align-items: center; background: rgba(206, 27, 44, 0.08); border-radius: 9px; color: var(--cb-red); display: flex; height: 34px; justify-content: center; width: 34px; } #cooperBedinView .cb-op-action__icon svg { height: 18px; width: 18px; } #cooperBedinView .cb-op-action__text { display: flex; flex-direction: column; min-width: 0; } #cooperBedinView .cb-op-action__text strong { color: var(--cb-ink); font-size: 0.83rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #cooperBedinView .cb-op-action__text span { color: var(--cb-muted); font-size: 0.74rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #cooperBedinView .cb-op-action__priority { background: rgba(206, 27, 44, 0.09); border-radius: 6px; color: var(--cb-red-dark); font-size: 0.68rem; font-weight: 800; padding: 4px 8px; } #cooperBedinView .cb-op-action__when { color: var(--cb-muted); font-size: 0.74rem; min-width: 44px; text-align: right; } #cooperBedinView .cb-op-empty { color: var(--cb-muted); font-size: 0.86rem; line-height: 1.45; padding: 18px 0 8px; } #cooperBedinView .cb-op-metrics { display: grid; gap: 16px; margin-top: 16px; grid-template-columns: repeat(3, minmax(180px, 1fr)); } #cooperBedinView .cb-op-metric { align-items: center; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; display: flex; gap: 14px; min-height: 92px; padding: 16px; } #cooperBedinView .cb-op-metric--muted { opacity: 0.78; } #cooperBedinView .cb-op-metric__icon { align-items: center; background: rgba(206, 27, 44, 0.08); border-radius: 999px; color: var(--cb-red); display: flex; flex: 0 0 auto; height: 44px; justify-content: center; width: 44px; } #cooperBedinView .cb-op-metric__icon svg { height: 21px; width: 21px; } #cooperBedinView .cb-op-metric__title { color: var(--cb-muted); font-size: 0.72rem; font-weight: 800; margin: 0 0 5px; } #cooperBedinView .cb-op-metric strong { color: var(--cb-ink); display: block; font-size: 1rem; line-height: 1.2; } #cooperBedinView .cb-op-metric span { color: var(--cb-muted); display: block; font-size: 0.72rem; margin-top: 5px; } /* ── Cabecalho de modulo ─────────────────────────────────────────────────── */ #cooperBedinView .cb-modulo__head { align-items: flex-end; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 16px; } #cooperBedinView .cb-modulo__head h2 { color: var(--cb-ink); font-size: 1.35rem; font-weight: 800; margin: 0; } #cooperBedinView .cb-modulo__head p { color: var(--cb-muted); font-size: 0.86rem; margin: 4px 0 0; } /* ── Botoes ──────────────────────────────────────────────────────────────── */ #cooperBedinView .cb-btn { border: 1px solid transparent; border-radius: 8px; cursor: pointer; font-size: 0.86rem; font-weight: 600; padding: 9px 16px; } #cooperBedinView .cb-btn--primary { background: var(--cb-red); color: #fff; } #cooperBedinView .cb-btn--primary:hover { background: var(--cb-red-dark); } #cooperBedinView .cb-btn--secondary { background: var(--cb-surface); border-color: var(--cb-line); color: var(--cb-text); } #cooperBedinView .cb-btn--secondary:hover { border-color: var(--cb-red); color: var(--cb-red-dark); } #cooperBedinView .cb-btn--ghost { background: transparent; color: var(--cb-muted); } #cooperBedinView .cb-btn--ghost:hover { color: var(--cb-text); } #cooperBedinView .cb-linkbtn { background: none; border: 0; color: var(--cb-red-dark); cursor: pointer; font-size: 0.84rem; font-weight: 600; padding: 0; } #cooperBedinView .cb-linkbtn:hover { text-decoration: underline; } /* ── Toolbar / busca ─────────────────────────────────────────────────────── */ #cooperBedinView .cb-toolbar { margin-bottom: 14px; } #cooperBedinView .cb-search { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 9px; color: var(--cb-text); font-size: 0.88rem; max-width: 420px; padding: 10px 14px; width: 100%; } #cooperBedinView .cb-search:focus { border-color: var(--cb-red); outline: none; } /* ── Tabelas ─────────────────────────────────────────────────────────────── */ #cooperBedinView .cb-tablewrap { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 12px; overflow-x: auto; } #cooperBedinView .cb-table { border-collapse: collapse; font-size: 0.86rem; width: 100%; } #cooperBedinView .cb-table thead th { background: #fafafb; border-bottom: 1px solid var(--cb-line); color: var(--cb-muted); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.03em; padding: 11px 14px; text-align: left; text-transform: uppercase; white-space: nowrap; } #cooperBedinView .cb-table tbody td { border-bottom: 1px solid var(--cb-line); color: var(--cb-text); padding: 11px 14px; } #cooperBedinView .cb-table tbody tr:last-child td { border-bottom: 0; } #cooperBedinView .cb-table tbody tr[data-cb-gerador] { cursor: pointer; } #cooperBedinView .cb-table tbody tr[data-cb-gerador]:hover { background: rgba(206, 27, 44, 0.04); } #cooperBedinView .cb-td-forte { color: var(--cb-ink); font-weight: 700; } #cooperBedinView .cb-td-num { color: var(--cb-muted); font-variant-numeric: tabular-nums; } #cooperBedinView .cb-td-center { text-align: center; } #cooperBedinView .cb-td-acao { text-align: right; } #cooperBedinView .cb-empty { color: var(--cb-muted); padding: 22px 14px; text-align: center; } /* ── Status pills ────────────────────────────────────────────────────────── */ #cooperBedinView .cb-status { border-radius: 999px; font-size: 0.7rem; font-weight: 700; padding: 3px 10px; text-transform: capitalize; white-space: nowrap; } #cooperBedinView .cb-status--ativo, #cooperBedinView .cb-status--ok { background: var(--cb-ok-bg); color: var(--cb-ok); } #cooperBedinView .cb-status--aten { background: var(--cb-aten-bg); color: var(--cb-aten); } #cooperBedinView .cb-status--inativo, #cooperBedinView .cb-status--off { background: var(--cb-off-bg); color: var(--cb-off); } /* ── Ficha do gerador ────────────────────────────────────────────────────── */ #cooperBedinView .cb-ficha__nav { margin-bottom: 12px; } #cooperBedinView .cb-ficha__head { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 18px; } #cooperBedinView .cb-ficha__head h2 { color: var(--cb-ink); font-size: 1.5rem; font-weight: 800; margin: 0; } #cooperBedinView .cb-ficha__sub { align-items: center; color: var(--cb-muted); display: flex; flex-wrap: wrap; font-size: 0.85rem; gap: 8px; margin: 5px 0 0; } #cooperBedinView .cb-grid2 { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); margin-bottom: 16px; } #cooperBedinView .cb-card { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 12px; margin-bottom: 16px; overflow: hidden; } #cooperBedinView .cb-card__head { border-bottom: 1px solid var(--cb-line); padding: 13px 16px; } #cooperBedinView .cb-card__head h3 { color: var(--cb-ink); font-size: 0.92rem; font-weight: 700; margin: 0; } #cooperBedinView .cb-card .cb-tablewrap { border: 0; border-radius: 0; } #cooperBedinView .cb-defs { padding: 6px 16px 14px; } #cooperBedinView .cb-def { border-bottom: 1px solid var(--cb-line); display: flex; gap: 16px; justify-content: space-between; padding: 9px 0; } #cooperBedinView .cb-def:last-child { border-bottom: 0; } #cooperBedinView .cb-def__rot { color: var(--cb-muted); font-size: 0.82rem; } #cooperBedinView .cb-def__val { color: var(--cb-text); font-size: 0.86rem; font-weight: 600; text-align: right; } /* ── Placeholder ─────────────────────────────────────────────────────────── */ #cooperBedinView .cb-placeholder { align-items: center; background: var(--cb-surface); border: 1px dashed var(--cb-line); border-radius: 12px; display: flex; flex-direction: column; gap: 10px; padding: 44px 24px; text-align: center; } #cooperBedinView .cb-placeholder__icon { color: var(--cb-red); opacity: 0.8; } #cooperBedinView .cb-placeholder__icon svg { width: 34px; height: 34px; } #cooperBedinView .cb-placeholder__lead { color: var(--cb-text); font-size: 0.96rem; margin: 0; max-width: 520px; } #cooperBedinView .cb-placeholder__hint { color: var(--cb-muted); font-size: 0.82rem; margin: 0; max-width: 520px; } /* ── Financeiro (painel de energia + monetário planejado) ─────────────────── */ #cooperBedinView .cb-fin-callout { align-items: center; background: color-mix(in srgb, var(--cb-red) 7%, transparent); border: 1px solid color-mix(in srgb, var(--cb-red) 22%, transparent); border-radius: 12px; display: flex; gap: 12px; margin: 4px 0 18px; padding: 12px 16px; } #cooperBedinView .cb-fin-callout__ic { color: var(--cb-red); flex: 0 0 auto; } #cooperBedinView .cb-fin-callout__ic svg { height: 20px; width: 20px; } #cooperBedinView .cb-fin-callout p { color: var(--cb-text); font-size: 0.86rem; line-height: 1.45; margin: 0; } #cooperBedinView .cb-fin-panel { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 14px; padding: 18px 20px; } #cooperBedinView .cb-fin-panel__head { align-items: baseline; display: flex; justify-content: space-between; margin-bottom: 16px; } #cooperBedinView .cb-fin-panel__head h3 { color: var(--cb-text); font-size: 0.98rem; font-weight: 600; margin: 0; } #cooperBedinView .cb-fin-badge { background: color-mix(in srgb, var(--cb-red) 12%, transparent); border-radius: 999px; color: var(--cb-red); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.02em; padding: 3px 10px; } #cooperBedinView .cb-fin-badge--soft { background: var(--cb-surface-2, rgba(148, 163, 184, 0.14)); color: var(--cb-muted); } #cooperBedinView .cb-fin-tiles { display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); } #cooperBedinView .cb-fin-tile { background: var(--cb-surface-2, rgba(148, 163, 184, 0.08)); border-radius: 12px; padding: 16px 18px; } #cooperBedinView .cb-fin-tile--primary { background: color-mix(in srgb, var(--cb-red) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cb-red) 18%, transparent); } #cooperBedinView .cb-fin-tile__v { color: var(--cb-text); font-size: 1.5rem; font-weight: 700; line-height: 1.1; } #cooperBedinView .cb-fin-tile--primary .cb-fin-tile__v { color: var(--cb-red); } #cooperBedinView .cb-fin-tile__u { color: var(--cb-muted); font-size: 0.72rem; font-weight: 600; margin-left: 4px; } #cooperBedinView .cb-fin-tile__l { color: var(--cb-muted); font-size: 0.78rem; margin-top: 4px; } #cooperBedinView .cb-fin-stats { border-top: 1px solid var(--cb-line); display: flex; gap: 34px; margin-top: 16px; padding-top: 14px; } #cooperBedinView .cb-fin-stat strong { color: var(--cb-text); font-size: 1.05rem; margin-right: 7px; } #cooperBedinView .cb-fin-stat span { color: var(--cb-muted); font-size: 0.8rem; } #cooperBedinView .cb-fin-empty { background: var(--cb-surface); border: 1px dashed var(--cb-line); border-radius: 12px; color: var(--cb-muted); font-size: 0.86rem; padding: 30px 24px; text-align: center; } #cooperBedinView .cb-fin-money { margin-top: 20px; } #cooperBedinView .cb-fin-money__head { align-items: center; display: flex; gap: 10px; } #cooperBedinView .cb-fin-money__head h3 { color: var(--cb-text); font-size: 0.98rem; font-weight: 600; margin: 0; } #cooperBedinView .cb-fin-money__sub { color: var(--cb-muted); font-size: 0.8rem; margin: 5px 0 12px; } #cooperBedinView .cb-fin-plans { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); } #cooperBedinView .cb-fin-plan { align-items: center; background: var(--cb-surface); border: 1px dashed var(--cb-line); border-radius: 10px; display: flex; justify-content: space-between; padding: 12px 14px; } #cooperBedinView .cb-fin-plan__l { color: var(--cb-muted); font-size: 0.84rem; } #cooperBedinView .cb-fin-plan__pill { background: var(--cb-surface-2, rgba(148, 163, 184, 0.16)); border-radius: 999px; color: var(--cb-muted); font-size: 0.68rem; font-weight: 600; padding: 2px 8px; text-transform: uppercase; letter-spacing: 0.03em; } /* ── Centro de Relatórios ─────────────────────────────────────────────────── */ #cooperBedinView .cb-rel-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); } #cooperBedinView .cb-rel-card { display: flex; flex-direction: column; gap: 14px; padding: 20px 22px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } #cooperBedinView .cb-rel-card:hover { border-color: color-mix(in srgb, var(--cb-red) 30%, var(--cb-line)); box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06); } #cooperBedinView .cb-rel-card__top { align-items: flex-start; display: flex; gap: 14px; } #cooperBedinView .cb-rel-card__icon { align-items: center; background: color-mix(in srgb, var(--cb-red) 10%, transparent); border-radius: 11px; color: var(--cb-red); display: flex; flex: 0 0 44px; height: 44px; justify-content: center; } #cooperBedinView .cb-rel-card__icon svg { width: 22px; height: 22px; } #cooperBedinView .cb-rel-card__txt { flex: 1 1 auto; min-width: 0; } #cooperBedinView .cb-rel-card__txt h3 { color: var(--cb-text); font-size: 1.02rem; font-weight: 600; margin: 0 0 3px; } #cooperBedinView .cb-rel-card__txt p { color: var(--cb-muted); font-size: 0.82rem; margin: 0; } #cooperBedinView .cb-rel-card__badge { background: var(--cb-surface-2, rgba(148, 163, 184, 0.14)); border-radius: 999px; color: var(--cb-text); flex: 0 0 auto; font-size: 0.74rem; font-weight: 600; padding: 4px 11px; white-space: nowrap; } #cooperBedinView .cb-rel-card__facts { display: flex; flex-direction: column; gap: 6px; margin: 0; } #cooperBedinView .cb-rel-card__facts > div { display: flex; gap: 8px; } #cooperBedinView .cb-rel-card__facts dt { color: var(--cb-muted); flex: 0 0 46px; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.03em; padding-top: 1px; } #cooperBedinView .cb-rel-card__facts dd { color: var(--cb-text); font-size: 0.82rem; margin: 0; } #cooperBedinView .cb-rel-card__acoes { align-items: center; display: flex; gap: 8px; justify-content: space-between; margin-top: auto; padding-top: 4px; } #cooperBedinView .cb-rel-card__exp { display: flex; flex-wrap: wrap; gap: 6px; } #cooperBedinView .cb-rel-planned { align-items: center; border-top: 1px solid var(--cb-line); display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; padding-top: 16px; } #cooperBedinView .cb-rel-planned__head { color: var(--cb-muted); font-size: 0.74rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } #cooperBedinView .cb-rel-planned__items { display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-rel-planned__item { background: var(--cb-surface); border: 1px dashed var(--cb-line); border-radius: 999px; color: var(--cb-muted); font-size: 0.8rem; padding: 4px 12px; } #cooperBedinView .cb-rel-planned__why { color: var(--cb-muted); font-size: 0.78rem; } #cooperBedinView .cb-rel-view__head { align-items: flex-start; display: flex; justify-content: space-between; gap: 16px; } #cooperBedinView .cb-rel-view__acoes { display: flex; flex-wrap: wrap; gap: 8px; } @media (max-width: 960px) { #cooperBedinView .cb-fin-tiles { grid-template-columns: repeat(2, 1fr); } #cooperBedinView .cb-fin-plans { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 860px) { #cooperBedinView .cb-rel-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { #cooperBedinView .cb-fin-tiles, #cooperBedinView .cb-fin-plans { grid-template-columns: 1fr; } #cooperBedinView .cb-fin-stats { flex-direction: column; gap: 10px; } } /* ── Configurações (card planejado / inativo) ─────────────────────────────── */ #cooperBedinView .cb-cfg-planned { background: var(--cb-surface); border-style: dashed; opacity: 0.9; } #cooperBedinView .cb-cfg-planned .cb-card__head h3 { color: var(--cb-muted); } /* Nota honesta para ação sem capability oficial (não inventa botão). */ #cooperBedinView .cb-cfg-nocap { border-top: 1px dashed var(--cb-border, rgba(148, 163, 184, 0.4)); font-style: italic; margin-top: 4px; } /* Atalho contextual dentro de um card de administração (sem virar card no card). */ #cooperBedinView .cb-card > .cb-op-actions { padding: 4px 6px; } /* ── Modal ───────────────────────────────────────────────────────────────── */ #cooperBedinView .cb-modal-backdrop { align-items: center; background: rgba(15, 23, 42, 0.5); display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 300; } #cooperBedinView .cb-modal { background: var(--cb-surface); border-radius: 14px; box-shadow: 0 24px 60px rgba(15, 23, 42, 0.3); display: flex; flex-direction: column; max-height: 90vh; max-width: 560px; width: 100%; } #cooperBedinView .cb-modal__head { align-items: center; border-bottom: 1px solid var(--cb-line); display: flex; justify-content: space-between; padding: 16px 20px; } #cooperBedinView .cb-modal__head h3 { color: var(--cb-ink); font-size: 1.1rem; font-weight: 800; margin: 0; } #cooperBedinView .cb-modal__close { background: none; border: 0; color: var(--cb-muted); cursor: pointer; font-size: 1.5rem; line-height: 1; padding: 0 4px; } #cooperBedinView .cb-modal__body { overflow-y: auto; padding: 16px 20px; } #cooperBedinView .cb-modal__grupo { color: var(--cb-muted); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.05em; margin: 14px 0 8px; text-transform: uppercase; } #cooperBedinView .cb-modal__grupo:first-child { margin-top: 0; } /* Modal que lista tabela precisa de mais largura que o modal de formulário: com 560px a coluna de observação virava rolagem horizontal. */ #cooperBedinView .cb-modal--largo { max-width: 820px; } #cooperBedinView dialog.cb-novidades-dialog { border: 0; color: var(--cb-text); margin: auto; padding: 0; width: calc(100% - 32px); } #cooperBedinView dialog.cb-novidades-dialog:not([open]) { display: none; } #cooperBedinView .cb-novidades-dialog::backdrop { background: rgba(15, 23, 42, 0.5); } #cooperBedinView .cb-novidades-dialog .cb-modal__head h2 { color: var(--cb-ink); font-size: 1.1rem; margin: 0; } #cooperBedinView .cb-novidades-dialog .cb-novidades-versao { margin: 0; } /* Observação é contexto factual da linha, não protagonista. */ #cooperBedinView .cb-modal__obs { color: var(--cb-muted); font-size: 0.78rem; min-width: 12rem; } #cooperBedinView .cb-field { display: block; margin-bottom: 10px; } #cooperBedinView .cb-field__label { color: var(--cb-muted); display: block; font-size: 0.78rem; margin-bottom: 4px; } #cooperBedinView .cb-field-hint { color: var(--cb-muted); font-size: 0.74rem; margin: -4px 0 8px; } #cooperBedinView .cb-input { background: #fff; border: 1px solid var(--cb-line); border-radius: 8px; color: var(--cb-text); font-size: 0.88rem; padding: 9px 12px; width: 100%; } #cooperBedinView .cb-input:focus { border-color: var(--cb-red); outline: none; } #cooperBedinView .cb-field-row { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; } #cooperBedinView .cb-modal__erro { background: rgba(206, 27, 44, 0.1); border-radius: 8px; color: var(--cb-red-dark); font-size: 0.82rem; margin-top: 8px; padding: 9px 12px; } #cooperBedinView .cb-modal__foot { border-top: 1px solid var(--cb-line); display: flex; gap: 10px; justify-content: flex-end; padding: 14px 20px; } #cooperBedinView .cb-card__head--acao { align-items: center; display: flex; justify-content: space-between; } #cooperBedinView .cb-ficha__acoes { display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-card__nota { color: var(--cb-muted); font-size: 0.76rem; margin: 0; padding: 10px 16px 14px; } #cooperBedinView .cb-btn--sm { font-size: 0.8rem; padding: 6px 12px; } #cooperBedinView select.cb-input { appearance: auto; cursor: pointer; } @media (max-width: 720px) { #cooperBedinView .cb-sidebar { flex-basis: 64px; } #cooperBedinView .cb-navitem__label { display: none; } #cooperBedinView .cb-navgrupo { display: none; } #cooperBedinView .cb-field-row { grid-template-columns: 1fr; } #cooperBedinView .cb-op-head, #cooperBedinView .cb-op-progress, #cooperBedinView .cb-op-main-grid, #cooperBedinView .cb-op-summary { grid-template-columns: 1fr; } #cooperBedinView .cb-op-deadline { justify-self: stretch; } #cooperBedinView .cb-op-attention-grid, #cooperBedinView .cb-op-metrics { grid-template-columns: 1fr; } #cooperBedinView .cb-op-action { align-items: start; grid-template-columns: auto 1fr auto; } #cooperBedinView .cb-op-action__when { display: none; } #cooperBedinView .cb-op-action__text strong, #cooperBedinView .cb-op-action__text span { white-space: normal; } } @media (min-width: 721px) and (max-width: 1180px) { #cooperBedinView .cb-op-head, #cooperBedinView .cb-op-main-grid { grid-template-columns: 1fr; } #cooperBedinView .cb-op-deadline { justify-self: stretch; } #cooperBedinView .cb-op-attention-grid, #cooperBedinView .cb-op-metrics { grid-template-columns: repeat(3, minmax(160px, 1fr)); } } /* ── Importação Copel (Entrega 2 - prévia) ─────────────────────────────────── */ #cooperBedinView .cb-imp-form { display: grid; grid-template-columns: 1fr; gap: 14px; padding: 4px 16px 8px; } #cooperBedinView .cb-imp-file { display: flex; flex-direction: column; gap: 6px; } #cooperBedinView .cb-imp-file__row { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; } #cooperBedinView .cb-imp-file__nome { color: var(--cb-muted); font-size: 0.82rem; } /* Stepper: conducao operacional (em qual etapa a importacao esta). */ #cooperBedinView .cb-stepper { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: space-between; padding: 10px 16px 2px; } #cooperBedinView .cb-stepper__lista { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 0; padding: 0; } #cooperBedinView .cb-stepper__item { align-items: center; color: var(--cb-muted); display: flex; font-size: 0.8rem; font-weight: 600; gap: 7px; } #cooperBedinView .cb-stepper__dot { border: 2px solid var(--cb-line); border-radius: 50%; height: 11px; width: 11px; } #cooperBedinView .cb-stepper__item.is-done { color: var(--cb-ok); } #cooperBedinView .cb-stepper__item.is-done .cb-stepper__dot { background: var(--cb-ok); border-color: var(--cb-ok); } #cooperBedinView .cb-stepper__item.is-active { color: var(--cb-red-dark); } #cooperBedinView .cb-stepper__item.is-active .cb-stepper__dot { background: var(--cb-red); border-color: var(--cb-red); box-shadow: 0 0 0 3px rgba(206, 27, 44, 0.16); } #cooperBedinView .cb-stepper__cont { color: var(--cb-muted); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; } #cooperBedinView .cb-imp-file__ok { color: var(--cb-ok); font-weight: 800; } /* Proxima acao: CTA destacado logo abaixo do card de identificacao. */ #cooperBedinView .cb-imp-proxima { background: rgba(206, 27, 44, 0.05); border: 1px solid rgba(206, 27, 44, 0.14); border-radius: 10px; display: flex; flex-direction: column; gap: 6px; margin-top: 10px; padding: 12px 14px; } #cooperBedinView .cb-imp-proxima__rot { color: var(--cb-red-dark); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; } #cooperBedinView .cb-imp-proxima__txt { color: var(--cb-text); font-size: 0.86rem; margin: 0; } #cooperBedinView .cb-imp-proxima__cta { align-self: flex-start; font-size: 0.95rem; margin-top: 4px; padding: 11px 22px; } /* Card de conferencia: label/valor empilhados, espacados (nao tabela). */ #cooperBedinView .cb-conf { display: grid; gap: 14px 28px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 4px 0 2px; } #cooperBedinView .cb-conf__item { display: flex; flex-direction: column; gap: 2px; } #cooperBedinView .cb-conf__item--wide { grid-column: 1 / -1; } #cooperBedinView .cb-conf__rot { color: var(--cb-muted); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; } #cooperBedinView .cb-conf__val { color: var(--cb-ink); font-size: 1.02rem; font-weight: 700; } #cooperBedinView .cb-conf__link { align-self: flex-start; background: none; border: 0; color: var(--cb-red-dark); cursor: pointer; font-size: 0.78rem; font-weight: 600; margin-top: 2px; padding: 0; text-decoration: underline; } #cooperBedinView .cb-conf__hist { color: var(--cb-muted); font-size: 0.82rem; margin-top: 2px; } /* Resumo operacional da previa: o que o sistema encontrou, antes dos detalhes. */ #cooperBedinView .cb-resumo { padding: 6px 16px 14px; } #cooperBedinView .cb-resumo__lista { display: grid; gap: 8px 20px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); list-style: none; margin: 0; padding: 0; } #cooperBedinView .cb-resumo__item { align-items: center; color: var(--cb-text); display: flex; font-size: 0.9rem; font-weight: 600; gap: 9px; } #cooperBedinView .cb-resumo__ic { align-items: center; border-radius: 50%; display: inline-flex; flex: none; font-size: 0.74rem; font-weight: 800; height: 19px; justify-content: center; width: 19px; } #cooperBedinView .cb-resumo__item.is-ok .cb-resumo__ic { background: var(--cb-ok-bg); color: var(--cb-ok); } #cooperBedinView .cb-resumo__item.is-na { color: var(--cb-muted); } #cooperBedinView .cb-resumo__item.is-na .cb-resumo__ic { background: var(--cb-off-bg); color: var(--cb-off); } #cooperBedinView .cb-resumo__item.is-aten { color: var(--cb-aten); grid-column: 1 / -1; } #cooperBedinView .cb-resumo__item.is-aten .cb-resumo__ic { background: var(--cb-aten-bg); color: var(--cb-aten); } #cooperBedinView .cb-imp-ident { display: flex; flex-direction: column; gap: 6px; line-height: 1.45; } #cooperBedinView .cb-imp-ident--carregando { align-items: center; color: var(--cb-muted); display: flex; font-size: 0.85rem; gap: 9px; } #cooperBedinView .cb-imp-ident__spin { animation: cb-spin 0.7s linear infinite; border: 2px solid var(--cb-line); border-top-color: var(--cb-red); border-radius: 50%; height: 15px; width: 15px; } @keyframes cb-spin { to { transform: rotate(360deg); } } #cooperBedinView .cb-imp-ident--ok { background: var(--cb-ok-bg); border: 1px solid rgba(21, 128, 61, 0.20); border-radius: 10px; padding: 12px 14px; } #cooperBedinView .cb-imp-ident__head { align-items: center; display: flex; gap: 8px; } #cooperBedinView .cb-imp-ident__check { align-items: center; background: var(--cb-ok); border-radius: 50%; color: #fff; display: inline-flex; font-size: 0.72rem; font-weight: 800; height: 18px; justify-content: center; width: 18px; } #cooperBedinView .cb-imp-ident__titulo { color: var(--cb-ok); font-size: 0.9rem; font-weight: 800; } #cooperBedinView .cb-imp-ident__grid { display: flex; flex-direction: column; margin: 2px 0; } #cooperBedinView .cb-imp-ident__grid .cb-def:last-child { border-bottom: 0; } #cooperBedinView .cb-imp-ident__usina { color: var(--cb-ink); font-size: 0.95rem; font-weight: 700; } #cooperBedinView .cb-imp-ident__via { color: var(--cb-muted); font-size: 0.82rem; } #cooperBedinView .cb-imp-ident--ok .cb-btn { align-self: flex-start; margin-top: 2px; } #cooperBedinView .cb-imp-ident--manual { display: flex; flex-direction: column; gap: 8px; } #cooperBedinView .cb-imp-ident__aviso { color: var(--cb-aten); font-size: 0.85rem; font-weight: 600; } #cooperBedinView .cb-btn label, #cooperBedinView label.cb-btn { cursor: pointer; } #cooperBedinView .cb-imp-actions { display: flex; gap: 10px; padding: 4px 16px 14px; } /* CTA de confirmacao DEPOIS da previa: o operador confere embaixo e decide embaixo. Antes vivia acima da tabela e obrigava a subir a pagina de volta. */ #cooperBedinView .cb-imp-actions--pos-previa { background: var(--cb-surface, #fff); border: 1px solid var(--cb-line); border-radius: 12px; margin-top: 12px; padding: 14px 16px; } /* ── Recibo da materializacao (etapa 4) ───────────────────────────────────── */ #cooperBedinView .cb-recibo { display: flex; flex-direction: column; gap: 14px; padding: 6px 16px 16px; } #cooperBedinView .cb-recibo__head { align-items: flex-start; display: flex; gap: 10px; } #cooperBedinView .cb-recibo__check { align-items: center; background: var(--cb-ok); border-radius: 50%; color: #fff; display: inline-flex; flex: none; font-size: 0.8rem; font-weight: 800; height: 22px; justify-content: center; margin-top: 2px; width: 22px; } #cooperBedinView .cb-recibo__head h4 { color: var(--cb-ok); font-size: 1.02rem; font-weight: 800; margin: 0; } #cooperBedinView .cb-recibo__head p { color: var(--cb-muted); font-size: 0.85rem; margin: 2px 0 0; } #cooperBedinView .cb-recibo .cb-conf { background: var(--cb-ok-bg); border: 1px solid rgba(21, 128, 61, 0.18); border-radius: 10px; margin: 0; padding: 14px 16px; } #cooperBedinView .cb-recibo__excecao { color: var(--cb-aten); font-size: 0.85rem; font-weight: 600; margin: 0; } #cooperBedinView .cb-recibo__anexo-row { display: flex; } #cooperBedinView .cb-recibo__anexo { font-size: 0.85rem; font-weight: 600; } #cooperBedinView .cb-recibo__anexo--ok { color: var(--cb-ok); } #cooperBedinView .cb-recibo__anexo--falta { background: var(--cb-aten-bg); border-radius: 8px; color: var(--cb-aten); line-height: 1.45; padding: 9px 12px; } #cooperBedinView .cb-recibo__alertas { color: var(--cb-aten); font-size: 0.85rem; margin: 0; padding-left: 18px; } #cooperBedinView .cb-recibo__proxima { background: rgba(206, 27, 44, 0.05); border: 1px solid rgba(206, 27, 44, 0.14); border-radius: 10px; display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; } #cooperBedinView .cb-recibo__proxima-rot { color: var(--cb-red-dark); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; } #cooperBedinView .cb-recibo__proxima-txt { color: var(--cb-text); font-size: 0.9rem; margin: 0; } #cooperBedinView .cb-recibo__proxima .cb-btn { align-self: flex-start; margin-top: 4px; } #cooperBedinView .cb-recibo .cb-imp-actions { padding: 2px 0 0; } /* ── Foco operacional: a usina em que o operador esta trabalhando agora ────── */ #cooperBedinView .cb-foco { background: var(--cb-surface, #fff); border: 1px solid rgba(206, 27, 44, 0.20); border-left: 4px solid var(--cb-red); border-radius: 12px; display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; padding: 16px 18px; } #cooperBedinView .cb-foco__head { align-items: center; display: flex; justify-content: space-between; } #cooperBedinView .cb-foco__rot { color: var(--cb-red-dark); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; } #cooperBedinView .cb-foco__conf { gap: 10px 28px; margin: 0; } #cooperBedinView .cb-foco__marcos { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; margin: 0; padding: 0; } #cooperBedinView .cb-foco__marco { align-items: center; display: flex; font-size: 0.86rem; font-weight: 600; gap: 7px; } #cooperBedinView .cb-foco__marco.is-done { color: var(--cb-ok); } #cooperBedinView .cb-foco__marco.is-todo { color: var(--cb-muted); } #cooperBedinView .cb-foco__marco-ic { font-weight: 800; } #cooperBedinView .cb-foco__txt { color: var(--cb-text); font-size: 0.95rem; font-weight: 600; margin: 0; } #cooperBedinView .cb-foco__ok { color: var(--cb-ok); font-size: 0.9rem; font-weight: 600; margin: 0; } #cooperBedinView .cb-foco__cta { display: flex; } /* Acao sem destino: o formulario nao existe porque o ESTADO do objeto o suprime (usina apurada/fechada, ou competencia fechada). Explica - nao oferece botao morto. */ #cooperBedinView .cb-foco__travado, #cooperBedinView .cb-recibo__travado { background: var(--cb-aten-bg); border-radius: 8px; color: var(--cb-aten); font-size: 0.85rem; font-weight: 600; line-height: 1.45; margin: 0; padding: 9px 12px; } #cooperBedinView .cb-foco__bloqueios { border-top: 1px solid var(--cb-line); padding-top: 12px; } #cooperBedinView .cb-foco__sub { color: var(--cb-muted); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; } #cooperBedinView .cb-foco__bloqueios .cb-bloqueios { margin-top: 8px; } /* ── Bloqueios: pre-condicao do fechamento, nunca etapa dele ───────────────── */ #cooperBedinView .cb-bloqueios { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; } #cooperBedinView .cb-bloqueio { border-radius: 10px; padding: 12px 14px; } #cooperBedinView .cb-bloqueio--configuracao { background: var(--cb-off-bg); border: 1px solid var(--cb-line); } #cooperBedinView .cb-bloqueio--cadastro { background: var(--cb-aten-bg); border: 1px solid rgba(247, 144, 9, 0.22); } #cooperBedinView .cb-bloqueio__head { align-items: center; display: flex; gap: 8px; } #cooperBedinView .cb-bloqueio__head h4 { font-size: 0.92rem; font-weight: 800; margin: 0; } #cooperBedinView .cb-bloqueio--configuracao .cb-bloqueio__head h4 { color: var(--cb-off); } #cooperBedinView .cb-bloqueio--cadastro .cb-bloqueio__head h4 { color: var(--cb-aten); } #cooperBedinView .cb-bloqueio__tag { background: rgba(0, 0, 0, 0.05); border-radius: 999px; color: var(--cb-muted); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.04em; padding: 3px 9px; text-transform: uppercase; } #cooperBedinView .cb-bloqueio__nota { color: var(--cb-muted); font-size: 0.82rem; line-height: 1.5; margin: 6px 0 8px; } #cooperBedinView .cb-bloqueio__lista { display: flex; flex-direction: column; gap: 6px; list-style: none; margin: 0; padding: 0; } #cooperBedinView .cb-bloqueio__item { align-items: center; display: flex; gap: 10px; } #cooperBedinView .cb-bloqueio__label { color: var(--cb-text); font-size: 0.88rem; font-weight: 600; } #cooperBedinView .cb-bloqueio__qtd { color: var(--cb-muted); font-size: 0.8rem; margin-left: auto; } #cooperBedinView .cb-bloqueio__sem-acao { width: 0; } #cooperBedinView .cb-bloqueio__item--usinas { flex-wrap: wrap; } #cooperBedinView .cb-bloqueio__usinas { display: flex; flex-basis: 100%; flex-direction: column; gap: 4px; list-style: none; margin: 2px 0 0; padding: 0 0 0 12px; } #cooperBedinView .cb-bloqueio__usinas li { align-items: center; display: flex; font-size: 0.84rem; gap: 10px; justify-content: space-between; } #cooperBedinView .cb-imp-bloqueios, #cooperBedinView .cb-imp-previa { padding: 4px 16px 14px; } #cooperBedinView .cb-imp-lista { margin: 6px 0 0; padding-left: 18px; } #cooperBedinView .cb-imp-lista li { font-size: 0.86rem; margin: 3px 0; } #cooperBedinView .cb-imp-lista--erro li { color: var(--cb-red-dark); } #cooperBedinView .cb-imp-lista--aten li { color: var(--cb-aten); } #cooperBedinView .cb-imp-bloqueio-operacional { display: flex; flex-direction: column; gap: 4px; line-height: 1.45; } #cooperBedinView .cb-imp-bloqueio-operacional strong { color: var(--cb-red-dark); } #cooperBedinView .cb-imp-bloqueio-operacional--acao { background: rgba(206, 27, 44, 0.06); border: 1px solid rgba(206, 27, 44, 0.16); border-radius: 10px; list-style: none; margin: 0 0 8px -18px; padding: 12px 14px; } #cooperBedinView .cb-imp-bloqueio-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; } #cooperBedinView .cb-imp-previa .cb-def { padding: 6px 0 10px; } /* ── Informe de Rateio e Pagamento ────────────────────────────────────────────── Card principal (documento operacional enviado ao gerador) + fluxo de geração. Reusa os tokens --cb-* do módulo; nenhum token novo. */ #cooperBedinView .cb-doc-hero { align-items: center; background: linear-gradient(135deg, color-mix(in srgb, var(--cb-red) 8%, #fff), #fff); border: 1px solid color-mix(in srgb, var(--cb-red) 32%, var(--cb-line)); border-radius: 16px; box-shadow: 0 6px 22px rgba(206, 27, 44, 0.08); display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin-bottom: 26px; padding: 22px 24px; } #cooperBedinView .cb-doc-hero__txt { flex: 1 1 380px; min-width: 0; } #cooperBedinView .cb-doc-hero__eyebrow { color: var(--cb-red); display: block; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; margin-bottom: 6px; text-transform: uppercase; } #cooperBedinView .cb-doc-hero h3 { color: var(--cb-text); font-size: 1.3rem; font-weight: 700; margin: 0 0 6px; } #cooperBedinView .cb-doc-hero p { color: var(--cb-muted); font-size: 0.88rem; margin: 0 0 8px; max-width: 60ch; } #cooperBedinView .cb-doc-hero__meta { color: var(--cb-muted); font-size: 0.76rem; } /* Ações do cartão quebram linha dentro dele em vez de vazar quando o espaço aperta (ícones somam largura). */ #cooperBedinView .cb-doc-hero__cta { display: flex; flex: 0 1 auto; flex-wrap: wrap; gap: 8px; justify-content: flex-end; min-width: 0; } #cooperBedinView .cb-doc-grid { align-items: start; display: grid; gap: 20px; grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); } #cooperBedinView .cb-doc-nav { margin-bottom: 8px; } #cooperBedinView .cb-doc-busca { display: block; margin-bottom: 10px; } #cooperBedinView .cb-doc-busca__lbl { color: var(--cb-muted); display: block; font-size: 0.72rem; font-weight: 600; margin-bottom: 4px; text-transform: uppercase; } #cooperBedinView .cb-doc-usinas { display: flex; flex-direction: column; gap: 6px; max-height: 60vh; overflow-y: auto; } #cooperBedinView .cb-doc-usina { background: #fff; border: 1px solid var(--cb-line); border-radius: 10px; cursor: pointer; display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; text-align: left; width: 100%; } #cooperBedinView .cb-doc-usina:hover { border-color: color-mix(in srgb, var(--cb-red) 34%, var(--cb-line)); } #cooperBedinView .cb-doc-usina.is-ativa { border-color: var(--cb-red); box-shadow: 0 0 0 2px color-mix(in srgb, var(--cb-red) 16%, transparent); } #cooperBedinView .cb-doc-usina__nome { color: var(--cb-text); font-size: 0.88rem; font-weight: 600; } #cooperBedinView .cb-doc-usina__meta { color: var(--cb-muted); font-size: 0.74rem; } #cooperBedinView .cb-doc-usina__pill { color: var(--cb-muted); font-size: 0.68rem; margin-top: 3px; } #cooperBedinView .cb-doc-usina__pill.is-ok { color: #0f7a44; font-weight: 600; } #cooperBedinView .cb-doc-vazio, #cooperBedinView .cb-doc-vazio-painel { color: var(--cb-muted); font-size: 0.85rem; padding: 18px; } #cooperBedinView .cb-doc-vazio-painel { background: rgba(148, 163, 184, 0.06); border: 1px dashed var(--cb-line); border-radius: 12px; text-align: center; } #cooperBedinView .cb-doc-painel { background: #fff; border: 1px solid var(--cb-line); border-radius: 14px; padding: 20px 22px; } #cooperBedinView .cb-doc-painel__eyebrow { color: var(--cb-muted); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; } #cooperBedinView .cb-doc-painel h3 { color: var(--cb-text); font-size: 1.1rem; margin: 4px 0 2px; } #cooperBedinView .cb-doc-painel p { color: var(--cb-muted); font-size: 0.8rem; margin: 0; } #cooperBedinView .cb-doc-sub { color: var(--cb-text); font-size: 0.82rem; font-weight: 700; margin: 18px 0 10px; text-transform: uppercase; letter-spacing: 0.04em; } #cooperBedinView .cb-doc-checks { display: flex; flex-direction: column; gap: 7px; list-style: none; margin: 0; padding: 0; } #cooperBedinView .cb-doc-check { align-items: flex-start; border-radius: 9px; display: flex; gap: 10px; padding: 8px 10px; } #cooperBedinView .cb-doc-check__ic { flex: 0 0 18px; font-weight: 700; line-height: 1.35; text-align: center; } #cooperBedinView .cb-doc-check__txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; } #cooperBedinView .cb-doc-check__txt strong { color: var(--cb-text); font-size: 0.85rem; font-weight: 600; } #cooperBedinView .cb-doc-check__st { font-size: 0.72rem; font-weight: 700; text-transform: lowercase; } #cooperBedinView .cb-doc-check__det { color: var(--cb-muted); font-size: 0.75rem; } /* Recomendacao cadastral: informativa, nunca bloqueante. Discreta de proposito - alerta amarelo aqui faria campo opcional parecer pendencia. */ #cooperBedinView .cb-doc-check__rec { color: var(--cb-muted); display: block; font-size: 0.72rem; font-style: italic; opacity: 0.85; } #cooperBedinView .cb-doc-check--ok { background: rgba(16, 122, 68, 0.06); } #cooperBedinView .cb-doc-check--ok .cb-doc-check__ic, #cooperBedinView .cb-doc-check--ok .cb-doc-check__st { color: #0f7a44; } #cooperBedinView .cb-doc-check--falta { background: rgba(206, 27, 44, 0.05); } #cooperBedinView .cb-doc-check--falta .cb-doc-check__ic, #cooperBedinView .cb-doc-check--falta .cb-doc-check__st { color: var(--cb-red); } #cooperBedinView .cb-doc-check--parcial { background: rgba(217, 145, 12, 0.07); } #cooperBedinView .cb-doc-check--parcial .cb-doc-check__ic, #cooperBedinView .cb-doc-check--parcial .cb-doc-check__st { color: #b45309; } /* "sem integração" não é falha do operador: cinza, não vermelho. */ #cooperBedinView .cb-doc-check--sem-int { background: rgba(148, 163, 184, 0.10); } #cooperBedinView .cb-doc-check--sem-int .cb-doc-check__ic, #cooperBedinView .cb-doc-check--sem-int .cb-doc-check__st { color: #64748b; } /* ── Comprovante PIX: o único componente do checklist que também é ponto de entrada ────── Estados: disponivel · nao_enviado · enviando · erro · substituido. "não enviado" é neutro de propósito - não é pendência (o comprovante nasce depois do pagamento e não bloqueia a geração), então pintá-lo de vermelho como os faltantes mentiria sobre a urgência. */ #cooperBedinView .cb-doc-check--pendente { background: rgba(148, 163, 184, 0.10); } #cooperBedinView .cb-doc-check--pendente .cb-doc-check__ic, #cooperBedinView .cb-doc-check--pendente .cb-doc-check__st { color: #64748b; } #cooperBedinView .cb-doc-check--enviando { background: rgba(37, 99, 235, 0.07); } #cooperBedinView .cb-doc-check--enviando .cb-doc-check__ic, #cooperBedinView .cb-doc-check--enviando .cb-doc-check__st { color: #1d4ed8; } #cooperBedinView .cb-doc-check--erro { background: rgba(206, 27, 44, 0.06); } #cooperBedinView .cb-doc-check--erro .cb-doc-check__ic, #cooperBedinView .cb-doc-check--erro .cb-doc-check__st { color: var(--cb-red); } #cooperBedinView .cb-cp .cb-doc-check__txt { flex: 1 1 auto; gap: 4px; } #cooperBedinView .cb-cp__erro { background: rgba(206, 27, 44, 0.08); border-left: 3px solid var(--cb-red); border-radius: 0 6px 6px 0; color: var(--cb-red); display: block; font-size: 0.76rem; margin-top: 4px; padding: 6px 9px; } #cooperBedinView .cb-cp__espera { background: rgba(148, 163, 184, 0.09); border-left: 3px solid color-mix(in srgb, var(--cb-muted) 45%, transparent); border-radius: 0 6px 6px 0; color: var(--cb-muted); font-size: 0.76rem; margin: 7px 0 0; padding: 8px 10px; } #cooperBedinView .cb-cp__meta { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 6px 0 0; } #cooperBedinView .cb-cp__meta div { display: flex; flex-direction: column; gap: 1px; min-width: 0; } #cooperBedinView .cb-cp__meta dt { color: var(--cb-muted); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.03em; } #cooperBedinView .cb-cp__meta dd { color: var(--cb-text); font-size: 0.78rem; margin: 0; overflow-wrap: anywhere; } #cooperBedinView .cb-cp__acoes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 9px; } #cooperBedinView .cb-cp__acoes .cb-btn { cursor: pointer; } #cooperBedinView .cb-cp__acoes .cb-btn--perigo { color: var(--cb-red); } #cooperBedinView .cb-cp__drop { align-items: center; background: rgba(148, 163, 184, 0.05); border: 1px dashed color-mix(in srgb, var(--cb-muted) 42%, transparent); border-radius: 10px; display: flex; flex-direction: column; gap: 7px; margin-top: 8px; padding: 14px 12px; text-align: center; transition: background 0.12s ease, border-color 0.12s ease; } #cooperBedinView .cb-cp__drop.is-sobre { background: rgba(37, 99, 235, 0.08); border-color: #1d4ed8; border-style: solid; } #cooperBedinView .cb-cp__drop.is-ocupado { opacity: 0.6; } #cooperBedinView .cb-cp__drop-txt { color: var(--cb-muted); font-size: 0.78rem; margin: 0; } #cooperBedinView .cb-cp__drop-nota { color: var(--cb-muted); font-size: 0.71rem; margin: 0; } #cooperBedinView .cb-cp__drop label { cursor: pointer; } #cooperBedinView .cb-cp__drop label.is-disabled, #cooperBedinView .cb-cp__acoes label.is-disabled { cursor: not-allowed; opacity: 0.6; } #cooperBedinView .cb-doc-bloqueio { background: rgba(206, 27, 44, 0.05); border: 1px solid color-mix(in srgb, var(--cb-red) 24%, transparent); border-radius: 11px; margin-top: 16px; padding: 13px 15px; } #cooperBedinView .cb-doc-bloqueio strong { color: var(--cb-text); font-size: 0.88rem; } #cooperBedinView .cb-doc-bloqueio p { color: var(--cb-muted); font-size: 0.8rem; margin: 4px 0 6px; } #cooperBedinView .cb-doc-bloqueio ul { color: var(--cb-muted); font-size: 0.78rem; margin: 0; padding-left: 18px; } #cooperBedinView .cb-doc-bloqueio li { margin-bottom: 3px; } #cooperBedinView .cb-doc-bloqueio li strong { font-size: 0.78rem; } #cooperBedinView .cb-doc-pronto { background: rgba(16, 122, 68, 0.07); border: 1px solid rgba(16, 122, 68, 0.22); border-radius: 11px; color: #0f5132; font-size: 0.82rem; margin-top: 16px; padding: 12px 14px; } #cooperBedinView .cb-doc-erro { background: rgba(206, 27, 44, 0.08); border-radius: 9px; color: var(--cb-red); font-size: 0.8rem; margin-top: 12px; padding: 10px 12px; } #cooperBedinView .cb-doc-acoes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; } #cooperBedinView .cb-doc-nota { color: var(--cb-muted); font-size: 0.74rem; margin-top: 10px; } @media (max-width: 900px) { #cooperBedinView .cb-doc-grid { grid-template-columns: 1fr; } #cooperBedinView .cb-doc-usinas { max-height: 280px; } } /* ══ Cockpit da competência ═══════════════════════════════════════════════════════════════ Contexto -> decisão -> ação -> memória. Sem card dentro de card, sem número decorativo: cada linha do checklist tem estado, quantidade, dono e verbo. */ .cb-cockpit { background: var(--cb-surface, #fff); border: 1px solid var(--cb-border, #e4e7ec); border-left: 4px solid var(--cb-accent, #ce1b2c); border-radius: 12px; margin-bottom: 18px; padding: 18px 20px; } .cb-cockpit--pronta-fechamento, .cb-cockpit--concluida { border-left-color: #027a48; } .cb-cockpit--pronta-revisao { border-left-color: #b54708; } .cb-cockpit__loading { color: var(--cb-muted, #667085); font-size: 0.86rem; margin: 0; } .cb-ck-head { align-items: flex-start; border-bottom: 1px solid var(--cb-border, #e4e7ec); display: flex; gap: 20px; justify-content: space-between; padding-bottom: 14px; } .cb-ck-pergunta p { color: var(--cb-muted, #667085); font-size: 0.8rem; margin: 0 0 2px; text-transform: uppercase; letter-spacing: 0.04em; } .cb-ck-resposta { display: block; font-size: 1.9rem; font-weight: 700; line-height: 1.1; } .cb-cockpit--em-preparacao .cb-ck-resposta, .cb-cockpit--bloqueada .cb-ck-resposta { color: #b42318; } .cb-cockpit--pronta-revisao .cb-ck-resposta { color: #b54708; } .cb-cockpit--pronta-fechamento .cb-ck-resposta, .cb-cockpit--concluida .cb-ck-resposta { color: #027a48; } .cb-ck-motivo { color: var(--cb-muted, #667085); display: block; font-size: 0.86rem; margin-top: 2px; } .cb-ck-acao { flex-shrink: 0; text-align: right; } .cb-ck-acao small { color: var(--cb-muted, #667085); display: block; font-size: 0.72rem; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.04em; } .cb-ck-lista { display: flex; flex-direction: column; padding-top: 6px; } .cb-ck-item { align-items: center; border-bottom: 1px solid var(--cb-border-subtle, #f2f4f7); display: grid; gap: 10px; grid-template-columns: 10px 1fr auto 92px; padding: 9px 0; } .cb-ck-item:last-child { border-bottom: 0; } .cb-ck-item__dot { border-radius: 50%; height: 8px; width: 8px; } .cb-ck-item--ok .cb-ck-item__dot { background: #12b76a; } .cb-ck-item--atencao .cb-ck-item__dot { background: #f79009; } .cb-ck-item--bloqueio .cb-ck-item__dot { background: #f04438; } .cb-ck-item__label { font-size: 0.9rem; } .cb-ck-item__qtd { color: var(--cb-muted, #667085); font-size: 0.86rem; font-variant-numeric: tabular-nums; } .cb-ck-item__vazio { display: block; } /* ── Financeiro: pendências reais e memória de cálculo ── */ .cb-fin-readiness { border-radius: 999px; font-size: 0.76rem; font-weight: 600; padding: 4px 10px; } .cb-fin-readiness--em-preparacao, .cb-fin-readiness--bloqueada { background: #fef3f2; color: #b42318; } .cb-fin-readiness--pronta-revisao { background: #fffaeb; color: #b54708; } .cb-fin-readiness--pronta-fechamento, .cb-fin-readiness--concluida { background: #ecfdf3; color: #027a48; } .cb-fin-warn { background: #fffaeb; border: 1px solid #fedf89; border-radius: 10px; color: #93370d; font-size: 0.86rem; margin-bottom: 14px; padding: 12px 14px; } .cb-fin-pend-grupo { margin-top: 12px; } .cb-fin-pend-grupo h4 { color: var(--cb-muted, #667085); font-size: 0.76rem; margin: 0 0 6px; text-transform: uppercase; letter-spacing: 0.04em; } .cb-fin-pend { align-items: center; border-bottom: 1px solid var(--cb-border-subtle, #f2f4f7); display: flex; gap: 12px; justify-content: space-between; padding: 8px 0; } .cb-fin-pend__main { display: flex; flex-direction: column; gap: 1px; } .cb-fin-pend__main small { color: var(--cb-muted, #667085); font-size: 0.76rem; } .cb-fin-pend__qtd { color: var(--cb-muted, #667085); font-size: 0.8rem; } .cb-fin-pend__semacao { color: var(--cb-muted, #667085); font-size: 0.78rem; font-style: italic; } /* Qualificação da pendência: parte das usinas contadas JÁ tem o documento, e o que falta é o número dentro dele. É informação de diagnóstico, não alerta - por isso segue no tom mudo da linha, apenas destacada do texto-amostra que vem acima. */ .cb-fin-pend__nota { color: var(--cb-muted, #667085); font-size: 0.76rem; margin-top: 2px; } .cb-fin-nota { color: var(--cb-muted, #667085); font-size: 0.78rem; margin: 8px 0 0; } /* Cada UC duplicada com o próprio "Resolver": decisão é por UC, nunca em lote. */ .cb-dup-ucs { display: flex; flex-direction: column; gap: 4px; list-style: none; margin: 2px 0 0; padding: 0; } .cb-dup-uc { align-items: center; color: var(--cb-muted, #667085); display: flex; font-size: 0.76rem; gap: 10px; justify-content: space-between; } .cb-dup-uc .syn-btn { flex-shrink: 0; } /* vinculo_resolvido_pela_data_v1: desligamento com data e adesão posterior ficam recolhidos - conciliação de energia, não fila. Sem botão, com a mesma leitura discreta da lista. */ .cb-fv-resolvidas { margin: 6px 0 2px; } .cb-fv-resolvidas > summary { color: var(--cb-muted, #667085); cursor: pointer; font-size: 0.8rem; } .cb-fv-resolvidas .cb-fin-pend__main { margin-top: 6px; } /* Modal "Resolver linha repetida": cada candidata é um cartão lado a lado, com os MESMOS dados que o Demonstrativo trouxe - decisão humana, nunca escolha automática (P-01). */ #cooperBedinView .cb-dup-opcoes { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 10px; } #cooperBedinView .cb-dup-opcao { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; padding: 12px; } #cooperBedinView .cb-dup-opcao--ativa { border-color: var(--cb-ok, #027a48); } #cooperBedinView .cb-dup-opcao__head { align-items: center; display: flex; gap: 8px; justify-content: space-between; margin-bottom: 6px; } #cooperBedinView .cb-dup-opcao .cb-defs--compact { margin-bottom: 10px; } #cooperBedinView .cb-dup-opcao .syn-btn { width: 100%; } /* Duplicidade do Demonstrativo: informativa, nunca pendência. Fica visualmente NEUTRA de propósito - vermelho pediria providência que muitas vezes não existe. */ #cooperBedinView .cb-fin-panel--info { border-left: 3px solid var(--cb-line); } /* Divergência que BLOQUEIA a autorização: pressão visual, sem alarme. A energia continua na prévia - o que está barrado é fechar sem alguém olhar a data. */ #cooperBedinView .cb-fin-panel--bloqueio { border-left: 3px solid var(--cb-aten); } #cooperBedinView .cb-fin-pend--info { border-bottom-style: dashed; } /* Efeito da linha na Conferência: bloqueante x fora do cálculo. Texto, não só cor. */ #cooperBedinView .cb-conf-efeito { color: var(--cb-muted, #667085); font-size: 0.78rem; white-space: nowrap; } #cooperBedinView .cb-conf-efeito--bloqueia { color: var(--cb-aten); font-weight: 600; } .cb-fin-form { align-items: flex-end; display: flex; flex-wrap: wrap; gap: 12px; } .cb-fin-campo { display: flex; flex-direction: column; gap: 3px; } .cb-fin-campo span { font-size: 0.82rem; font-weight: 600; } .cb-fin-campo small { color: var(--cb-muted, #667085); font-size: 0.72rem; } .cb-fin-campo input, .cb-fin-campo select, .cb-fin-usina input { border: 1px solid var(--cb-border, #e4e7ec); border-radius: 8px; font-size: 0.9rem; padding: 7px 9px; width: 140px; } .cb-fin-usinas { display: flex; flex-direction: column; } .cb-fin-usina { align-items: center; border-bottom: 1px solid var(--cb-border-subtle, #f2f4f7); display: grid; gap: 10px; grid-template-columns: 1fr 140px auto; padding: 7px 0; } .cb-fin-usina:last-child { border-bottom: 0; } .cb-fin-usina__nome { font-size: 0.88rem; } /* Preço ao gerador: valor + competência a partir da qual vale (preco_gerador_por_competencia_v1). */ .cb-fin-usina--preco { grid-template-columns: 1fr 140px 180px auto; } .cb-fin-usina--preco input { box-sizing: border-box; min-width: 0; } .cb-fin-usina--preco input[type="month"] { width: 100%; } /* Até 900px a regra geral de .cb-fin-usina empilha tudo (mais abaixo no arquivo); aqui o nome ocupa a linha, preço e competência ficam lado a lado e o botão não estica. */ @media (max-width: 900px) { .cb-fin-usina.cb-fin-usina--preco { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .cb-fin-usina--preco .cb-fin-usina__nome { grid-column: 1 / -1; } .cb-fin-usina--preco input, .cb-fin-usina--preco input[type="month"] { width: 100%; } .cb-fin-usina--preco button[type="submit"] { grid-column: 1 / -1; justify-self: start; } } /* Memória de cálculo: a conta inteira, como o backend a devolveu. */ .cb-mem { border-bottom: 1px solid var(--cb-border-subtle, #f2f4f7); } .cb-mem:last-child { border-bottom: 0; } /* Base reutilizável: alternância neutra acompanha a linha inteira. Estados de conferência/seleção preservam o destaque próprio. Primeira aplicação: Financeiro. */ #cooperBedinView .cb-linhas-alternadas > .cb-mem > summary { border-radius: 8px; padding: 12px 14px; } #cooperBedinView .cb-linhas-alternadas > .cb-mem:nth-child(even):not(.is-foco) > summary { background: var(--cb-row-alternada); } #cooperBedinView .cb-linhas-alternadas > .cb-mem:not(.is-foco) > summary:hover { background: var(--cb-row-hover); } #cooperBedinView .cb-linhas-alternadas > .cb-mem > summary:focus-visible { outline: 2px solid var(--cb-ink); outline-offset: -2px; } #cooperBedinView .cb-linhas-alternadas > .cb-mem > .cb-mem__body { padding: 14px; } #cooperBedinView .cb-tabela-alternada > tbody > tr:nth-child(even) { background: var(--cb-row-alternada); } #cooperBedinView .cb-tabela-alternada > tbody > tr:hover, #cooperBedinView .cb-tabela-alternada > tbody > tr:focus-within { background: var(--cb-row-hover); } #cooperBedinView .cb-benef__indicadores { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); margin-top: 16px; } #cooperBedinView .cb-benef__indicador { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; cursor: pointer; font: inherit; padding: 12px; text-align: left; } #cooperBedinView .cb-benef__indicador span { color: var(--cb-muted); display: block; font-size: 0.74rem; margin-bottom: 6px; } #cooperBedinView .cb-benef__indicador strong { color: var(--cb-ink); font-size: 1.1rem; } #cooperBedinView .cb-benef__indicador:hover, #cooperBedinView .cb-benef__indicador.is-ativo { background: var(--st-info-bg); border-color: var(--st-info); } #cooperBedinView .cb-benef__indicador:focus-visible, #cooperBedinView .cb-benef__abrir-uc:focus-visible { outline: 2px solid var(--cb-ink); outline-offset: 3px; } #cooperBedinView .cb-benef__abrir-uc { background: transparent; border: 0; color: var(--cb-ink); cursor: pointer; font: inherit; font-weight: 700; padding: 3px; text-decoration: underline; text-underline-offset: 3px; } .cb-mem > summary { align-items: center; cursor: pointer; display: flex; gap: 12px; justify-content: space-between; padding: 10px 0; } .cb-mem__pago { font-variant-numeric: tabular-nums; font-weight: 700; margin-left: auto; } .cb-mem__sim { background: #fffaeb; border-radius: 999px; color: #b54708; font-size: 0.7rem; padding: 2px 8px; } .cb-mem__apurado { background: #ecfdf3; border-radius: 999px; color: #027a48; font-size: 0.7rem; padding: 2px 8px; } .cb-mem__body { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; padding: 4px 0 14px; } .cb-mem__body h5 { color: var(--cb-muted, #667085); font-size: 0.74rem; margin: 0 0 6px; text-transform: uppercase; letter-spacing: 0.04em; } /* Memória de cálculo: colunas ESTÁVEIS (item · base/fórmula · valor · origem). Era flex com `justify-content: space-between` e a nota em `flex-basis: 100%` - ou seja, cada linha se distribuía sozinha e a nota quebrava para uma linha própria. Resultado: nenhum valor alinhava com o de cima e a leitura virava caça ao número. Grid resolve porque as colunas passam a ser as MESMAS em todas as linhas. */ .cb-mem__cab, .cb-mem__l { align-items: baseline; display: grid; grid-template-columns: minmax(9rem, 1.1fr) minmax(0, 1.4fr) minmax(6.5rem, auto) minmax(0, 0.9fr); gap: 4px 12px; padding: 3px 0; } .cb-mem__cab { border-bottom: 1px solid var(--cb-border, #e4e7ec); color: var(--cb-muted, #667085); font-size: 0.68rem; letter-spacing: 0.04em; margin-bottom: 2px; padding-bottom: 4px; text-transform: uppercase; } .cb-mem__cab span:nth-child(3) { text-align: right; } .cb-mem__l { font-size: 0.84rem; } .cb-mem__item { color: var(--cb-text, #101828); } /* Estado da linha: discreto ao lado do item. Pendente e sem regra ficam legiveis mas nao alarmantes - nao sao erro, sao a verdade sobre o que ainda nao existe. */ .cb-mem__estado { border-radius: 3px; font-size: 0.66rem; font-weight: 600; letter-spacing: 0.01em; margin-left: 6px; padding: 1px 5px; text-transform: lowercase; white-space: nowrap; } .cb-mem__estado--calculado, .cb-mem__estado--informado { background: #eef2f7; color: #475467; } .cb-mem__estado--provisorio { background: #fff4e5; color: #9a5b00; } .cb-mem__estado--pendente { background: #fef0f0; color: #b42318; } .cb-mem__estado--sem_regra, .cb-mem__estado--nao_aplicavel { background: #f4f4f5; color: #71717a; font-weight: 500; } /* Conferencia financeira: bloco de acoes de IRRF/OUTROS, junto da conta que ele altera. */ #cooperBedinView .cb-conf { border-top: 1px solid var(--cb-borda, #e4e7ec); margin-top: 12px; padding-top: 12px; } #cooperBedinView .cb-conf h5 { font-size: 0.82rem; margin: 0 0 4px; } #cooperBedinView .cb-conf__txt { color: var(--cb-muted, #667085); font-size: 0.76rem; line-height: 1.45; margin: 0 0 8px; max-width: 78ch; } #cooperBedinView .cb-conf__acoes { display: flex; flex-wrap: wrap; gap: 6px; } /* Lançamentos de OUTROS à vista de quem confere. Cada linha traz as duas ações por extenso: escondê-las na memória de cálculo (um `
` colapsado, coluna "Origem") fez a operadora concluir que editar não existia. */ #cooperBedinView .cb-conf__ajustes { background: var(--cb-fundo-suave, #f9fafb); border: 1px solid var(--cb-borda, #e4e7ec); border-radius: 8px; margin: 0 0 10px; padding: 8px 10px; } #cooperBedinView .cb-conf__ajustes-tit { color: var(--cb-muted, #667085); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; margin: 0 0 6px; text-transform: uppercase; } #cooperBedinView .cb-conf__aj { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto auto; padding: 4px 0; } #cooperBedinView .cb-conf__aj + .cb-conf__aj { border-top: 1px solid var(--cb-borda, #e4e7ec); } #cooperBedinView .cb-conf__aj-desc { color: var(--cb-ink); font-size: 0.82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #cooperBedinView .cb-conf__aj-valor { font-size: 0.82rem; font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; } #cooperBedinView .cb-conf__aj-acoes { display: flex; gap: 4px; } #cooperBedinView .cb-conf__vazio { color: var(--cb-muted, #667085); font-size: 0.78rem; margin: 0 0 10px; } @media (max-width: 640px) { #cooperBedinView .cb-conf__aj { grid-template-columns: minmax(0, 1fr) auto; } #cooperBedinView .cb-conf__aj-acoes { grid-column: 1 / -1; } } #cooperBedinView .cb-mem__l--ajuste { opacity: 0.92; } #cooperBedinView .cb-mem__l--ajuste .cb-mem__item { padding-left: 10px; } /* Sobrescrita operacional (Fase 2C). O selo e a origem NÃO podem viver só em `title`: precisam funcionar no toque e no teclado - por isso
, não tooltip. */ #cooperBedinView .cb-mem__estado--sobrescrito, #cooperBedinView .cb-mem__estado--diverge_documento { background: rgba(180, 35, 24, 0.10); color: #b42318; font-weight: 700; } #cooperBedinView .cb-mem__l--sobrescrita { border-left: 3px solid #b42318; padding-left: 6px; } #cooperBedinView .cb-mem__sobr { font-size: 0.76rem; margin: 0 0 4px 6px; } #cooperBedinView .cb-mem__sobr > summary { color: #b42318; cursor: pointer; font-weight: 600; padding: 2px 0; } #cooperBedinView .cb-mem__sobr > summary:focus-visible { outline: 2px solid var(--cb-ink); outline-offset: 2px; } #cooperBedinView .cb-mem__sobr-corpo { background: var(--cb-fundo-suave, #f9fafb); border: 1px solid var(--cb-borda, #e4e7ec); border-radius: 8px; display: grid; gap: 4px; margin: 4px 0 6px; padding: 8px 10px; } #cooperBedinView .cb-mem__sobr-corpo > div { display: flex; gap: 10px; justify-content: space-between; } #cooperBedinView .cb-mem__sobr-corpo span { color: var(--cb-muted, #667085); } #cooperBedinView .cb-modal__impacto { color: var(--cb-muted, #667085); font-size: 0.8rem; line-height: 1.45; margin: 8px 0 0; max-width: 70ch; } #cooperBedinView .cb-modal__erro { background: rgba(180, 35, 24, 0.08); border-radius: 6px; color: #b42318; font-size: 0.82rem; font-weight: 600; margin: 10px 0 0; padding: 8px 10px; } #cooperBedinView .cb-fin-campo--wide { flex: 1 1 100%; } #cooperBedinView .cb-fin-campo--wide input { width: 100%; } .cb-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* Edição pela memória de cálculo: é ali que a pessoa confere, logo é ali que ela corrige. O botão traz ÍCONE + PALAVRA - só o lápis não comunica ação a quem nunca viu a tela. */ #cooperBedinView .cb-mem__editar { align-items: center; background: #fff; border: 1px solid var(--cb-borda, #e4e7ec); border-radius: 6px; color: var(--cb-ink); cursor: pointer; display: inline-flex; font: inherit; font-size: 0.7rem; font-weight: 600; gap: 4px; margin-left: 8px; padding: 2px 7px; vertical-align: middle; } #cooperBedinView .cb-mem__editar:hover { background: var(--cb-fundo-suave, #f9fafb); border-color: var(--cb-ink); } /* Teclado enxerga o mesmo destaque do mouse - a ação não pode existir só no hover. */ #cooperBedinView .cb-mem__editar:focus-visible { outline: 2px solid var(--cb-ink); outline-offset: 2px; } #cooperBedinView .cb-mem__editar[disabled] { cursor: not-allowed; opacity: 0.5; } #cooperBedinView .cb-mem__lapis { font-size: 0.78rem; line-height: 1; } /* Linha editável reage ao ponteiro; a somente-leitura não - é ela que não pode parecer clicável. */ #cooperBedinView .cb-mem__l--editavel:hover { background: var(--cb-fundo-suave, #f9fafb); } #cooperBedinView .cb-mem__l--editavel:focus-within { background: var(--cb-fundo-suave, #f9fafb); } @media (max-width: 640px) { #cooperBedinView .cb-mem__editar-txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } } #cooperBedinView .cb-mem__cancelar { background: none; border: 0; color: var(--cb-muted, #667085); cursor: pointer; font: inherit; font-size: 0.7rem; padding: 0; text-decoration: underline; } #cooperBedinView .cb-mem__cancelar:hover { color: #b42318; } .cb-fin-panel__nota { color: var(--cb-muted, #667085); font-size: 0.78rem; line-height: 1.45; margin: 0 0 10px; max-width: 78ch; } .cb-mem__base { color: var(--cb-muted, #667085); font-size: 0.75rem; } /* Números à direita, tabulares (alinham entre linhas) e SEM quebra entre valor e unidade: "9.409 kWh" nunca parte em duas linhas. */ .cb-mem__valor { font-variant-numeric: tabular-nums; font-weight: 600; text-align: right; white-space: nowrap; } /* Origem é contexto, não protagonista: fica legível mas visualmente secundária. */ .cb-mem__origem { color: var(--cb-muted, #667085); font-size: 0.72rem; } /* Totais: o que a operação procura primeiro. */ .cb-mem__l.is-total { border-top: 1px solid var(--cb-border, #e4e7ec); margin-top: 2px; padding-top: 6px; } .cb-mem__l.is-total .cb-mem__item { font-weight: 600; } .cb-mem__l.is-total .cb-mem__valor { font-size: 0.95rem; } /* "Conferir" contextual: a usina, a pendência e as linhas que a explicam. O destaque nunca é só cor - borda + fundo, e o motivo vem escrito no bloco "O que conferir nesta usina". */ #cooperBedinView .cb-mem.is-foco { border-left: 3px solid var(--cb-aten); padding-left: 10px; } #cooperBedinView .cb-mem[tabindex="-1"]:focus { outline: none; } #cooperBedinView .cb-mem__l--conferir { background: var(--cb-aten-bg); outline: 2px solid var(--cb-aten); outline-offset: -1px; border-radius: 4px; } #cooperBedinView .cb-mem__aconferir { background: var(--cb-aten-bg); border-radius: 999px; color: var(--cb-aten); font-size: 0.7rem; font-weight: 600; padding: 2px 8px; } #cooperBedinView .cb-mem__conferir { grid-column: 1 / -1; border: 1px solid rgba(245, 158, 11, 0.35); border-radius: 8px; padding: 8px 12px; } #cooperBedinView .cb-mem__conferir.is-foco { background: var(--cb-aten-bg); } #cooperBedinView .cb-mem__excecao-recebido { grid-column: 1 / -1; background: var(--cb-bg); border: 1px solid var(--cb-line); border-left: 3px solid var(--cb-ink); border-radius: 8px; padding: 12px 16px; min-width: 0; } #cooperBedinView .cb-mem__excecao-recebido dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: 10px 0; } #cooperBedinView .cb-mem__excecao-recebido dt, #cooperBedinView .cb-mem__excecao-recebido small { color: var(--cb-muted); font-size: 0.75rem; } #cooperBedinView .cb-mem__excecao-recebido dd { margin: 4px 0 0; font-weight: 700; } #cooperBedinView .cb-mem__excecao-recebido p { margin: 8px 0; font-size: 0.82rem; } #cooperBedinView .cb-mem__body:has(> .cb-mem__excecao-recebido) > * { min-width: 0; } #cooperBedinView .cb-mem__conferir ul { list-style: none; margin: 0 0 6px; padding: 0; display: flex; flex-direction: column; gap: 6px; } #cooperBedinView .cb-mem__conferir li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 0.82rem; } #cooperBedinView .cb-mem__conferir li > span { color: var(--cb-muted, #667085); flex: 1 1 100%; } #cooperBedinView .cb-mem__conferir li.is-atual > strong { color: var(--cb-aten); } #cooperBedinView .cb-mem__conferir-tag { background: var(--cb-aten); border-radius: 999px; color: #fff; font-size: 0.66rem; padding: 1px 7px; } #cooperBedinView .cb-fin-pend__usinas { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; } #cooperBedinView .cb-fin-pend__usinas li { display: inline-flex; align-items: center; gap: 6px; font-size: 0.82rem; } #cooperBedinView .cb-conferir__txt { display: flex; flex-direction: column; gap: 3px; flex: 1 1 30ch; } #cooperBedinView .cb-conferir__outras { font-size: 0.8rem; } #cooperBedinView .cb-conferir[tabindex="-1"]:focus { outline: 2px solid var(--cb-aten); outline-offset: 1px; } #cooperBedinView .cb-fin-pend.is-foco, #cooperBedinView .cb-conf-bloco.is-foco { outline: 2px solid var(--cb-aten); outline-offset: 2px; background: var(--cb-aten-bg); } #cooperBedinView .cb-conf-outras > summary { cursor: pointer; font-size: 0.85rem; color: var(--cb-muted, #667085); margin: 6px 0 10px; } /* Ocorrência do fechamento: o que aconteceu naquela usina naquele mês. Contexto, não dinheiro - por isso fica abaixo da conta, com peso visual menor que os totais. */ #cooperBedinView .cb-mem__ocorr { grid-column: 1 / -1; border: 1px solid var(--cb-border, #e4e7ec); border-radius: 8px; padding: 8px 12px; display: flex; flex-direction: column; gap: 6px; } #cooperBedinView .cb-mem__ocorr.is-sugerida { border-color: rgba(245, 158, 11, 0.45); background: var(--cb-aten-bg); } #cooperBedinView .cb-mem__ocorr h5 { margin: 0; } /* A quebra de linha do texto vem daqui, nunca de HTML montado com o conteúdo do usuário. */ #cooperBedinView .cb-mem__ocorr-texto { margin: 0; font-size: 0.88rem; white-space: pre-wrap; overflow-wrap: anywhere; } #cooperBedinView .cb-mem__ocorr-ctx { margin: 0; font-size: 0.78rem; color: var(--cb-muted, #667085); } #cooperBedinView .cb-mem__ocorr-acoes { display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-mem__ocorr textarea { border: 1px solid var(--cb-border, #e4e7ec); border-radius: 8px; font: inherit; font-size: 0.88rem; padding: 8px 10px; resize: vertical; width: 100%; } #cooperBedinView .cb-mem__ocorr-selo { background: var(--cb-ok-bg, #ecfdf3); border-radius: 999px; color: var(--cb-ok, #027a48); font-size: 0.7rem; font-weight: 600; padding: 2px 8px; } /* O valor do kWh efetivamente cobrado é a chave de leitura da memória. */ .cb-mem__l.is-chave { background: var(--cb-surface-2, #f9fafb); border-radius: 6px; padding: 5px 6px; } .cb-mem__l.is-chave .cb-mem__item, .cb-mem__l.is-chave .cb-mem__valor { font-weight: 700; } /* Sem largura fixa: em tela estreita as colunas viram duas faixas e a base/origem passam a ocupar a linha inteira, mas valor e unidade continuam juntos. */ @media (max-width: 720px) { .cb-mem__cab { display: none; } .cb-mem__l { grid-template-columns: 1fr auto; row-gap: 2px; } .cb-mem__base, .cb-mem__origem { grid-column: 1 / -1; } } /* Parâmetros por usina: cabeçalho e coluna "em uso" do valor cobrado. As trilhas dos três números são as MESMAS no cabeçalho e na linha - por isso ficam em uma custom property: mexer em uma só metade desalinha o rótulo do campo. `minmax(0, …)` em toda coluna que recebe texto ou input porque o mínimo automático do grid é o conteúdo, e conteúdo que não cabe vaza por cima da coluna vizinha em vez de encolher. */ .cb-fin-usinas__cab, .cb-fin-usina--params { --cb-fin-params-cols: minmax(8rem, 1.3fr) minmax(0, 7rem) minmax(0, 7rem) minmax(0, 7rem) minmax(0, 1.2fr) auto; } .cb-fin-usinas__cab { color: var(--cb-muted, #667085); display: grid; font-size: 0.68rem; gap: 8px; grid-template-columns: var(--cb-fin-params-cols); letter-spacing: 0.04em; padding: 4px 0; text-transform: uppercase; } /* Rótulos dos três números acompanham o alinhamento à direita dos inputs. */ .cb-fin-usinas__cab span:nth-child(2), .cb-fin-usinas__cab span:nth-child(3), .cb-fin-usinas__cab span:nth-child(4) { text-align: right; } .cb-fin-usina--params { align-items: center; display: grid; gap: 8px; grid-template-columns: var(--cb-fin-params-cols); } /* `width: 140px` herdado de .cb-fin-usina input era maior que a trilha (6,5rem = 104px): cada input transbordava ~36px e cobria o vizinho - os três números e o texto "em uso" apareciam sobrepostos. A largura passa a ser a da própria coluna. */ .cb-fin-usina--params input { font-variant-numeric: tabular-nums; min-width: 0; text-align: right; width: 100%; } .cb-fin-usina__origem { color: var(--cb-muted, #667085); font-size: 0.72rem; min-width: 0; overflow-wrap: anywhere; } .cb-fin-usina__origem.is-manual { color: var(--cb-accent, #1570ef); font-weight: 600; } /* Faixa intermediária: o cabeçalho ainda vale, mas "em uso" não cabe ao lado dos números - desce para a linha inteira em vez de espremer as trilhas. */ @media (max-width: 1180px) { .cb-fin-usinas__cab, .cb-fin-usina--params { --cb-fin-params-cols: minmax(6rem, 1.3fr) minmax(0, 6.5rem) minmax(0, 6.5rem) minmax(0, 6.5rem) auto; } .cb-fin-usinas__cab span:nth-child(5) { display: none; } /* Posição explícita: sem isso o "em uso" ocupa a linha 2 e empurra o Salvar para uma terceira linha só dele. */ .cb-fin-usina--params .cb-fin-usina__origem { grid-column: 1 / -1; grid-row: 2; } .cb-fin-usina--params button[type="submit"] { grid-column: 5; grid-row: 1; } } /* Empilhado: nome, os três números, "em uso" e o Salvar, cada um na sua linha. `grid-row: auto` é obrigatório - sem ele a posição explícita da faixa de 1180px continua valendo aqui e o Salvar colide com os inputs na linha 1. */ @media (max-width: 900px) { .cb-fin-usinas__cab { display: none; } .cb-fin-usina--params { --cb-fin-params-cols: repeat(3, minmax(0, 1fr)); } .cb-fin-usina--params .cb-fin-usina__nome, .cb-fin-usina--params .cb-fin-usina__origem { grid-column: 1 / -1; grid-row: auto; } .cb-fin-usina--params button[type="submit"] { grid-column: 1 / -1; grid-row: auto; justify-self: start; } } .cb-mem__meta { color: var(--cb-muted, #667085); display: flex; font-size: 0.74rem; gap: 14px; grid-column: 1 / -1; } /* ── Apuração: os dois atos humanos da capability oficial ────────────────────── */ .cb-apur { border-top: 1px solid var(--cb-line, #e4e7ec); display: flex; flex-direction: column; gap: 10px; grid-column: 1 / -1; margin-top: 4px; padding-top: 12px; } .cb-apur__trilha { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; } .cb-apur__etapa { align-items: center; color: var(--cb-muted, #667085); display: flex; font-size: 0.76rem; font-weight: 700; gap: 6px; letter-spacing: 0.02em; text-transform: uppercase; } .cb-apur__dot { border: 2px solid var(--cb-line, #e4e7ec); border-radius: 50%; height: 10px; width: 10px; } .cb-apur__etapa.is-done { color: var(--cb-ok, #15803d); } .cb-apur__etapa.is-done .cb-apur__dot { background: var(--cb-ok, #15803d); border-color: var(--cb-ok, #15803d); } .cb-apur__etapa.is-active { color: var(--cb-red-dark, #a3162a); } .cb-apur__etapa.is-active .cb-apur__dot { background: var(--cb-red, #ce1b2c); border-color: var(--cb-red, #ce1b2c); box-shadow: 0 0 0 3px rgba(206, 27, 44, 0.16); } .cb-apur__txt { color: var(--cb-text, #344054); font-size: 0.86rem; line-height: 1.5; margin: 0; } .cb-apur__alerta { background: var(--cb-aten-bg, rgba(247, 144, 9, 0.12)); border-radius: 8px; color: var(--cb-aten, #b54708); font-size: 0.85rem; line-height: 1.45; margin: 0; padding: 9px 12px; } .cb-apur .cb-btn { align-self: flex-start; } .cb-apur__ok { background: var(--cb-ok-bg, rgba(21, 128, 61, 0.1)); border-radius: 8px; color: var(--cb-ok, #15803d); font-size: 0.85rem; line-height: 1.45; margin: 0; padding: 9px 12px; } .cb-apur__faltas { color: var(--cb-text, #344054); font-size: 0.86rem; line-height: 1.5; margin: 0; padding-left: 20px; } .cb-apur--apurada { border-top-color: var(--cb-ok, #15803d); } .cb-apur--apurada .cb-apur__txt { color: var(--cb-ok, #15803d); } @media (max-width: 900px) { .cb-ck-head { flex-direction: column; } .cb-ck-acao { text-align: left; } .cb-ck-item { grid-template-columns: 10px 1fr auto; } .cb-ck-item button { grid-column: 2 / -1; justify-self: start; } .cb-mem__body { grid-template-columns: 1fr; } .cb-fin-usina { grid-template-columns: 1fr; } } /* ── Fatura da usina: o último número que era digitado ── */ .cb-fat-form { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; } .cb-fat-form select { border: 1px solid var(--cb-border, #e4e7ec); border-radius: 8px; font-size: 0.86rem; padding: 7px 9px; } .cb-fat-form select { min-width: 260px; } /* O agora e oculto: quem o dispara e o CTA "Importar a fatura da Copel". A secao apenas ACOMPANHA - mostra o arquivo escolhido, a leitura e os erros. */ .cb-fat-arquivo { color: var(--cb-text, #344054); font-size: 0.86rem; } .cb-fat-arquivo__ok { color: var(--cb-ok, #15803d); font-weight: 800; } .cb-fat-arquivo__vazio { color: var(--cb-muted, #667085); } .cb-fat-fallback { align-items: center; background: var(--cb-aten-bg, rgba(247, 144, 9, 0.12)); border-radius: 8px; color: var(--cb-aten, #b54708); display: flex; flex-wrap: wrap; font-size: 0.85rem; gap: 10px; margin: 8px 0 0; padding: 9px 12px; } /* ESCADA DE MARCOS DA FATURA Substitui a antiga `.cb-fat-lendo` (uma linha cinza, estatica, sem movimento e sem fato, que cobria os DOIS round-trips a Edge). Aqui cada etapa concluida ACUMULA, compactada, com o fato que o sistema aprendeu; so a etapa em curso fica viva, com o spinner que o fluxo do Demonstrativo ja usa (mesma animacao `cb-spin`, sem componente novo). */ .cb-fat-passos { display: flex; flex-direction: column; gap: 7px; list-style: none; margin: 0; padding: 0; width: 100%; } .cb-fat-passo { align-items: center; display: flex; font-size: 0.86rem; gap: 8px; line-height: 1.35; } .cb-fat-passo__ic { align-items: center; background: var(--cb-ok-bg, rgba(21, 128, 61, 0.10)); border-radius: 50%; color: var(--cb-ok, #15803d); display: inline-flex; flex: none; font-size: 0.68rem; font-weight: 800; height: 17px; justify-content: center; width: 17px; } .cb-fat-passo__spin { animation: cb-spin 0.7s linear infinite; border: 2px solid var(--cb-line, #e4e7ec); border-radius: 50%; border-top-color: var(--cb-red, #c1121f); flex: none; height: 15px; width: 15px; } .cb-fat-passo__rot { color: var(--cb-text, #344054); font-weight: 600; } .cb-fat-passo__fato { color: var(--cb-ink, #101828); font-weight: 700; } .cb-fat-passo__fato::before { color: var(--cb-muted, #667085); content: "·"; font-weight: 400; margin-right: 6px; } .cb-fat-passo.is-vivo .cb-fat-passo__rot { color: var(--cb-muted, #667085); font-weight: 600; } /* Recuo do documento: caminho de retry sem reimportar as cegas. */ #cooperBedinView .cb-foco__retry { display: flex; margin-top: 2px; } /* O sistema reconhece a usina pelo PDF. A selecao manual e EXCECAO. */ .cb-fat-excecao { background: var(--cb-aten-bg, rgba(247, 144, 9, 0.12)); border-radius: 10px; display: flex; flex-direction: column; gap: 10px; margin-top: 10px; padding: 12px 14px; } .cb-fat-excecao__txt { color: var(--cb-aten, #b54708); font-size: 0.86rem; line-height: 1.45; margin: 0; } .cb-fat-excecao__txt span { font-weight: 400; opacity: 0.85; } .cb-fat-excecao__campo { display: flex; flex-direction: column; gap: 5px; } .cb-fat-excecao__campo > span { color: var(--cb-text, #344054); font-size: 0.82rem; font-weight: 600; } .cb-fat-excecao__campo select { border: 1px solid var(--cb-border, #e4e7ec); border-radius: 8px; font-size: 0.86rem; max-width: 340px; padding: 7px 9px; } .cb-fat-excecao .syn-btn { align-self: flex-start; } /* A fatura reconhecida aparece no bloco Proxima acao - onde o operador esta olhando. `.cb-fat-fluxo` e o UNICO filho que o `.cb-foco__cta` (flex em linha) recebe durante o fluxo: assim a escada empilha em coluna sem alterar o layout do CTA normal, que continua sendo um botao de largura intrinseca. */ #cooperBedinView .cb-fat-fluxo { display: flex; flex-direction: column; gap: 12px; width: 100%; } #cooperBedinView .cb-foco__fatura { display: flex; flex-direction: column; gap: 10px; width: 100%; } #cooperBedinView .cb-foco__fatura-head { align-items: center; display: flex; gap: 8px; } #cooperBedinView .cb-foco__fatura-head strong { color: var(--cb-ok); font-size: 0.95rem; } #cooperBedinView .cb-foco__fatura-check { align-items: center; background: var(--cb-ok); border-radius: 50%; color: #fff; display: inline-flex; font-size: 0.72rem; font-weight: 800; height: 18px; justify-content: center; width: 18px; } #cooperBedinView .cb-foco__fatura .cb-conf { background: var(--cb-ok-bg); border: 1px solid rgba(21, 128, 61, 0.18); border-radius: 10px; gap: 10px 24px; margin: 0; padding: 12px 14px; } #cooperBedinView .cb-foco__fatura-aviso { background: var(--cb-aten-bg); border-radius: 8px; color: var(--cb-aten); font-size: 0.85rem; line-height: 1.45; margin: 0; padding: 9px 12px; } #cooperBedinView .cb-foco__fatura-cta { display: flex; flex-wrap: wrap; gap: 10px; } .cb-fat-previa { background: var(--cb-surface-2, #f9fafb); border: 1px solid var(--cb-border, #e4e7ec); border-radius: 10px; margin-top: 12px; padding: 12px 14px; } .cb-fat-previa h4 { font-size: 0.9rem; margin: 0 0 8px; } .cb-fat-confirma { display: flex; gap: 8px; margin-top: 10px; } .cb-fin-erro { color: #b42318; font-size: 0.84rem; margin: 8px 0 0; } /* ========================================================================== Prospecção Comercial (Fase 2) - núcleo mobile-first de visitas. Reusa .syn-btn / .syn-btn-icon / .cb-input / .cb-feedback. cb-prosp é layout. ========================================================================== */ #cooperBedinView .cb-prosp { max-width: 640px; margin: 0 auto; padding-bottom: 88px; } #cooperBedinView .cb-prosp-head { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; } #cooperBedinView .cb-prosp-head--form { position: sticky; top: 0; z-index: 5; background: var(--cb-surface, #fff); padding: 8px 0; } #cooperBedinView .cb-prosp-title { font-size: 1.1rem; font-weight: 800; margin: 0; } #cooperBedinView .cb-prosp-sub { font-size: 0.8rem; color: var(--cb-text-2, #667085); margin: 2px 0 0; } #cooperBedinView .cb-prosp-back { font-size: 1.4rem; line-height: 1; } #cooperBedinView .cb-prosp-filtros { display: flex; gap: 8px; margin: 0 0 12px; } #cooperBedinView .cb-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; } #cooperBedinView .cb-chip { min-height: 40px; padding: 8px 14px; border-radius: 999px; cursor: pointer; border: 1.5px solid var(--cb-border, #d0d5dd); background: var(--cb-surface, #fff); color: var(--cb-text, #1d2939); font-size: 0.95rem; font-weight: 600; } #cooperBedinView .cb-chip.is-on { border-color: var(--syn-color-primary-500, #0b5); background: rgba(0,150,80,0.12); color: #05663a; } #cooperBedinView .cb-prosp-lista { display: flex; flex-direction: column; gap: 10px; } #cooperBedinView .cb-prosp-card { display: block; width: 100%; text-align: left; cursor: pointer; border: 1px solid var(--cb-border, #e4e7ec); border-radius: 12px; background: var(--cb-surface, #fff); padding: 12px 14px; } #cooperBedinView .cb-prosp-card__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; } #cooperBedinView .cb-prosp-card__quando { font-size: 0.8rem; color: var(--cb-text-2, #667085); } #cooperBedinView .cb-prosp-card__nome { font-weight: 700; margin: 6px 0 4px; } #cooperBedinView .cb-prosp-card__meta { display: flex; flex-wrap: wrap; gap: 10px; } #cooperBedinView .cb-prosp-meta { font-size: 0.82rem; color: var(--cb-text-2, #667085); } #cooperBedinView .cb-prosp-pill { display: inline-flex; align-items: center; gap: 4px; font-size: 0.74rem; font-weight: 800; padding: 3px 9px; border-radius: 999px; text-transform: none; } #cooperBedinView .cb-prosp-pill--ok { background: #e7f6ec; color: #05663a; } #cooperBedinView .cb-prosp-pill--aten { background: #fef3cd; color: #8a5a00; } #cooperBedinView .cb-prosp-pill--off { background: #f2f4f7; color: #475467; } #cooperBedinView .cb-prosp-pill--neutro { background: #eef2ff; color: #3538cd; } #cooperBedinView .cb-prosp-vazio { text-align: center; padding: 40px 16px; color: var(--cb-text-2, #667085); } #cooperBedinView .cb-prosp-vazio__hint { font-size: 0.88rem; margin-top: 6px; } #cooperBedinView .cb-prosp-skel { padding: 24px; text-align: center; color: var(--cb-text-2, #667085); } #cooperBedinView .cb-prosp-block { margin: 0 0 14px; } #cooperBedinView .cb-prosp-big { width: 100%; min-height: 52px; font-size: 1rem; } #cooperBedinView .cb-prosp-status { margin-top: 6px; min-height: 20px; font-size: 0.9rem; } #cooperBedinView .cb-prosp-ok { color: #05663a; font-weight: 600; } #cooperBedinView .cb-prosp-warn { color: #8a5a00; font-weight: 600; } #cooperBedinView .cb-prosp-hint { font-size: 0.8rem; color: var(--cb-text-2, #667085); margin: 6px 0 0; } #cooperBedinView .cb-prosp-field { display: block; margin: 0 0 14px; } #cooperBedinView .cb-prosp-field > span { display: block; font-size: 0.86rem; font-weight: 600; margin-bottom: 4px; color: var(--cb-text, #1d2939); } #cooperBedinView .cb-prosp-field .cb-input, #cooperBedinView .cb-prosp-field textarea.cb-input { width: 100%; min-height: 48px; font-size: 16px; } #cooperBedinView .cb-prosp-thumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; } #cooperBedinView .cb-prosp-thumb { position: relative; width: 92px; height: 92px; border-radius: 10px; overflow: hidden; border: 1px solid var(--cb-border, #e4e7ec); } #cooperBedinView .cb-prosp-thumb.is-main { border: 2px solid var(--syn-color-primary-500, #0b5); } #cooperBedinView .cb-prosp-thumb img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; display: block; } #cooperBedinView .cb-prosp-thumb__ph { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #98a2b3; } #cooperBedinView .cb-prosp-thumb__star, #cooperBedinView .cb-prosp-thumb__del { position: absolute; top: 3px; width: 26px; height: 26px; border-radius: 50%; border: none; background: rgba(0,0,0,0.55); color: #fff; font-size: 0.8rem; cursor: pointer; line-height: 1; } #cooperBedinView .cb-prosp-thumb__star { left: 3px; } #cooperBedinView .cb-prosp-thumb.is-main .cb-prosp-thumb__star { background: var(--syn-color-primary-500, #0b5); } #cooperBedinView .cb-prosp-thumb__del { right: 3px; } #cooperBedinView .cb-prosp-linhas { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; } #cooperBedinView .cb-prosp-linha { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--cb-border, #f0f1f3); padding-bottom: 6px; } #cooperBedinView .cb-prosp-linha > span { color: var(--cb-text-2, #667085); font-size: 0.86rem; } #cooperBedinView .cb-prosp-linha > strong { text-align: right; font-weight: 600; } /* CTA fixa na zona do polegar. */ #cooperBedinView .cb-prosp-cta { position: sticky; bottom: 0; z-index: 5; display: flex; gap: 10px; padding: 12px 0; background: linear-gradient(180deg, rgba(255,255,255,0), var(--cb-surface, #fff) 30%); } #cooperBedinView .cb-prosp-cta .syn-btn { flex: 1; min-height: 52px; font-size: 1rem; } #cooperBedinView .cb-prosp-cta--dupla .syn-btn { flex: 1; } @media (prefers-color-scheme: dark) { #cooperBedinView .cb-prosp-pill--ok { background: rgba(6,102,58,0.25); color: #7ee2a8; } #cooperBedinView .cb-prosp-pill--aten { background: rgba(138,90,0,0.25); color: #fbd88a; } #cooperBedinView .cb-prosp-pill--off { background: rgba(71,84,103,0.25); color: #cbd5e1; } #cooperBedinView .cb-prosp-pill--neutro { background: rgba(53,56,205,0.25); color: #b3b7ff; } } /* ========================================================================== Ocorrências do consumidor (PROB) - memória operacional, na ficha. ========================================================================== */ #cooperBedinView .cb-ocorr__add { display: flex; gap: 8px; margin: 0 0 12px; } #cooperBedinView .cb-ocorr__add .cb-input { flex: 1; } #cooperBedinView .cb-ocorr__grupo { font-size: 0.74rem; text-transform: uppercase; letter-spacing: .05em; color: var(--cb-text-2, #667085); margin: 12px 0 6px; font-weight: 700; } #cooperBedinView .cb-ocorr__vazio { color: var(--cb-text-2, #667085); font-size: 0.88rem; padding: 6px 0; } #cooperBedinView .cb-ocorr__item { border: 1px solid var(--cb-border, #e4e7ec); border-radius: 10px; margin-bottom: 8px; overflow: hidden; } #cooperBedinView .cb-ocorr__item.is-open { border-color: var(--syn-color-primary-500, #0b5); } #cooperBedinView .cb-ocorr__row { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; gap: 2px 10px; width: 100%; text-align: left; cursor: pointer; background: var(--cb-surface, #fff); padding: 10px 12px; border: none; align-items: center; } #cooperBedinView .cb-ocorr__pill { grid-row: 1 / span 2; align-self: start; font-size: 0.72rem; font-weight: 800; padding: 3px 9px; border-radius: 999px; white-space: nowrap; } #cooperBedinView .cb-ocorr__pill--ok { background: #e7f6ec; color: #05663a; } #cooperBedinView .cb-ocorr__pill--aten { background: #fff6e6; color: #8a5a00; } #cooperBedinView .cb-ocorr__pill--off { background: #f2f4f7; color: #475467; } #cooperBedinView .cb-ocorr__pill--neutro { background: #fef0f0; color: #b42318; } #cooperBedinView .cb-ocorr__desc { font-weight: 600; } #cooperBedinView .cb-ocorr__meta { grid-column: 2; font-size: 0.76rem; color: var(--cb-text-2, #667085); } #cooperBedinView .cb-ocorr__editor { border-top: 1px solid var(--cb-border, #eef0f3); padding: 12px; background: var(--cb-surface-2, #f9fafb); } #cooperBedinView .cb-ocorr__cta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; } @media (prefers-color-scheme: dark) { #cooperBedinView .cb-ocorr__pill--ok { background: rgba(6,102,58,.22); color: #7ee2a8; } #cooperBedinView .cb-ocorr__pill--aten { background: rgba(138,90,0,.22); color: #fbd88a; } #cooperBedinView .cb-ocorr__pill--off { background: rgba(71,84,103,.22); color: #cbd5e1; } #cooperBedinView .cb-ocorr__pill--neutro { background: rgba(180,35,24,.22); color: #f6b0aa; } } /* Economia do consumidor (ficha) - resumo compacto. */ #cooperBedinView .cb-ficha-econ-wrap { margin: 0 0 14px; } #cooperBedinView .cb-ficha-econ { display: flex; flex-wrap: wrap; gap: 10px; } #cooperBedinView .cb-ficha-econ__stat { flex: 1; min-width: 140px; border: 1px solid var(--cb-border, #e4e7ec); border-radius: 10px; padding: 10px 14px; background: var(--cb-surface-2, #f9fafb); } #cooperBedinView .cb-ficha-econ__v { display: block; font-size: 1.3rem; font-weight: 800; } #cooperBedinView .cb-ficha-econ__l { display: block; font-size: 0.78rem; color: var(--cb-text-2, #667085); margin-top: 2px; } #cooperBedinView .cb-ficha-econ__nota { font-size: 0.78rem; color: var(--cb-text-2, #667085); margin: 6px 2px 0; } #cooperBedinView .cb-ficha-econ__stat { padding: 20px; border-radius: var(--kit-raio); background: var(--cb-surface); } #cooperBedinView .cb-ficha-econ__stat--economia { background: var(--st-ok-bg); border-color: var(--st-ok); color: var(--st-ok-tx); } #cooperBedinView .cb-ficha-econ__stat--negativa { background: var(--st-erro-bg); border-color: var(--st-erro); color: var(--st-erro-tx); } #cooperBedinView .cb-ficha-econ__stat--economia .cb-ficha-econ__l, #cooperBedinView .cb-ficha-econ__stat--negativa .cb-ficha-econ__l { color: inherit; } #cooperBedinView .cb-ficha-consumidor .cb-defs { padding: 12px 20px 20px; } #cooperBedinView .cb-ficha-consumidor .cb-def { padding: 12px 0; } /* Workspace Operacional da Usina - atalhos. */ #cooperBedinView .cb-uwork-acoes { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 12px; } /* ============================================================================ LOTE de importação (Demonstrativos SCEE e Contas Copel) Tabela e chips: a operação é conferir muitos arquivos de uma vez, e para isso uma tabela densa ganha de qualquer cockpit (Canon do domínio, §6). Status NUNCA depende só de cor: cada badge carrega o texto do estado. ============================================================================ */ #cooperBedinView .cb-lote__tabs { display: flex; gap: 4px; margin: 0 0 16px; border-bottom: 1px solid var(--cb-line); } #cooperBedinView .cb-lote__tab { border: 0; background: transparent; color: var(--cb-muted); padding: 10px 16px; font-size: 0.9rem; font-weight: 600; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; } #cooperBedinView .cb-lote__tab:hover { color: var(--cb-text); } #cooperBedinView .cb-lote__tab.is-active { color: var(--cb-red-dark); border-bottom-color: var(--cb-red); } #cooperBedinView .cb-lote__prog { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; padding: 14px 16px; margin-bottom: 14px; } #cooperBedinView .cb-lote__prog-nums { display: flex; align-items: baseline; gap: 8px; } #cooperBedinView .cb-lote__prog-forte { font-size: 1.6rem; font-weight: 700; color: var(--cb-text); line-height: 1; } #cooperBedinView .cb-lote__prog-de { color: var(--cb-muted); font-size: 0.88rem; } #cooperBedinView .cb-lote__prog-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } #cooperBedinView .cb-lote__tag { font-size: 0.76rem; font-weight: 600; padding: 3px 9px; border-radius: 999px; background: var(--cb-off-bg); color: var(--cb-off); } #cooperBedinView .cb-lote__tag--pend { background: var(--cb-aten-bg); color: var(--cb-aten); } #cooperBedinView .cb-lote__tag--ok { background: var(--cb-ok-bg); color: var(--cb-ok); } #cooperBedinView .cb-lote__prog-nota { margin: 10px 0 0; font-size: 0.82rem; color: var(--cb-muted); } /* Os dois modos de importacao. O historico e escolha explicita, nunca padrao. */ #cooperBedinView .cb-lote__modos { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; align-items: center; } #cooperBedinView .cb-lote__modo { border: 1px solid var(--cb-line); background: var(--cb-surface); color: var(--cb-text); border-radius: 999px; padding: 6px 14px; font-size: 0.82rem; cursor: pointer; min-height: 34px; } #cooperBedinView .cb-lote__modo.is-active { background: var(--cb-accent); border-color: var(--cb-accent); color: #fff; font-weight: 600; } #cooperBedinView .cb-lote__modo-nota { flex: 1 1 100%; margin: 2px 0 0; font-size: 0.78rem; color: var(--cb-muted); line-height: 1.5; max-width: 82ch; } /* Cabecalho de grupo da previa historica: separa visualmente o que cai em cada mes. */ #cooperBedinView .cb-lote__grupo td { background: var(--cb-off-bg); font-size: 0.8rem; padding: 6px 10px; border-top: 1px solid var(--cb-line); } #cooperBedinView .cb-lote__grupo span { color: var(--cb-muted); margin-left: 6px; } /* Quem esta faltando, nominalmente. Fica recolhido por padrao: e resposta a uma pergunta ("quais?"), nao ruido permanente sobre a area de trabalho. */ #cooperBedinView .cb-lote__pend { margin: 10px 0 0; } #cooperBedinView .cb-lote__pend-toggle { background: none; border: 0; padding: 0; cursor: pointer; font-size: 0.82rem; font-weight: 600; color: var(--cb-accent); text-decoration: underline; } #cooperBedinView .cb-lote__pend-lista { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; } #cooperBedinView .cb-lote__pend-item { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 8px; padding: 8px 10px; } #cooperBedinView .cb-lote__pend-id { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; font-size: 0.86rem; } #cooperBedinView .cb-lote__pend-uc { font-size: 0.76rem; color: var(--cb-muted); } #cooperBedinView .cb-lote__pend-marca { font-size: 0.72rem; color: var(--cb-aten); background: var(--cb-aten-bg); border-radius: 999px; padding: 1px 8px; } #cooperBedinView .cb-lote__pend-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 0.75rem; color: var(--cb-muted); flex: 1 1 260px; } #cooperBedinView .cb-lote__pend-item .syn-btn { margin-left: auto; } @media (max-width: 720px) { #cooperBedinView .cb-lote__pend-item { flex-direction: column; align-items: flex-start; } #cooperBedinView .cb-lote__pend-item .syn-btn { margin-left: 0; } } /* Reprocessar todos os demonstrativos: acao de competencia, progresso item a item e o resultado relido do servidor. Mesma superficie do progresso, sem card dentro de card. */ #cooperBedinView .cb-lote__reproc { border: 1px solid var(--cb-line); border-radius: 10px; background: var(--cb-surface); padding: 12px 16px; margin-bottom: 14px; display: grid; gap: 10px; } #cooperBedinView .cb-lote__reproc-head { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; } #cooperBedinView .cb-lote__reproc-head > div { flex: 1 1 320px; } #cooperBedinView .cb-lote__reproc-head p { margin: 2px 0 0; font-size: 0.82rem; color: var(--cb-muted); line-height: 1.5; } #cooperBedinView .cb-lote__reproc-prog { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; font-size: 0.84rem; } #cooperBedinView .cb-lote__reproc-prog progress { flex: 1 1 220px; height: 8px; accent-color: var(--cb-accent); } #cooperBedinView .cb-lote__reproc-res { display: grid; gap: 8px; justify-items: start; } #cooperBedinView .cb-lote__reproc-res .cb-lote__pend-lista { width: 100%; } #cooperBedinView .cb-lote__reproc-tit { margin: 0; font-size: 0.86rem; font-weight: 600; color: var(--cb-text); } #cooperBedinView .cb-lote__tag--erro { background: rgba(206, 27, 44, 0.1); color: var(--cb-red-dark); } #cooperBedinView .cb-lote__add { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; } #cooperBedinView .cb-lote__add .is-disabled { opacity: 0.5; pointer-events: none; } #cooperBedinView .cb-lote__add-nota { font-size: 0.8rem; color: var(--cb-muted); } #cooperBedinView .cb-lote__vazio { background: var(--cb-surface); border: 1px dashed var(--cb-line); border-radius: 10px; padding: 24px; text-align: center; color: var(--cb-muted); } #cooperBedinView .cb-lote__vazio p { margin: 0 0 8px; font-size: 0.9rem; } #cooperBedinView .cb-lote__vazio-nota { font-size: 0.8rem; opacity: 0.9; } #cooperBedinView .cb-lote__resumo { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; } #cooperBedinView .cb-lote__chip { border: 1px solid var(--cb-line); background: var(--cb-surface); color: var(--cb-muted); border-radius: 999px; padding: 5px 12px; font-size: 0.8rem; font-weight: 600; cursor: pointer; } #cooperBedinView .cb-lote__chip:hover { color: var(--cb-text); } #cooperBedinView .cb-lote__chip.is-on { border-color: var(--cb-red); color: var(--cb-red-dark); background: rgba(206, 27, 44, 0.06); } #cooperBedinView .cb-lote__chip--ok { color: var(--cb-ok); } #cooperBedinView .cb-lote__chip--pronto { color: var(--cb-text); } #cooperBedinView .cb-lote__chip--conflito { color: var(--cb-aten); } #cooperBedinView .cb-lote__chip--erro { color: var(--cb-red-dark); } #cooperBedinView .cb-lote__acoes { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; } #cooperBedinView .cb-lote__acoes-nota { font-size: 0.8rem; color: var(--cb-muted); } #cooperBedinView .cb-lote__conflitos { background: var(--cb-aten-bg); border: 1px solid rgba(245, 158, 11, 0.35); border-radius: 10px; padding: 12px 14px; margin-bottom: 12px; } #cooperBedinView .cb-lote__conflitos h3 { margin: 0 0 4px; font-size: 0.92rem; color: var(--cb-aten); } #cooperBedinView .cb-lote__conflitos p { margin: 0; font-size: 0.83rem; color: var(--cb-text); } #cooperBedinView .cb-lote__table td { vertical-align: top; } #cooperBedinView .cb-lote__row.is-ok { background: rgba(22, 163, 74, 0.05); } #cooperBedinView .cb-lote__row.is-conflito { background: rgba(245, 158, 11, 0.07); } #cooperBedinView .cb-lote__row.is-erro { background: rgba(206, 27, 44, 0.05); } #cooperBedinView .cb-lote__arq { font-weight: 600; color: var(--cb-text); word-break: break-all; } #cooperBedinView .cb-lote__arq-sub { font-size: 0.76rem; color: var(--cb-muted); margin-top: 2px; } #cooperBedinView .cb-lote__msg { font-size: 0.78rem; color: var(--cb-muted); margin-top: 4px; max-width: 42ch; } #cooperBedinView .cb-lote__acao { white-space: nowrap; } #cooperBedinView .cb-lote__rm { border: 0; background: transparent; color: var(--cb-muted); cursor: pointer; font-size: 1.1rem; line-height: 1; padding: 4px 8px; margin-left: 4px; border-radius: 6px; } #cooperBedinView .cb-lote__rm:hover { color: var(--cb-red-dark); background: rgba(206, 27, 44, 0.08); } #cooperBedinView .cb-lote__st { display: inline-block; font-size: 0.76rem; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--cb-off-bg); color: var(--cb-off); white-space: nowrap; } #cooperBedinView .cb-lote__st--importado { background: var(--cb-ok-bg); color: var(--cb-ok); } #cooperBedinView .cb-lote__st--pronto { background: rgba(206, 27, 44, 0.10); color: var(--cb-red-dark); } #cooperBedinView .cb-lote__st--conflito { background: var(--cb-aten-bg); color: var(--cb-aten); } #cooperBedinView .cb-lote__st--invalido, #cooperBedinView .cb-lote__st--falhou, #cooperBedinView .cb-lote__st--competencia_divergente { background: rgba(206, 27, 44, 0.12); color: var(--cb-red-dark); } #cooperBedinView .cb-lote__modal-aviso { margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: rgba(206, 27, 44, 0.07); border: 1px solid rgba(206, 27, 44, 0.22); font-size: 0.83rem; color: var(--cb-text); } #cooperBedinView .cb-lote__modal-nota { margin: 8px 0 0; font-size: 0.8rem; color: var(--cb-muted); } /* Ação destrutiva: precisa parecer diferente de "confirmar" - é o botão que descarta. */ #cooperBedinView .cb-btn--perigo { background: var(--cb-red-dark); color: #fff; border-color: var(--cb-red-dark); } #cooperBedinView .cb-btn--perigo:hover { background: #8d0f19; } /* Senha transitória do PDF protegido: resolvida no próprio item, sem sair do lote. */ #cooperBedinView .cb-lote__senha { display: flex; gap: 6px; align-items: center; } /* Escolha da competencia: as opcoes sao os meses que o PROPRIO PDF contem. Podem ser muitas (13 num caso real), entao a lista quebra em varias linhas e rola no proprio container. */ #cooperBedinView .cb-lote__escolha { display: flex; flex-wrap: wrap; gap: 4px; max-width: 340px; max-height: 132px; overflow-y: auto; } #cooperBedinView .cb-lote__escolha-op { border: 1px solid var(--cb-line); background: var(--cb-surface); color: var(--cb-text); border-radius: 999px; padding: 4px 10px; font-size: 0.76rem; cursor: pointer; min-height: 30px; } #cooperBedinView .cb-lote__escolha-op:hover { border-color: var(--cb-accent); color: var(--cb-accent); } #cooperBedinView .cb-lote__senha-in { width: 130px; padding: 6px 8px; font-size: 0.8rem; border: 1px solid var(--cb-line); border-radius: 6px; background: var(--cb-surface); color: var(--cb-text); } #cooperBedinView .cb-lote__senha-in:focus { outline: 2px solid var(--cb-red); outline-offset: 1px; border-color: var(--cb-red); } #cooperBedinView .cb-lote__st--senha_necessaria, #cooperBedinView .cb-lote__st--senha_incorreta { background: var(--cb-aten-bg); color: var(--cb-aten); } #cooperBedinView .cb-lote__st--uc_divergente, #cooperBedinView .cb-lote__st--uc_nao_cadastrada, #cooperBedinView .cb-lote__st--uc_nao_identificada { background: rgba(206, 27, 44, 0.12); color: var(--cb-red-dark); } /* ============================================================================ Conferência do Fechamento Mensal. A seção existia como promessa ("Resolver inconsistências" levava a uma tela sem nenhuma linha sobre participações). Aqui só se LÊ e se navega para o cadastro canônico - nenhum CRUD vive dentro do fechamento. ============================================================================ */ #cooperBedinView .cb-conf-intro { margin: 0 0 12px; font-size: 0.85rem; color: var(--cb-muted); max-width: 78ch; } #cooperBedinView .cb-conf-ok { margin: 0; font-size: 0.88rem; color: var(--cb-ok); } #cooperBedinView .cb-conf-bloco { margin-bottom: 12px; } #cooperBedinView .cb-conf-acao { white-space: nowrap; } /* Explicação por linha: o que a exceção É, não o que o sistema achou. */ #cooperBedinView .cb-conf-exp td { border-top: 0; padding-top: 0; } #cooperBedinView .cb-conf-exp__txt { font-size: 0.78rem; color: var(--cb-muted); } /* Âncora do foco contextual (deep link do próximo incremento). Sem cor sozinha: o destaque vem de borda + fundo, e o estado já é dito em texto na coluna. */ #cooperBedinView .cb-conf-row.is-foco, #cooperBedinView .cb-conf-row.is-foco + .cb-conf-exp { background: var(--cb-aten-bg); outline: 2px solid var(--cb-aten); outline-offset: -2px; } /* Foco contextual da Conferência: quem chegou por um "Resolver". */ #cooperBedinView .cb-conf-foco { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: var(--cb-aten-bg); border: 1px solid rgba(245, 158, 11, 0.35); border-radius: 10px; padding: 10px 14px; margin: 0 0 12px; font-size: 0.85rem; color: var(--cb-text); } #cooperBedinView .cb-conf-foco--ok { background: var(--cb-ok-bg); border-color: rgba(22, 163, 74, 0.3); } #cooperBedinView .cb-conf-foco--erro { background: rgba(206, 27, 44, 0.07); border-color: rgba(206, 27, 44, 0.25); } #cooperBedinView .cb-conf-foco__voltar { margin-left: auto; } /* A linha focada não fica presa na ordem de tabulação, mas recebe foco programático. */ #cooperBedinView .cb-conf-row[tabindex="-1"]:focus { outline: 2px solid var(--cb-aten); outline-offset: -2px; } /* Aviso de que a tarifa cheia pode ser, na verdade, o valor cobrado. Informativo - não é erro nem bloqueio: a decisão é humana. */ .cb-fin-aviso { background: var(--cb-warn-bg, #fffaeb); border: 1px solid var(--cb-warn-border, #fedf89); border-radius: 8px; color: var(--cb-text, #101828); font-size: 0.8rem; line-height: 1.45; margin: 8px 0; padding: 10px 12px; } /* ── Diagnóstico da pendência de modalidade ──────────────────────────────────── Painel de LEITURA. Não há aqui nenhum controle que grave, decida modalidade ou dispare cálculo - só filtro, navegação e cópia. O alerta de "não cobre o mês" é informativo: sinaliza uma consequência real do cadastro, não um erro do operador. */ #cooperBedinView .cb-diag__frase { font-size: 0.92rem; line-height: 1.55; color: var(--cb-text); margin: 4px 0 12px; max-width: 78ch; } #cooperBedinView .cb-diag__num { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin: 0 0 12px; } #cooperBedinView .cb-diag__num > div { background: var(--cb-off-bg); border: 1px solid var(--cb-line); border-radius: 8px; padding: 8px 10px; } #cooperBedinView .cb-diag__num dt { font-size: 0.72rem; color: var(--cb-muted); margin: 0 0 2px; } #cooperBedinView .cb-diag__num dd { font-size: 1.15rem; font-weight: 600; color: var(--cb-ink); margin: 0; } #cooperBedinView .cb-diag__efeito, #cooperBedinView .cb-diag__nota { font-size: 0.8rem; line-height: 1.5; color: var(--cb-muted); margin: 10px 0 0; max-width: 78ch; } #cooperBedinView .cb-diag__ordem { background: var(--cb-aten-bg); border: 1px solid rgba(245, 158, 11, 0.35); border-radius: 10px; padding: 10px 14px; margin: 12px 0; font-size: 0.83rem; color: var(--cb-text); } #cooperBedinView .cb-diag__ordem ol { margin: 6px 0 10px; padding-left: 20px; line-height: 1.6; } #cooperBedinView .cb-diag__ctas { display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-diag__filtros { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 12px 0 8px; } #cooperBedinView .cb-diag__f { display: flex; flex-direction: column; gap: 3px; font-size: 0.75rem; color: var(--cb-muted); } #cooperBedinView .cb-diag__f select, #cooperBedinView .cb-diag__f input { min-height: 34px; min-width: 190px; padding: 6px 8px; border: 1px solid var(--cb-line); border-radius: 8px; background: var(--cb-surface); color: var(--cb-text); font-size: 0.85rem; } #cooperBedinView .cb-diag__contagem { font-size: 0.75rem; color: var(--cb-muted); margin-left: auto; } /* Tabela larga rola no PRÓPRIO contêiner: a página nunca rola na horizontal. */ #cooperBedinView .cb-diag__tabela-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } #cooperBedinView .cb-diag__tabela { width: 100%; border-collapse: collapse; font-size: 0.82rem; min-width: 720px; } #cooperBedinView .cb-diag__tabela th, #cooperBedinView .cb-diag__tabela td { text-align: left; padding: 7px 10px; border-bottom: 1px solid var(--cb-line); vertical-align: top; } #cooperBedinView .cb-diag__tabela thead th { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em; color: var(--cb-muted); font-weight: 600; white-space: nowrap; } #cooperBedinView .cb-diag__tabela tbody th { font-weight: 600; color: var(--cb-ink); } #cooperBedinView .cb-diag__tabela tr.is-nao-cobre { background: var(--cb-aten-bg); } #cooperBedinView .cb-diag__ok { color: var(--cb-ok); font-weight: 600; } #cooperBedinView .cb-diag__alerta { color: var(--cb-aten); font-weight: 600; } #cooperBedinView .cb-diag__falta { color: var(--cb-muted); font-style: italic; } /* Registro da distribuidora: várias afirmações curtas empilhadas na mesma célula. Fica contido para não empurrar a tabela, e cada linha preserva a natureza do que diz. */ #cooperBedinView .cb-diag__reg { max-width: 28ch; line-height: 1.45; } #cooperBedinView .cb-diag__verificar { color: var(--cb-muted); font-size: 0.76rem; } /* Evidencia regulatoria ao lado da adesao pendente. Tom proprio, mais discreto que um dado cadastrado: e prova de que o vinculo existe na distribuidora, NAO a data de adesao. Confundir os dois visualmente reintroduziria o defeito que a distincao entre contrato e historico corrigiu. */ /* Metrica nomeada no cabecalho da memoria: o numero deixou de aparecer sem titulo. `pago-nulo` e `motivo` separam "nao calculavel + porque" de um zero real. */ #cooperBedinView .cb-mem__metrica { color: var(--cb-muted); font-size: 0.74rem; text-transform: uppercase; letter-spacing: .04em; margin-left: auto; } /* Pagamento ao gerador e pagamento final empilhados, rótulo à esquerda e valor à direita. */ #cooperBedinView .cb-mem__valores { align-items: baseline; display: grid; gap: 2px 12px; grid-template-columns: auto auto; margin-left: auto; } #cooperBedinView .cb-mem__valores .cb-mem__metrica, #cooperBedinView .cb-mem__valores .cb-mem__pago { margin-left: 0; } #cooperBedinView .cb-mem__valores .cb-mem__pago { text-align: right; white-space: nowrap; } /* No celular o nome ocupa a primeira linha e os valores descem inteiros, sem partir o "R$". */ @media (max-width: 720px) { #cooperBedinView .cb-mem > summary { flex-wrap: wrap; } #cooperBedinView .cb-mem__valores { flex: 1 1 100%; grid-template-columns: 1fr auto; } } #cooperBedinView .cb-mem__pago-nulo { color: var(--cb-muted); font-weight: 600; } #cooperBedinView .cb-mem__motivo { display: block; color: var(--cb-muted); font-size: 0.72rem; } #cooperBedinView .cb-diag__evid { color: var(--cb-muted); font-size: 0.76rem; border-left: 2px solid var(--cb-borda); padding-left: 6px; } #cooperBedinView .cb-diag__vazio { color: var(--cb-muted); text-align: center; padding: 16px; } #cooperBedinView .cb-diag__fallback { display: flex; flex-direction: column; gap: 4px; margin: 10px 0 0; font-size: 0.75rem; color: var(--cb-muted); } #cooperBedinView .cb-diag__fallback textarea { width: 100%; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.75rem; border: 1px solid var(--cb-line); border-radius: 8px; padding: 8px; background: var(--cb-off-bg); color: var(--cb-text); } /* Largura reduzida: a tabela vira lista de cartões, cada célula rotulada. Nada é escondido - em tela estreita a informação muda de forma, não de conteúdo. */ @media (max-width: 720px) { #cooperBedinView .cb-diag__tabela { min-width: 0; } #cooperBedinView .cb-diag__tabela thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } #cooperBedinView .cb-diag__tabela tr { display: block; border: 1px solid var(--cb-line); border-radius: 10px; padding: 8px 10px; margin: 0 0 8px; } #cooperBedinView .cb-diag__tabela th, #cooperBedinView .cb-diag__tabela td { display: block; border: 0; padding: 3px 0; } #cooperBedinView .cb-diag__tabela td[data-rot]::before { content: attr(data-rot) ": "; color: var(--cb-muted); font-size: 0.72rem; } #cooperBedinView .cb-diag__contagem { margin-left: 0; } #cooperBedinView .cb-diag__f select, #cooperBedinView .cb-diag__f input { min-width: 0; width: 100%; } #cooperBedinView .cb-diag__f { width: 100%; } } /* Legenda da tabela: existe para leitor de tela, não para a vista. Definida aqui e não herdada de fora - a folha global de utilitários não é carregada nesta view. */ #cooperBedinView .cb-diag__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ── Histórico regulatório de beneficiárias ──────────────────────────────────── Tela de LEITURA. O resumo é texto pré-formatado porque vem pronto do template determinístico - reflow arbitrário quebraria a separação entre fato e incerteza. */ #cooperBedinView .cb-benef__busca { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 8px 0 0; } #cooperBedinView .cb-benef__resumo { white-space: pre-wrap; word-break: break-word; font-family: inherit; font-size: 0.87rem; line-height: 1.6; color: var(--cb-text); background: var(--cb-off-bg); border: 1px solid var(--cb-line); border-radius: 10px; padding: 12px 14px; margin: 10px 0; } #cooperBedinView .cb-benef__doc { font-size: 0.78rem; color: var(--cb-muted); margin: 2px 0 0; } #cooperBedinView .cb-benef__sub { font-size: 0.82rem; color: var(--cb-ink); margin: 16px 0 6px; } #cooperBedinView .cb-benef__fonte { font-size: 0.75rem; color: var(--cb-muted); margin: 10px 0 0; line-height: 1.5; } #cooperBedinView .cb-benef__vazio { font-size: 0.85rem; color: var(--cb-muted); padding: 10px 0; } #cooperBedinView .cb-benef__limites { font-size: 0.8rem; color: var(--cb-muted); margin: 4px 0 0; padding-left: 18px; line-height: 1.6; } #cooperBedinView .cb-benef__tabela-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } #cooperBedinView .cb-benef__tabela { width: 100%; border-collapse: collapse; font-size: 0.8rem; min-width: 760px; } #cooperBedinView .cb-benef__tabela th, #cooperBedinView .cb-benef__tabela td { text-align: left; padding: 7px 10px; border-bottom: 1px solid var(--cb-line); vertical-align: top; } #cooperBedinView .cb-benef__tabela thead th { font-size: 0.71rem; text-transform: uppercase; letter-spacing: 0.03em; color: var(--cb-muted); font-weight: 600; white-space: nowrap; } #cooperBedinView .cb-benef__tabela tbody th { font-weight: 600; color: var(--cb-ink); white-space: nowrap; } /* Estado nunca é sinalizado só por cor: cada marca carrega o seu texto. */ #cooperBedinView .cb-benef__marca { display: inline-block; font-size: 0.68rem; padding: 1px 7px; border-radius: 999px; border: 1px solid var(--cb-line); color: var(--cb-muted); margin: 1px 2px 1px 0; white-space: nowrap; } #cooperBedinView .cb-benef__marca--futura { border-color: rgba(37, 99, 235, 0.4); color: #1d4ed8; } #cooperBedinView .cb-benef__marca--atencao { border-color: rgba(245, 158, 11, 0.5); color: #b45309; } #cooperBedinView .cb-benef__marca--falta { border-color: rgba(107, 114, 128, 0.45); font-style: italic; } #cooperBedinView .cb-benef__indef { color: #b45309; font-weight: 600; } @media (max-width: 720px) { #cooperBedinView .cb-benef__tabela { min-width: 0; } #cooperBedinView .cb-benef__tabela thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } #cooperBedinView .cb-benef__tabela tr { display: block; border: 1px solid var(--cb-line); border-radius: 10px; padding: 8px 10px; margin: 0 0 8px; } #cooperBedinView .cb-benef__tabela th, #cooperBedinView .cb-benef__tabela td { display: block; border: 0; padding: 3px 0; } #cooperBedinView .cb-benef__tabela td[data-rot]::before { content: attr(data-rot) ": "; color: var(--cb-muted); font-size: 0.71rem; } #cooperBedinView .cb-benef__busca > * { width: 100%; } } /* ── Memória do Fio B: a base tem nome ──────────────────────────────────── Autoconsumo remoto calcula sobre a energia injetada da usina; geração compartilhada, sobre o crédito utilizado das UCs. Rótulo genérico esconderia exatamente essa diferença. */ #cooperBedinView .cb-fiob-memoria { background: var(--cb-surface-2, rgba(148, 163, 184, 0.08)); border-radius: 10px; margin: 10px 0 0; padding: 10px 14px; } #cooperBedinView .cb-fiob-memoria__mod { background: var(--cb-surface); border-radius: 999px; color: var(--cb-muted); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.03em; padding: 3px 10px; text-transform: uppercase; } #cooperBedinView .cb-fiob-memoria .cb-defs { margin-top: 8px; } /* Importação de histórico: ação direta, arquivos e conferência por usina. */ #cooperBedinView .cb-hist-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 12px 0; } #cooperBedinView .cb-hist-toolbar > span { color: var(--cb-muted); font-size: 0.8rem; } #cooperBedinView .cb-hist-arquivo { border-top: 1px solid var(--cb-line); padding: 12px 0; } #cooperBedinView .cb-hist-arquivo > summary { cursor: pointer; overflow-wrap: anywhere; } #cooperBedinView .cb-hist-arquivo > summary span { display: inline-block; color: var(--cb-muted); font-size: 0.8rem; margin-left: 12px; } #cooperBedinView .cb-hist-previa { padding: 8px 0; } #cooperBedinView .cb-hist-previa h3 { font-size: 0.9rem; margin: 6px 0; } #cooperBedinView .cb-hist-previa p { font-size: 0.8rem; } #cooperBedinView .cb-hist-toolbar--confirmar { border-top: 1px solid var(--cb-line); padding-top: 14px; } @media (max-width: 720px) { #cooperBedinView .cb-historico-importacao .cb-modulo__head { flex-wrap: wrap; gap: 10px; } #cooperBedinView .cb-hist-arquivo > summary span { display: block; margin: 4px 0 0; } } /* Dashboard gerencial: hierarquia do mês, ações e base cadastral. */ #cooperBedinView .cb-dashboard { max-width:1440px; margin:0 auto; } #cooperBedinView .cb-dash-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; } #cooperBedinView .cb-dash-eyebrow { color:var(--cb-muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.1px; } #cooperBedinView .cb-dash-head h2 { font-size:28px; letter-spacing:-.8px; margin:6px 0; } #cooperBedinView .cb-dash-head p, #cooperBedinView .cb-dash-section-head p { color:var(--cb-muted); font-size:13px; margin:6px 0 0; } #cooperBedinView .cb-dash-periodo { display:flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid var(--cb-line); border-radius:10px; background:#fff; font-size:13px; white-space:nowrap; } #cooperBedinView .cb-dash-periodo svg { width:16px; height:16px; color:var(--cb-muted); } #cooperBedinView .cb-dash-main { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:20px; } #cooperBedinView .cb-dash-progress-panel, #cooperBedinView .cb-dash-actions, #cooperBedinView .cb-dash-results { border:1px solid var(--cb-line); border-radius:18px; background:#fff; } #cooperBedinView .cb-dash-progress-panel { padding:28px; background:linear-gradient(120deg,#fff 55%,#fff3f3); display:flex; flex-direction:column; } #cooperBedinView .cb-dash-panel-head { display:flex; justify-content:space-between; align-items:center; gap:12px; } #cooperBedinView .cb-dash-status { font-size:11px; color:var(--cb-aten); background:#fff1db; padding:6px 10px; border-radius:20px; } #cooperBedinView .cb-dash-status.is-complete { color:var(--cb-ok); background:#eaf6ee; } #cooperBedinView .cb-dashboard h3 { font-size:17px; margin:12px 0 0; letter-spacing:-.3px; } #cooperBedinView .cb-dash-progress-number { display:flex; align-items:baseline; gap:12px; margin-top:20px; } #cooperBedinView .cb-dash-progress-number strong { font-size:52px; line-height:1; letter-spacing:-2px; } #cooperBedinView .cb-dash-progress-number > span { color:var(--cb-muted); font-size:15px; } #cooperBedinView .cb-dash-progress-track { height:8px; background:#e9e9eb; border-radius:6px; overflow:hidden; margin-top:24px; } #cooperBedinView .cb-dash-progress-track > span { display:block; height:100%; background:var(--cb-ok); border-radius:6px; } #cooperBedinView .cb-dash-progress-caption { display:flex; justify-content:space-between; gap:16px; color:var(--cb-muted); font-size:12px; margin:10px 0 20px; } #cooperBedinView .cb-dash-progress-caption strong { color:var(--cb-ink); } #cooperBedinView .cb-dash-progress-footer { display:flex; align-items:center; gap:16px; justify-content:space-between; margin-top:auto; } #cooperBedinView .cb-dash-progress-footer > span { color:var(--cb-muted); font-size:11px; } #cooperBedinView .cb-dash-actions { padding:24px; } #cooperBedinView .cb-dash-action { display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:16px 0; background:transparent; border:0; border-bottom:1px solid var(--cb-line); color:inherit; font:inherit; cursor:pointer; } #cooperBedinView .cb-dash-action:last-child { border-bottom:0; padding-bottom:0; } #cooperBedinView .cb-dash-action strong { display:block; font-size:13px; } #cooperBedinView .cb-dash-action small { display:block; font-size:11px; color:var(--cb-muted); margin-top:4px; } #cooperBedinView .cb-dash-arrow { margin-left:auto; font-size:18px; color:var(--cb-muted); } #cooperBedinView .cb-dash-icon { display:flex; justify-content:center; align-items:center; width:40px; height:40px; flex:0 0 40px; background:#f5f5f7; border-radius:12px; color:var(--cb-muted); } #cooperBedinView .cb-dash-icon svg { width:20px; height:20px; } #cooperBedinView .cb-dash-action:hover strong, #cooperBedinView .cb-dash-cadastro:hover strong { color:var(--cb-red); } #cooperBedinView .cb-dash-action:focus-visible, #cooperBedinView .cb-dash-cadastro:focus-visible { outline:3px solid #2563eb; outline-offset:3px; } #cooperBedinView .cb-dash-results { padding:24px; margin-top:20px; } #cooperBedinView .cb-dash-section-head h3 { margin-top:0; } #cooperBedinView .cb-dash-results-body { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:28px; margin-top:20px; } #cooperBedinView .cb-dash-notice, #cooperBedinView .cb-dash-energy { display:flex; align-items:center; gap:16px; padding:20px; background:#f8faf9; border-radius:12px; } #cooperBedinView .cb-dash-notice strong { font-size:13px; } #cooperBedinView .cb-dash-notice p, #cooperBedinView .cb-dash-energy p, #cooperBedinView .cb-dash-finance-note p { font-size:12px; color:var(--cb-muted); line-height:1.6; margin:6px 0; } #cooperBedinView .cb-dash-energy strong { display:block; font-size:32px; letter-spacing:-.8px; } #cooperBedinView .cb-dash-energy strong span { font-size:16px; font-weight:500; } #cooperBedinView .cb-dash-energy small { color:var(--cb-muted); } #cooperBedinView .cb-dash-finance-note { padding-left:24px; border-left:1px solid var(--cb-line); } #cooperBedinView .cb-dash-finance-note > strong { font-size:13px; } #cooperBedinView .cb-dash-finance-note .syn-btn { margin-top:8px; min-height:32px; font-size:12px; } #cooperBedinView .cb-dash-base { margin-top:26px; } #cooperBedinView .cb-dash-cadastro-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:16px; } #cooperBedinView .cb-dash-cadastro { display:flex; gap:12px; padding:18px; text-align:left; font:inherit; color:inherit; background:#fff; border:1px solid var(--cb-line); border-radius:14px; cursor:pointer; } #cooperBedinView .cb-dash-cadastro > span:last-child { min-width:0; } #cooperBedinView .cb-dash-cadastro strong { display:block; font-size:24px; letter-spacing:-.5px; } #cooperBedinView .cb-dash-cadastro span span { display:block; font-size:12px; margin-top:4px; } #cooperBedinView .cb-dash-cadastro small { display:block; font-size:11px; color:var(--cb-muted); margin-top:4px; } @media(max-width:1050px) { #cooperBedinView .cb-dash-main { grid-template-columns:1fr; } #cooperBedinView .cb-dash-cadastro-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:600px) { #cooperBedinView .cb-dash-head { align-items:start; flex-direction:column; gap:12px; } #cooperBedinView .cb-dash-head h2 { font-size:24px; } #cooperBedinView .cb-dash-progress-panel, #cooperBedinView .cb-dash-actions, #cooperBedinView .cb-dash-results { padding:20px; } #cooperBedinView .cb-dash-panel-head { flex-wrap:wrap; } #cooperBedinView .cb-dash-progress-number { flex-wrap:wrap; gap:8px; } #cooperBedinView .cb-dash-progress-number strong { font-size:44px; } #cooperBedinView .cb-dash-progress-footer { align-items:start; flex-direction:column; } #cooperBedinView .cb-dash-results-body { grid-template-columns:1fr; gap:18px; } #cooperBedinView .cb-dash-finance-note { border-left:0; border-top:1px solid var(--cb-line); padding:18px 0 0; } #cooperBedinView .cb-dash-cadastro { padding:14px; gap:8px; } #cooperBedinView .cb-dash-cadastro .cb-dash-icon { display:none; } } #cooperBedinView .cb-loading-overlay { position:absolute; inset:56px 0 0; z-index:350; display:grid; place-items:center; background:rgba(244,245,247,.68); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); padding:24px; } #cooperBedinView .cb-loading-card { width:min(360px,100%); box-sizing:border-box; text-align:center; background:#fff; border:1px solid var(--cb-line); border-radius:20px; padding:32px 24px; box-shadow:0 16px 50px rgba(20,22,28,.1); } #cooperBedinView .cb-loading-card strong { display:block; font-size:17px; margin-top:18px; } #cooperBedinView .cb-loading-card p { font-size:13px; color:var(--cb-muted); margin:10px 0 0; line-height:1.6; } #cooperBedinView .cb-loading-spinner { display:inline-block; width:30px; height:30px; border:3px solid #e9ebef; border-top-color:var(--cb-red); border-radius:50%; animation:cb-loading-spin .85s linear infinite; } #cooperBedinView .cb-loading-placeholder { height:55vh; border-radius:18px; background:linear-gradient(120deg,#f1f2f4,#fff); opacity:.65; } #cooperBedinView .cb-loading-local { min-height:130px; display:flex; align-items:center; justify-content:center; gap:14px; background:#fafbfc; border:1px solid var(--cb-line); border-radius:14px; margin-bottom:20px; font-size:14px; } @keyframes cb-loading-spin { to { transform:rotate(360deg); } } @media(prefers-reduced-motion:reduce) { #cooperBedinView .cb-loading-spinner { animation:none; } } /* ── Fechamento Mensal: grade usina × etapa ─────────────────────────────────── */ #cooperBedinView .cb-grade-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 12px; } #cooperBedinView .cb-grade-filtro { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 999px; color: var(--cb-text); cursor: pointer; font-size: 0.8rem; font-weight: 600; padding: 5px 12px; } #cooperBedinView .cb-grade-filtro strong { color: var(--cb-ink); margin-left: 4px; } #cooperBedinView .cb-grade-filtro:hover { border-color: var(--cb-red); } #cooperBedinView .cb-grade-filtro.is-ativo { background: var(--cb-ink); border-color: var(--cb-ink); color: #fff; } #cooperBedinView .cb-grade-filtro.is-ativo strong { color: #fff; } #cooperBedinView .cb-grade td { vertical-align: middle; white-space: nowrap; } #cooperBedinView .cb-grade-usina { white-space: normal; } #cooperBedinView .cb-grade-usina .cb-linkbtn { display: block; text-align: left; } #cooperBedinView .cb-grade-usina small { color: var(--cb-muted); display: block; font-size: 0.74rem; font-weight: 500; } #cooperBedinView .cb-grade-ok { color: var(--cb-ok); font-size: 0.82rem; font-weight: 700; } #cooperBedinView .cb-grade-nada { color: var(--cb-muted); } #cooperBedinView .cb-grade-acao { background: var(--cb-aten-bg); border: 1px solid transparent; border-radius: 8px; color: var(--cb-aten); cursor: pointer; font-size: 0.78rem; font-weight: 700; padding: 4px 10px; } #cooperBedinView .cb-grade-acao:hover { border-color: currentColor; } #cooperBedinView .cb-grade-meses { display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-grade-mes { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 8px; color: var(--cb-text); cursor: pointer; font-size: 0.8rem; font-weight: 600; padding: 6px 12px; } #cooperBedinView .cb-grade-mes:hover { border-color: var(--cb-red); color: var(--cb-red-dark); } /* Abas do Financeiro e dado obrigatório ausente. */ #cooperBedinView .cb-fin-abas { border-bottom: 1px solid var(--cb-line); display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0 16px; } #cooperBedinView .cb-fin-aba { background: none; border: 0; border-bottom: 2px solid transparent; color: var(--cb-muted); cursor: pointer; font-size: 0.88rem; font-weight: 600; margin-bottom: -1px; padding: 10px 14px; } #cooperBedinView .cb-fin-aba:hover { color: var(--cb-ink); } #cooperBedinView .cb-fin-aba.is-ativa { border-bottom-color: var(--cb-red); color: var(--cb-red-dark); font-weight: 700; } #cooperBedinView .cb-fin-aba__n { background: var(--cb-off-bg); border-radius: 999px; color: var(--cb-text); font-size: 0.72rem; margin-left: 4px; padding: 1px 7px; } #cooperBedinView .cb-fin-abacorpo { display: flex; flex-direction: column; gap: 16px; } #cooperBedinView .cb-fin-abacorpo[hidden] { display: none; } #cooperBedinView .cb-def__val--falta { color: var(--cb-red-dark); font-weight: 700; } /* Seletor de mês em grade (cabeçalho). */ #cooperBedinView .cb-compbar__nav { position: relative; } #cooperBedinView .cb-compbar__nativo { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; min-width: 0; } #cooperBedinView .cb-comp-btn { align-items: center; background: var(--cb-surface); border: 1px solid rgba(20, 22, 28, 0.16); border-radius: 10px; color: var(--cb-ink); cursor: pointer; display: inline-flex; font: inherit; font-size: 0.92rem; font-weight: 700; gap: 9px; min-width: 200px; padding: 9px 12px; } #cooperBedinView .cb-comp-btn:hover, #cooperBedinView .cb-comp-btn[aria-expanded="true"] { border-color: var(--cb-red); } #cooperBedinView .cb-comp-btn__seta { color: var(--cb-muted); margin-left: auto; } #cooperBedinView .cb-comp-dot { border-radius: 50%; display: inline-block; flex: 0 0 9px; height: 9px; width: 9px; background: var(--cb-off); } #cooperBedinView .cb-comp-dot--apurada { background: var(--cb-ok); } #cooperBedinView .cb-comp-dot--andamento { background: #d97706; } #cooperBedinView .cb-comp-dot--aberta, #cooperBedinView .cb-comp-dot--vazia { background: #c7cbd3; } #cooperBedinView .cb-comp-picker { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 14px; box-shadow: 0 18px 40px rgba(16, 18, 24, 0.16); padding: 14px 16px; position: absolute; right: 0; top: calc(100% + 8px); width: min(560px, 92vw); z-index: 40; } #cooperBedinView .cb-comp-ano { align-items: center; display: grid; gap: 12px; grid-template-columns: 44px 1fr; padding: 6px 0; } #cooperBedinView .cb-comp-ano + .cb-comp-ano { border-top: 1px solid var(--cb-line); } #cooperBedinView .cb-comp-ano__rot { color: var(--cb-muted); font-size: 0.8rem; font-weight: 800; } #cooperBedinView .cb-comp-meses { display: grid; gap: 6px; grid-template-columns: repeat(12, minmax(0, 1fr)); } #cooperBedinView .cb-comp-mes { background: var(--cb-surface); border: 1px solid var(--cb-line); border-bottom-width: 3px; border-radius: 8px; color: var(--cb-text); cursor: pointer; font: inherit; font-size: 0.78rem; font-weight: 700; padding: 7px 0; text-align: center; } #cooperBedinView .cb-comp-mes--apurada { border-bottom-color: var(--cb-ok); } #cooperBedinView .cb-comp-mes--andamento { border-bottom-color: #d97706; } #cooperBedinView .cb-comp-mes--aberta, #cooperBedinView .cb-comp-mes--vazia { border-bottom-color: #c7cbd3; } #cooperBedinView .cb-comp-mes:hover { border-color: var(--cb-red); } #cooperBedinView .cb-comp-mes.is-atual { background: var(--cb-ink); border-color: var(--cb-ink); color: #fff; } #cooperBedinView .cb-comp-mes.is-corrente { text-decoration: underline; text-underline-offset: 3px; } #cooperBedinView .cb-comp-mes.is-vazio { background: transparent; border-style: dashed; color: #c7cbd3; cursor: default; } #cooperBedinView .cb-comp-legenda { border-top: 1px solid var(--cb-line); color: var(--cb-muted); display: flex; flex-wrap: wrap; font-size: 0.74rem; gap: 6px 14px; margin-top: 8px; padding-top: 10px; } #cooperBedinView .cb-comp-legenda i { margin-right: 5px; vertical-align: -1px; } @media (max-width: 640px) { #cooperBedinView .cb-comp-meses { grid-template-columns: repeat(6, minmax(0, 1fr)); } #cooperBedinView .cb-comp-picker { left: 0; right: auto; } } /* ── Régua de estados (14/10/2026) ─────────────────────────────────────────────────── cinza = aguardando · âmbar = precisa de ação · azul = pronto/informação · verde = concluído · vermelho = SÓ erro ou bloqueio real. O vermelho da marca segue no logo, no menu ativo e nos botões principais (identidade, não estado). */ #cooperBedinView { --cb-muted: var(--st-neutro-tx); --st-neutro: #9aa1ab; --st-neutro-tx: #5b6370; --st-neutro-bg: #f1f2f4; --st-atencao: #eda100; --st-atencao-tx: #925600; --st-atencao-bg: #fff5dc; --st-info: #2a78d6; --st-info-tx: #1d5bb0; --st-info-bg: #e8f1fc; --st-ok: #16a34a; --st-ok-claro: #1baf7a; --st-ok-tx: #15803d; --st-ok-bg: #e7f7ee; --st-erro: #e34948; --st-erro-tx: #b42318; --st-erro-bg: #fef0ef; --st-violeta: #4a3aa7; --st-violeta-bg: #eeecfb; --st-sol: #d48b00; --st-sol-bg: #fff4d6; } /* Operação Mensal */ #cooperBedinView .cb-cockpit { border-left-color: var(--st-neutro); } #cooperBedinView .cb-cockpit--em-preparacao, #cooperBedinView .cb-cockpit--pronta-revisao { border-left-color: var(--st-atencao); } #cooperBedinView .cb-cockpit--pronta-fechamento { border-left-color: var(--st-info); } #cooperBedinView .cb-cockpit--concluida { border-left-color: var(--st-ok); } #cooperBedinView .cb-cockpit--bloqueada { border-left-color: var(--st-erro); } #cooperBedinView .cb-cockpit--em-preparacao .cb-ck-resposta, #cooperBedinView .cb-cockpit--pronta-revisao .cb-ck-resposta { color: var(--st-atencao-tx); } #cooperBedinView .cb-cockpit--pronta-fechamento .cb-ck-resposta { color: var(--st-info-tx); } #cooperBedinView .cb-cockpit--concluida .cb-ck-resposta { color: var(--st-ok-tx); } #cooperBedinView .cb-cockpit--bloqueada .cb-ck-resposta { color: var(--st-erro-tx); } #cooperBedinView .cb-ck-item--ok .cb-ck-item__dot { background: var(--st-ok); } #cooperBedinView .cb-ck-item--atencao .cb-ck-item__dot { background: var(--st-atencao); } #cooperBedinView .cb-ck-item--neutro .cb-ck-item__dot { background: var(--st-neutro); } #cooperBedinView .cb-ck-item--bloqueio .cb-ck-item__dot { background: var(--st-erro); } #cooperBedinView .cb-fin-readiness--em-preparacao, #cooperBedinView .cb-fin-readiness--pronta-revisao { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } #cooperBedinView .cb-fin-readiness--pronta-fechamento { background: var(--st-info-bg); color: var(--st-info-tx); } #cooperBedinView .cb-fin-readiness--concluida { background: var(--st-ok-bg); color: var(--st-ok-tx); } #cooperBedinView .cb-fin-readiness--bloqueada { background: var(--st-erro-bg); color: var(--st-erro-tx); } #cooperBedinView .cb-op-progress__bar span { background: var(--st-ok); } #cooperBedinView .cb-op-progress__pct { color: var(--st-ok-tx); } #cooperBedinView .cb-op-action__priority { background: var(--st-neutro-bg); color: var(--st-neutro-tx); } #cooperBedinView .cb-op-action__priority--conferencia { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } #cooperBedinView .cb-op-action__priority--autorizacao { background: var(--st-info-bg); color: var(--st-info-tx); } #cooperBedinView .cb-op-action__priority--informe, #cooperBedinView .cb-op-action__priority--emitido { background: var(--st-ok-bg); color: var(--st-ok-tx); } #cooperBedinView .cb-status--info { background: var(--st-info-bg); color: var(--st-info-tx); } /* Financeiro: a situação local vem antes do formulário, com texto além da cor. */ #cooperBedinView .cb-fin-estado { border: 1px solid var(--cb-line); border-left-width: 4px; border-radius: 10px; padding: 14px 16px; margin: 0 0 16px; } #cooperBedinView .cb-fin-estado strong { display: block; font-size: 1rem; } #cooperBedinView .cb-fin-estado p { margin: 6px 0 0; font-size: 0.85rem; line-height: 1.5; } #cooperBedinView .cb-fin-estado--ok { background: var(--st-ok-bg); border-left-color: var(--st-ok); color: var(--st-ok-tx); } #cooperBedinView .cb-fin-estado--pend { background: var(--st-atencao-bg); border-left-color: var(--st-atencao); color: var(--st-atencao-tx); } #cooperBedinView .cb-fin-estado--neutro { background: var(--st-neutro-bg); border-left-color: var(--st-neutro-tx); color: var(--st-neutro-tx); } #cooperBedinView .cb-fin-pend--acao { border-left: 3px solid var(--st-atencao); background: var(--st-atencao-bg); padding: 12px; margin-bottom: 8px; border-radius: 8px; } #cooperBedinView .cb-fin-preco-cab, #cooperBedinView .cb-fin-usina--preco { display: grid; grid-template-columns: minmax(0, 1fr) 170px 190px 90px; gap: 10px; } #cooperBedinView .cb-fin-preco-cab { padding: 12px 0; border-bottom: 1px solid var(--cb-line); color: var(--cb-muted); font-size: 0.78rem; font-weight: 700; } #cooperBedinView .cb-fin-preco-campo { display: flex; flex-direction: column; gap: 5px; min-width: 0; font-size: 0.78rem; font-weight: 600; } #cooperBedinView .cb-fin-preco-campo input { width: 100%; } #cooperBedinView .cb-fin-preco-mobile { display: none; } #cooperBedinView .cb-fin-usina--preco-ficha { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; } #cooperBedinView .cb-fin-usina--pendente { border-left: 3px solid var(--st-atencao); padding-left: 10px; } #cooperBedinView .cb-fin-usina__falta { display: block; color: var(--st-atencao-tx); font-size: 0.76rem; font-weight: 700; margin-top: 4px; } @media (max-width: 900px) { #cooperBedinView .cb-fin-preco-cab { display: none; } #cooperBedinView .cb-fin-preco-mobile { display: block; } #cooperBedinView .cb-fin-usina--preco { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; } #cooperBedinView .cb-fin-usina--preco .cb-fin-usina__nome { grid-column: 1 / -1; } } #cooperBedinView .cb-compbar__stat--aten { color: var(--st-atencao-tx); } /* Links (nome da usina, "ver detalhes"...): tinta escura com sublinhado discreto - vermelho lia como erro. O vermelho da marca aparece só no hover. */ #cooperBedinView .cb-linkbtn { color: var(--cb-ink); text-decoration: underline; text-decoration-color: rgba(20, 22, 28, 0.22); text-underline-offset: 3px; } #cooperBedinView .cb-linkbtn:hover { color: var(--cb-red-dark); text-decoration-color: currentColor; } /* Importação: "pronto para confirmar" é informação, não erro */ #cooperBedinView .cb-lote__st--pronto { background: var(--st-info-bg); color: var(--st-info-tx); } #cooperBedinView .cb-lote__st--competencia_divergente, #cooperBedinView .cb-lote__st--uc_divergente, #cooperBedinView .cb-lote__st--uc_nao_cadastrada, #cooperBedinView .cb-lote__st--uc_nao_identificada { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } /* Selos informativos do Financeiro em neutro (não são alerta) */ #cooperBedinView .cb-fin-badge { background: var(--st-neutro-bg); color: var(--st-neutro-tx); } /* Componente do documento que falta: ação pendente (âmbar); erro de leitura segue vermelho */ #cooperBedinView .cb-doc-check--falta .cb-doc-check__ic, #cooperBedinView .cb-doc-check--falta .cb-doc-check__st { color: var(--st-atencao-tx); } /* ── Dashboard ─────────────────────────────────────────────────────────────────── */ #cooperBedinView .cb-d2 .cb-dash-head { margin-bottom: 18px; } #cooperBedinView .cb-d2-periodo { align-items: center; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 999px; display: inline-flex; font-size: 0.86rem; font-weight: 700; gap: 8px; padding: 7px 14px; } #cooperBedinView .cb-d2-topo { display: grid; gap: 16px; grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr); } #cooperBedinView .cb-d2-card { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 16px; padding: 20px 22px; } #cooperBedinView .cb-d2-card__head { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 8px; } #cooperBedinView .cb-d2-card__head h3 { font-size: 1rem; margin: 0; } #cooperBedinView .cb-d2-card__head p { color: var(--cb-muted); font-size: 0.78rem; margin: 2px 0 0; } #cooperBedinView .cb-d2-selo { border-radius: 999px; font-size: 0.74rem; font-weight: 800; padding: 4px 11px; } #cooperBedinView .cb-d2-selo--neutro { background: var(--st-neutro-bg); color: var(--st-neutro-tx); } #cooperBedinView .cb-d2-selo--atencao { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } #cooperBedinView .cb-d2-selo--info { background: var(--st-info-bg); color: var(--st-info-tx); } #cooperBedinView .cb-d2-selo--ok { background: var(--st-ok-bg); color: var(--st-ok-tx); } #cooperBedinView .cb-d2-hero__numero { align-items: baseline; display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 16px; } #cooperBedinView .cb-d2-hero__numero strong { color: var(--cb-ink); font-size: 2.6rem; letter-spacing: -1px; line-height: 1; } #cooperBedinView .cb-d2-hero__numero span { color: var(--cb-muted); font-size: 0.95rem; font-weight: 600; } #cooperBedinView .cb-d2-hero__numero em { color: var(--st-neutro-tx); font-size: 1rem; font-style: normal; font-weight: 800; margin-left: auto; } #cooperBedinView .cb-d2-hero__numero em.cb-d2-pct--atencao { color: var(--st-atencao-tx); } #cooperBedinView .cb-d2-hero__numero em.cb-d2-pct--info { color: var(--st-info-tx); } #cooperBedinView .cb-d2-hero__numero em.cb-d2-pct--ok { color: var(--st-ok-tx); } #cooperBedinView .cb-d2-barra-etapas { background: var(--st-neutro-bg); border-radius: 999px; display: flex; gap: 2px; height: 14px; overflow: hidden; } #cooperBedinView .cb-d2-seg { min-width: 6px; } #cooperBedinView .cb-d2-cor--neutro { background: var(--st-neutro); } #cooperBedinView .cb-d2-cor--atencao { background: var(--st-atencao); } #cooperBedinView .cb-d2-cor--info { background: var(--st-info); } #cooperBedinView .cb-d2-cor--ok-claro { background: var(--st-ok-claro); } #cooperBedinView .cb-d2-cor--ok { background: var(--st-ok); } #cooperBedinView .cb-d2-etapas { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; } #cooperBedinView .cb-d2-etapa { align-items: center; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; color: var(--cb-text); cursor: pointer; display: inline-flex; font: inherit; font-size: 0.8rem; gap: 7px; padding: 6px 10px; } #cooperBedinView .cb-d2-etapa i { border-radius: 3px; display: inline-block; height: 10px; width: 10px; } #cooperBedinView .cb-d2-etapa strong { color: var(--cb-ink); } #cooperBedinView .cb-d2-etapa:hover:not(:disabled) { border-color: var(--cb-ink); } #cooperBedinView .cb-d2-etapa.is-zero { cursor: default; opacity: 0.5; } #cooperBedinView .cb-d2-hero__rodape { align-items: center; border-top: 1px solid var(--cb-line); display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; margin-top: 18px; padding-top: 14px; } #cooperBedinView .cb-d2-hero__rodape span { color: var(--cb-muted); font-size: 0.82rem; } #cooperBedinView .cb-d2-vazio { color: var(--cb-muted); } #cooperBedinView .cb-d2-atalhos h3 { font-size: 1rem; margin: 4px 0 10px; } #cooperBedinView .cb-d2-atalho { align-items: center; background: none; border: 0; border-top: 1px solid var(--cb-line); color: inherit; cursor: pointer; display: flex; font: inherit; gap: 12px; padding: 11px 2px; text-align: left; width: 100%; } #cooperBedinView .cb-d2-atalho strong { display: block; font-size: 0.9rem; } #cooperBedinView .cb-d2-atalho small { color: var(--cb-muted); font-size: 0.76rem; } #cooperBedinView .cb-d2-atalho:hover strong { color: var(--cb-ink); text-decoration: underline; } #cooperBedinView .cb-d2-atalho__seta { color: var(--cb-muted); font-size: 1.2rem; margin-left: auto; } #cooperBedinView .cb-d2-atalho__icone, #cooperBedinView .cb-d2-kpi__icone { align-items: center; border-radius: 11px; display: inline-flex; flex: 0 0 38px; height: 38px; justify-content: center; } #cooperBedinView .cb-d2-atalho__icone svg, #cooperBedinView .cb-d2-kpi__icone svg { height: 19px; width: 19px; } #cooperBedinView .cb-d2-atalho--atencao .cb-d2-atalho__icone { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } #cooperBedinView .cb-d2-atalho--info .cb-d2-atalho__icone { background: var(--st-info-bg); color: var(--st-info-tx); } #cooperBedinView .cb-d2-atalho--ok .cb-d2-atalho__icone { background: var(--st-ok-bg); color: var(--st-ok-tx); } #cooperBedinView .cb-d2-atalho--violeta .cb-d2-atalho__icone { background: var(--st-violeta-bg); color: var(--st-violeta); } #cooperBedinView .cb-d2-kpis { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 16px 0; } #cooperBedinView .cb-d2-kpi { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 16px; display: flex; flex-wrap: wrap; gap: 12px; padding: 18px; position: relative; } #cooperBedinView .cb-d2-kpi__corpo { display: flex; flex-direction: column; gap: 3px; min-width: 0; } #cooperBedinView .cb-d2-kpi__rot { color: var(--cb-muted); font-size: 0.76rem; font-weight: 700; } #cooperBedinView .cb-d2-kpi__corpo strong { color: var(--cb-ink); font-size: 1.45rem; letter-spacing: -0.4px; } #cooperBedinView .cb-d2-kpi__corpo strong span { color: var(--cb-muted); font-size: 0.85rem; font-weight: 600; } #cooperBedinView .cb-d2-kpi__corpo small { color: var(--cb-muted); font-size: 0.74rem; } #cooperBedinView .cb-d2-kpi--sol .cb-d2-kpi__icone { background: var(--st-sol-bg); color: var(--st-sol); } #cooperBedinView .cb-d2-kpi--info .cb-d2-kpi__icone { background: var(--st-info-bg); color: var(--st-info-tx); } #cooperBedinView .cb-d2-kpi--violeta .cb-d2-kpi__icone { background: var(--st-violeta-bg); color: var(--st-violeta); } #cooperBedinView .cb-d2-kpi--ok .cb-d2-kpi__icone { background: var(--st-ok-bg); color: var(--st-ok-tx); } #cooperBedinView .cb-d2-kpi--neutro .cb-d2-kpi__icone { background: var(--st-neutro-bg); color: var(--st-neutro-tx); } #cooperBedinView .cb-d2-var { font-weight: 800; } #cooperBedinView .cb-d2-var--sobe { color: var(--st-ok-tx); } #cooperBedinView .cb-d2-var--desce { color: var(--st-neutro-tx); } #cooperBedinView .cb-d2-spark { height: 28px; margin-left: auto; width: 96px; align-self: flex-end; } #cooperBedinView .cb-d2-spark rect { fill: #f2d48f; } #cooperBedinView .cb-d2-spark rect.is-atual { fill: var(--st-sol); } #cooperBedinView .cb-d2-grafico { margin-bottom: 16px; } #cooperBedinView .cb-d2-grafico__area { align-items: stretch; border-bottom: 1px solid #c3c2b7; display: flex; gap: 6px; height: 200px; margin-top: 10px; } #cooperBedinView .cb-d2-barra { background: none; border: 0; cursor: pointer; display: flex; flex: 1 1 0; flex-direction: column; font: inherit; justify-content: flex-end; min-width: 0; padding: 0; position: relative; } #cooperBedinView .cb-d2-barra__col { background: #b7d3f6; border-radius: 4px 4px 0 0; display: block; transition: background 0.15s; width: 100%; } #cooperBedinView .cb-d2-barra:hover .cb-d2-barra__col, #cooperBedinView .cb-d2-barra:focus-visible .cb-d2-barra__col { background: #6da7ec; } #cooperBedinView .cb-d2-barra.is-atual .cb-d2-barra__col { background: var(--st-info); } #cooperBedinView .cb-d2-barra__valor { color: var(--cb-ink); font-size: 0.72rem; font-weight: 800; margin-bottom: 4px; opacity: 0; text-align: center; white-space: nowrap; } #cooperBedinView .cb-d2-barra:hover .cb-d2-barra__valor, #cooperBedinView .cb-d2-barra:focus-visible .cb-d2-barra__valor, #cooperBedinView .cb-d2-barra.is-atual .cb-d2-barra__valor { opacity: 1; } #cooperBedinView .cb-d2-barra__mes { bottom: -22px; color: var(--cb-muted); font-size: 0.7rem; left: 50%; position: absolute; transform: translateX(-50%); white-space: nowrap; } #cooperBedinView .cb-d2-barra.is-atual .cb-d2-barra__mes { color: var(--cb-ink); font-weight: 800; } #cooperBedinView .cb-d2-grafico { padding-bottom: 34px; } #cooperBedinView .cb-d2-legenda-um { align-items: center; color: var(--cb-muted); display: inline-flex; font-size: 0.78rem; gap: 6px; } #cooperBedinView .cb-d2-legenda-um i { background: var(--st-info); border-radius: 3px; display: inline-block; height: 10px; width: 10px; } #cooperBedinView .cb-d2-base-card { align-items: center; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 14px; color: inherit; cursor: pointer; display: flex; font: inherit; gap: 12px; padding: 16px; text-align: left; } #cooperBedinView .cb-d2-base-card > span:last-child { display: flex; flex-direction: column; } #cooperBedinView .cb-d2-base-card strong { color: var(--cb-ink); font-size: 1.4rem; } #cooperBedinView .cb-d2-base-card span span { font-size: 0.8rem; } #cooperBedinView .cb-d2-base-card small { color: var(--cb-muted); font-size: 0.72rem; } #cooperBedinView .cb-d2-base-card:hover { border-color: var(--cb-ink); } #cooperBedinView .cb-d2-base-card .cb-d2-kpi__icone { flex-basis: 38px; } #cooperBedinView .cb-d2-base-card.cb-d2-kpi--sol .cb-d2-kpi__icone { background: var(--st-sol-bg); color: var(--st-sol); } @media (max-width: 1100px) { #cooperBedinView .cb-d2-topo { grid-template-columns: 1fr; } #cooperBedinView .cb-d2-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { #cooperBedinView .cb-d2-kpis { grid-template-columns: 1fr; } } @media (max-width: 760px) { #cooperBedinView .cb-d2-barra:nth-child(even):not(.is-atual) .cb-d2-barra__mes { visibility: hidden; } #cooperBedinView .cb-d2-grafico__area { gap: 3px; } } /* ══ Kit visual CooperBedin (14/10/2026) ═══════════════════════════════════════════════ Todas as telas usam as MESMAS peças do Dashboard: cabeçalho (sobretítulo + título + apoio), cartão, faixa de indicadores, etiqueta pela régua de estados, abas e tabela. Botão principal em grafite (não colide com nenhuma cor de estado). Vermelho da marca só no logo e no menu. Regras novas entram aqui, não em variantes por tela. */ #cooperBedinView { --kit-raio: 16px; --kit-grafite: #1b1e26; --kit-grafite-hover: #000; --kit-borda-forte: rgba(20, 22, 28, 0.16); } /* Cabeçalho de página */ #cooperBedinView .cb-modulo__head, #cooperBedinView .cb-op-head, #cooperBedinView .cb-pg-head, #cooperBedinView .cb-dash-head { margin-bottom: 20px; } #cooperBedinView .cb-modulo__head { align-items: flex-end; } #cooperBedinView .cb-modulo__head h2, #cooperBedinView .cb-op-head h2, #cooperBedinView .cb-pg-head h2, #cooperBedinView .cb-dash-head h2, #cooperBedinView .cb-ficha__head h2 { color: var(--cb-ink); font-size: 28px; font-weight: 800; letter-spacing: -0.8px; line-height: 1.15; margin: 6px 0 0; } #cooperBedinView .cb-modulo__head p, #cooperBedinView .cb-op-head p, #cooperBedinView .cb-pg-head p { color: var(--cb-muted); font-size: 13px; margin: 6px 0 0; } #cooperBedinView .cb-dash-eyebrow, #cooperBedinView .cb-op-eyebrow { color: var(--cb-muted); display: block; font-size: 11px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; } /* Botões: duas famílias (syn-btn e cb-btn) com a mesma aparência */ #cooperBedinView .syn-btn, #cooperBedinView .cb-btn { align-items: center; border: 1px solid transparent; border-radius: 10px; box-shadow: none; cursor: pointer; display: inline-flex; font: inherit; font-size: 0.86rem; font-weight: 700; gap: 8px; justify-content: center; min-height: 40px; padding: 0 16px; transition: background 0.15s, border-color 0.15s, color 0.15s; } #cooperBedinView .syn-btn--sm, #cooperBedinView .cb-btn--sm { font-size: 0.8rem; min-height: 32px; padding: 0 12px; } #cooperBedinView .syn-btn-primary, #cooperBedinView .cb-btn--primary { background: var(--kit-grafite); border-color: var(--kit-grafite); color: #fff; } #cooperBedinView .syn-btn-primary:hover:not(:disabled), #cooperBedinView .cb-btn--primary:hover:not(:disabled) { background: var(--kit-grafite-hover); border-color: var(--kit-grafite-hover); color: #fff; } #cooperBedinView .syn-btn-secondary, #cooperBedinView .cb-btn--secondary { background: var(--cb-surface); border-color: var(--kit-borda-forte); color: var(--cb-ink); } #cooperBedinView .syn-btn-secondary:hover:not(:disabled), #cooperBedinView .cb-btn--secondary:hover:not(:disabled) { border-color: var(--cb-ink); color: var(--cb-ink); } #cooperBedinView .syn-btn-ghost, #cooperBedinView .cb-btn--ghost { background: transparent; border-color: transparent; color: var(--cb-muted); } #cooperBedinView .syn-btn-ghost:hover:not(:disabled), #cooperBedinView .cb-btn--ghost:hover:not(:disabled) { background: var(--st-neutro-bg); color: var(--cb-ink); } #cooperBedinView .syn-btn:disabled, #cooperBedinView .cb-btn:disabled { cursor: not-allowed; opacity: 0.5; } #cooperBedinView .cb-btn--warning { --cb-acao-cor: var(--st-atencao-tx); --cb-acao-fundo: var(--st-atencao-bg); } #cooperBedinView .cb-btn--perigo { --cb-acao-cor: var(--st-erro-tx); --cb-acao-fundo: var(--st-erro-bg); } #cooperBedinView .cb-btn--success { --cb-acao-cor: var(--st-ok-tx); --cb-acao-fundo: var(--st-ok-bg); } #cooperBedinView .cb-btn--info { --cb-acao-cor: var(--st-info-tx); --cb-acao-fundo: var(--st-info-bg); } #cooperBedinView .cb-btn:is(.cb-btn--warning,.cb-btn--perigo,.cb-btn--success,.cb-btn--info) { color: var(--cb-acao-cor); background: var(--cb-acao-fundo); border-color: var(--cb-acao-cor); } #cooperBedinView .cb-btn:is(.cb-btn--warning,.cb-btn--perigo,.cb-btn--success,.cb-btn--info):hover:not(:disabled) { background: var(--cb-acao-cor); border-color: var(--cb-acao-cor); color: var(--cb-surface); } #cooperBedinView .syn-btn:focus-visible, #cooperBedinView .cb-btn:focus-visible { outline: 2px solid var(--st-info); outline-offset: 2px; } /* Cartões: um só formato */ #cooperBedinView .cb-card, #cooperBedinView .cb-fin-panel, #cooperBedinView .cb-op-panel, #cooperBedinView .cb-tablewrap, #cooperBedinView .cb-lote__prog, #cooperBedinView .cb-kpi, #cooperBedinView .cb-dash-cadastro, #cooperBedinView .cb-pg-filter-panel, #cooperBedinView .cb-cockpit, #cooperBedinView .cb-placeholder { border-color: var(--cb-line); border-radius: var(--kit-raio); box-shadow: none; } #cooperBedinView .cb-card__head { padding: 16px 20px; } #cooperBedinView .cb-card__head h3, #cooperBedinView .cb-fin-panel__head h3, #cooperBedinView .cb-op-panel__head h2 { color: var(--cb-ink); font-size: 1rem; font-weight: 800; margin: 0; } #cooperBedinView .cb-faixa-kpis { margin: 0 0 18px; } /* Títulos de seção: o "Base da cooperativa" do Dashboard */ #cooperBedinView .cb-secao-titulo { color: var(--cb-ink); font-size: 1rem; font-weight: 800; letter-spacing: 0; margin: 26px 0 12px; text-transform: none; } #cooperBedinView .cb-secao-titulo:first-of-type { margin-top: 6px; } /* Etiquetas: todas no formato do selo do Dashboard, cor pela régua */ #cooperBedinView .cb-status, #cooperBedinView .cb-fin-badge, #cooperBedinView .cb-rel-card__badge, #cooperBedinView .cb-lote__tag, #cooperBedinView .cb-op-action__priority, #cooperBedinView .cb-lote__st { border-radius: 999px; font-size: 0.74rem; font-weight: 800; letter-spacing: 0; padding: 3px 10px; white-space: nowrap; } #cooperBedinView .cb-status--ativo, #cooperBedinView .cb-status--ok, #cooperBedinView .cb-lote__tag--ok { background: var(--st-ok-bg); color: var(--st-ok-tx); } #cooperBedinView .cb-status--aten, #cooperBedinView .cb-lote__tag--pend { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } #cooperBedinView .cb-status--inativo, #cooperBedinView .cb-status--off, #cooperBedinView .cb-lote__tag, #cooperBedinView .cb-rel-card__badge { background: var(--st-neutro-bg); color: var(--st-neutro-tx); } /* A base neutra acima não apaga a situação documental nem o resultado do reprocessamento. */ #cooperBedinView .cb-lote__tag--ok { background: var(--st-ok-bg); color: var(--st-ok-tx); } #cooperBedinView .cb-lote__tag--pend { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } #cooperBedinView .cb-lote__tag--erro { background: var(--st-erro-bg); color: var(--st-erro-tx); } #cooperBedinView .cb-lote__prog--ok { border-left: 4px solid var(--st-ok); background: var(--st-ok-bg); } #cooperBedinView .cb-lote__prog--pend { border-left: 4px solid var(--st-atencao); background: var(--st-atencao-bg); } #cooperBedinView .cb-lote__prog-situacao { display: block; margin-bottom: 12px; font-size: 1rem; } #cooperBedinView .cb-lote__prog--ok .cb-lote__prog-situacao { color: var(--st-ok-tx); } #cooperBedinView .cb-lote__prog--pend .cb-lote__prog-situacao { color: var(--st-atencao-tx); } #cooperBedinView .cb-lote__prog-orientacao { margin: 12px 0 0; font-size: 0.88rem; font-weight: 700; } #cooperBedinView .cb-lote__prog-nums { flex-wrap: wrap; } #cooperBedinView .cb-status--info { background: var(--st-info-bg); color: var(--st-info-tx); } /* Abas (seções) e filtros (recortes): ativo sempre em grafite */ #cooperBedinView .cb-fin-aba.is-ativa, #cooperBedinView .cb-lote__tab.is-active { border-bottom-color: var(--kit-grafite); color: var(--cb-ink); font-weight: 800; } #cooperBedinView .cb-grade-filtro, #cooperBedinView .cb-lote__modo { border-color: var(--kit-borda-forte); border-radius: 999px; font-weight: 700; min-height: 32px; } #cooperBedinView .cb-grade-filtro:hover, #cooperBedinView .cb-lote__modo:hover, #cooperBedinView .cb-grade-mes:hover { border-color: var(--cb-ink); color: var(--cb-ink); } #cooperBedinView .cb-grade-filtro.is-ativo, #cooperBedinView .cb-lote__modo.is-active { background: var(--kit-grafite); border-color: var(--kit-grafite); color: #fff; } /* Busca e campos: foco em azul (informação), não vermelho */ #cooperBedinView .cb-search { border-color: var(--kit-borda-forte); border-radius: 10px; } #cooperBedinView .cb-search:focus, #cooperBedinView .cb-input:focus { border-color: var(--st-info); box-shadow: 0 0 0 3px var(--st-info-bg); outline: none; } #cooperBedinView .cb-comp-btn:hover, #cooperBedinView .cb-comp-btn[aria-expanded="true"], #cooperBedinView .cb-comp-mes:hover { border-color: var(--cb-ink); } /* Tabelas */ #cooperBedinView .cb-table thead th { background: #f8f9fa; font-size: 0.7rem; letter-spacing: 0.05em; padding: 12px 16px; } #cooperBedinView .cb-table tbody td { padding: 12px 16px; } #cooperBedinView .cb-table tbody tr[data-cb-gerador]:hover, #cooperBedinView .cb-table tbody tr[data-cb-consumidor]:hover, #cooperBedinView .cb-table tbody tr:hover { background: #fafafa; } /* Documentos de Relatórios: cartão do kit com ícone na cor da entidade (sem moldura vermelha) */ #cooperBedinView .cb-doc-hero { background: var(--cb-surface); border: 1px solid var(--cb-line); box-shadow: none; flex-wrap: nowrap; margin-bottom: 16px; } #cooperBedinView .cb-doc-hero > .cb-d2-atalho__icone { align-self: flex-start; flex: 0 0 44px; height: 44px; border-radius: 12px; } #cooperBedinView .cb-doc-hero__eyebrow { color: var(--cb-muted); font-size: 11px; letter-spacing: 1.1px; } #cooperBedinView .cb-doc-hero h3 { color: var(--cb-ink); font-weight: 800; } @media (max-width: 760px) { #cooperBedinView .cb-doc-hero { flex-wrap: wrap; } } /* Relatórios analíticos: ícone na cor da entidade (usina = sol, consumidor = azul, geral = cinza) */ #cooperBedinView .cb-rel-card__icon { background: var(--st-neutro-bg); color: var(--st-neutro-tx); } #cooperBedinView .cb-rel-card--usinas .cb-rel-card__icon, #cooperBedinView .cb-rel-card--historico .cb-rel-card__icon { background: var(--st-sol-bg); color: var(--st-sol); } #cooperBedinView .cb-rel-card--consumidores .cb-rel-card__icon { background: var(--st-info-bg); color: var(--st-info-tx); } #cooperBedinView .cb-rel-card:hover { border-color: var(--kit-borda-forte); box-shadow: none; } /* Operação Mensal: indicadores no cartão do kit e ícone das ações na cor da etapa */ #cooperBedinView .cb-op-metrics { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); } #cooperBedinView .cb-d2-base-card.cb-d2-kpi--info .cb-d2-kpi__icone { background: var(--st-info-bg); color: var(--st-info-tx); } #cooperBedinView .cb-d2-base-card.cb-d2-kpi--violeta .cb-d2-kpi__icone { background: var(--st-violeta-bg); color: var(--st-violeta); } #cooperBedinView .cb-d2-base-card.cb-d2-kpi--neutro .cb-d2-kpi__icone { background: var(--st-neutro-bg); color: var(--st-neutro-tx); } #cooperBedinView .cb-op-action__icon { background: var(--st-neutro-bg); color: var(--st-neutro-tx); } #cooperBedinView .cb-op-action__icon--conferencia { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } #cooperBedinView .cb-op-action__icon--autorizacao { background: var(--st-info-bg); color: var(--st-info-tx); } #cooperBedinView .cb-op-action__icon--informe, #cooperBedinView .cb-op-action__icon--emitido { background: var(--st-ok-bg); color: var(--st-ok-tx); } @media (max-width: 900px) { #cooperBedinView .cb-op-metrics { grid-template-columns: 1fr; } } /* Abas da Prospecção são syn-btn: viram abas do kit (como Financeiro), não botões */ #cooperBedinView .cb-pg-tabs { border-bottom: 1px solid var(--cb-line); display: flex; flex-wrap: wrap; gap: 4px; padding: 0; } #cooperBedinView .cb-pg-tabs .syn-btn { background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: var(--cb-muted); font-weight: 600; margin-bottom: -1px; min-height: 0; padding: 10px 14px; } #cooperBedinView .cb-pg-tabs .syn-btn:hover:not(:disabled) { background: transparent; color: var(--cb-ink); } #cooperBedinView .cb-pg-tabs .syn-btn[aria-pressed="true"] { border-bottom-color: var(--kit-grafite); box-shadow: none; color: var(--cb-ink); font-weight: 800; } /* Voltar ("← Usinas"): navegação discreta, não alerta */ #cooperBedinView .cb-ficha__nav .cb-linkbtn, #cooperBedinView .cb-doc-nav .cb-linkbtn { color: var(--cb-muted); font-weight: 700; text-decoration: none; } #cooperBedinView .cb-ficha__nav .cb-linkbtn:hover, #cooperBedinView .cb-doc-nav .cb-linkbtn:hover { color: var(--cb-ink); } /* ── Ações de arquivo e ações de linha (decisão de 15/10/2026) ───────────────────────── Um só botão cheio (grafite) por tela, para a próxima ação. Botão que põe ou tira arquivo leva a seta da direção (marcarAcoesDeArquivo, no módulo); quando não é o principal, aparece contornado em vez de texto solto. As ações das linhas do cockpit também ficam contornadas. */ #cooperBedinView .cb-seta-arquivo { flex: 0 0 auto; } #cooperBedinView .syn-btn-ghost.cb-acao-arquivo, #cooperBedinView .cb-btn--ghost.cb-acao-arquivo, #cooperBedinView .cb-ck-item .syn-btn-ghost { background: var(--cb-surface); border-color: var(--kit-borda-forte); color: var(--cb-ink); } #cooperBedinView .syn-btn-ghost.cb-acao-arquivo:hover:not(:disabled), #cooperBedinView .cb-btn--ghost.cb-acao-arquivo:hover:not(:disabled), #cooperBedinView .cb-ck-item .syn-btn-ghost:hover:not(:disabled) { background: var(--cb-bg); border-color: var(--cb-ink); color: var(--cb-ink); } #cooperBedinView .cb-ck-item .syn-btn { gap: 6px; min-height: 30px; padding: 0 10px; } /* ── Menu lateral com vida (decisão de 15/10/2026: ícones na cor do bloco) ────────────── Título e ícones de cada bloco na cor dele; no passar do mouse o ícone ganha um fundo e cresce de leve; o item ativo continua vermelho. No pé da barra, o símbolo do logo bem apagado como textura (--cb-eco, montado no módulo). */ #cooperBedinView .cb-sidebar { background: var(--cb-surface) var(--cb-eco, none) no-repeat right -70px bottom -50px / 230px 230px; } #cooperBedinView .cb-navitem { --cor-bloco: var(--cb-muted); transition: background 0.18s ease, color 0.18s ease; } #cooperBedinView .cb-navitem--sol { --cor-bloco: var(--st-sol); } #cooperBedinView .cb-navitem--violeta { --cor-bloco: var(--st-violeta); } #cooperBedinView .cb-navitem--info { --cor-bloco: var(--st-info); } #cooperBedinView .cb-navitem--verde { --cor-bloco: var(--st-ok-tx); } #cooperBedinView .cb-navitem--cinza { --cor-bloco: #64748b; } #cooperBedinView .cb-navitem .cb-navitem__icon { border-radius: 7px; color: var(--cor-bloco); margin: -4px; padding: 4px; transition: background 0.18s ease, transform 0.2s ease; } #cooperBedinView .cb-navitem:hover .cb-navitem__icon { background: rgba(20, 22, 28, 0.06); transform: scale(1.08); } #cooperBedinView .cb-navitem.is-active .cb-navitem__icon { color: var(--cb-red); } #cooperBedinView .cb-navgrupo--sol { color: var(--st-sol); } #cooperBedinView .cb-navgrupo--violeta { color: var(--st-violeta); } #cooperBedinView .cb-navgrupo--info { color: var(--st-info); } #cooperBedinView .cb-navgrupo--verde { color: var(--st-ok-tx); } #cooperBedinView .cb-navgrupo--cinza { color: #64748b; } @media (prefers-reduced-motion: reduce) { #cooperBedinView .cb-navitem, #cooperBedinView .cb-navitem .cb-navitem__icon { transition: none; } #cooperBedinView .cb-navitem:hover .cb-navitem__icon { transform: none; } } @media (max-width: 720px) { #cooperBedinView .cb-sidebar { background-image: none; } } /* Identificação da cooperativa: edição pelo gestor em Configurações. */ #cooperBedinView .cb-ident-form { display: flex; flex-direction: column; gap: 14px; overflow: visible; padding: 18px 20px; } #cooperBedinView .cb-ident-campos { display: grid; gap: 12px 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } #cooperBedinView .cb-ident-campos .cb-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; } #cooperBedinView .cb-ident-acoes { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 14px; } #cooperBedinView .cb-ident-form .cb-ident-acoes { padding: 0; } /* Barra do mês baixa (15/10/2026): só o mês, a situação e a troca de mês. O andamento mora no Dashboard. Assim o menu lateral cabe sem rolagem. */ #cooperBedinView .cb-compbar { align-items: center; padding: 8px 22px; } #cooperBedinView .cb-compbar__ctx { align-items: center; flex-direction: row; flex-wrap: wrap; gap: 8px 32px; } #cooperBedinView .cb-compbar__titulo { display: flex; flex: 0 0 auto; flex-direction: column; gap: 2px; } /* Largura total fixa, já contando borda e espaçamento. O conteúdo usa todo o restante. */ #cooperBedinView .cb-sidebar { box-sizing: border-box; flex-basis: 270px; width: 270px; gap: 1px; padding: 8px 10px; } /* O espaço acompanha a altura da tela: mais ar entre os blocos quando sobra altura. A coluna independente cabe com os 19 itens do gestor desde 1280x720; em janelas menores a rolagem permanece disponível, sem esconder destinos ou reduzir a fonte. */ #cooperBedinView .cb-navitem { font-size: 0.875rem; padding: clamp(4px, calc(1.5vh - 6.5px), 10px) 12px; } #cooperBedinView .cb-navgrupo { padding: clamp(5px, calc(4.2vh - 26px), 28px) 12px 4px; } /* Direção de produto visível, sem destino de navegação nem promessa de prazo. */ #cooperBedinView .cb-navitem--planejado { box-sizing: border-box; color: var(--cb-muted); cursor: help; gap: 6px; } #cooperBedinView .cb-navitem__novo { background: #e3f5eb; border-radius: 999px; color: #166534; font-size: 0.58rem; font-weight: 700; line-height: 1.4; margin-left: auto; padding: 2px 4px; white-space: nowrap; } /* Rótulo longo com selo ("Mapa da cooperativa" + "Novo"): menos vão entre os dois, numa linha só. */ #cooperBedinView .cb-navitem__label:has(+ .cb-navitem__novo) { margin-right: -6px; } #cooperBedinView .cb-navitem--planejado .cb-navitem__label { flex: 1; white-space: nowrap; } #cooperBedinView .cb-navitem__planejado { background: #fff3d6; border-radius: 999px; color: #865500; font-size: 0.58rem; font-weight: 700; line-height: 1.4; padding: 2px 5px; } #cooperBedinView .cb-navitem--planejado:hover { background: transparent; } #cooperBedinView .cb-navitem--planejado:hover .cb-navitem__icon { background: transparent; transform: none; } #cooperBedinView .cb-navitem--planejado:focus-visible { outline: 2px solid #b77900; outline-offset: -2px; } @media (min-width: 721px) and (max-height: 760px) { #cooperBedinView .cb-navitem { padding-top: 4px; padding-bottom: 4px; } #cooperBedinView .cb-navgrupo { padding-top: 5px; } } @media (max-width: 720px) { #cooperBedinView .cb-navitem--planejado .cb-navitem__label, #cooperBedinView .cb-navitem__planejado { display: none; } #cooperBedinView .cb-navitem__novo { display: none; } #cooperBedinView .cb-navitem--planejado .cb-navitem__icon { position: relative; } #cooperBedinView .cb-navitem--planejado .cb-navitem__icon::after { background: #b77900; border-radius: 50%; content: ""; height: 5px; position: absolute; right: 1px; top: 1px; width: 5px; } } /* Cabeçalhos compactos: orientação junto às ações, sem repetir o grupo do menu. Avisos marcados são conteúdo operacional e continuam visíveis. Fichas mantêm a identidade. */ #cooperBedinView :is(.cb-modulo__head, .cb-op-head, .cb-pg-head, .cb-dash-head, .cb-prosp-head) { align-items: center; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; } #cooperBedinView :is(.cb-modulo__head, .cb-op-head, .cb-pg-head, .cb-dash-head, .cb-prosp-head) h2 { font-size: 20px; letter-spacing: -0.35px; line-height: 1.25; margin: 0; } #cooperBedinView :is(.cb-modulo__head, .cb-op-head, .cb-pg-head, .cb-dash-head, .cb-prosp-head) :is(.cb-dash-eyebrow, .cb-op-eyebrow) { display: none; } #cooperBedinView :is(.cb-modulo__head, .cb-op-head, .cb-pg-head, .cb-dash-head, .cb-prosp-head) > p:not([data-cb-aviso]), #cooperBedinView :is(.cb-modulo__head, .cb-op-head, .cb-pg-head, .cb-dash-head, .cb-prosp-head) > div > p:not([data-cb-aviso]) { display: none; } #cooperBedinView .cb-d2 .cb-dash-head { margin-bottom: 14px; } #cooperBedinView .cb-lista { margin: 14px 0 10px; } #cooperBedinView .cb-lista__toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-lista__toolbar .cb-search { flex: 1 1 280px; max-width: 520px; min-width: 180px; } #cooperBedinView .cb-lista__export { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; } #cooperBedinView .cb-lista__filtros { align-items: end; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 12px; display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin-top: 10px; padding: 14px; } #cooperBedinView .cb-lista__filtros[hidden] { display: none; } #cooperBedinView .cb-lista__filtros .cb-field { margin: 0; min-width: 0; } #cooperBedinView .cb-lista__resumo { color: var(--cb-muted); font-size: 12px; line-height: 1.5; margin: 8px 0 0; overflow-wrap: anywhere; } #cooperBedinView .cb-lista__erro { color: #b91c1c; font-size: 13px; } #cooperBedinView .cb-lista__paginacao { align-items: center; display: flex; flex-wrap: wrap; font-size: 12px; gap: 10px 16px; justify-content: space-between; margin-top: 12px; } #cooperBedinView .cb-lista__paginacao > div, #cooperBedinView .cb-lista__paginacao label { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-lista__paginacao .cb-input { min-height: 32px; padding: 4px 8px; width: 74px; } @media (max-width: 720px) { #cooperBedinView .cb-lista__toolbar .cb-search { max-width: none; width: 100%; } #cooperBedinView .cb-lista__export { margin-left: 0; } #cooperBedinView .cb-lista__paginacao > div { width: 100%; } } /* Trocar o mês no próprio nome do mês (15/10/2026): o seletor em grade abre logo abaixo dele, alinhado à esquerda; não há mais seletor separado no canto direito. */ #cooperBedinView .cb-compbar__titulo.cb-compbar__nav { min-width: 0; position: relative; } #cooperBedinView .cb-compbar__mes-btn { align-items: center; background: none; border: 0; border-radius: 8px; color: var(--cb-ink); cursor: pointer; display: inline-flex; font: inherit; font-size: 1.28rem; font-weight: 800; gap: 4px; line-height: 1.1; margin: -2px -6px; padding: 2px 6px; text-transform: capitalize; } #cooperBedinView .cb-compbar__mes-btn:hover, #cooperBedinView .cb-compbar__mes-btn[aria-expanded="true"] { background: var(--st-neutro-bg); } #cooperBedinView .cb-compbar__mes-btn:focus-visible { outline: 2px solid var(--st-info); outline-offset: 2px; } #cooperBedinView .cb-compbar__mes-seta { color: var(--cb-muted); display: inline-flex; transition: transform 0.15s; } #cooperBedinView .cb-compbar__mes-btn[aria-expanded="true"] .cb-compbar__mes-seta { transform: rotate(180deg); } #cooperBedinView .cb-compbar__nav .cb-comp-picker { left: 0; right: auto; } @media (prefers-reduced-motion: reduce) { #cooperBedinView .cb-compbar__mes-seta { transition: none; } } /* Foco na escolha do mês: com a grade aberta, o resto da tela fica levemente embaçado. */ #cooperBedinView .cb-comp-veu { -webkit-backdrop-filter: blur(3px); animation: cb-veu-entra 0.18s ease-out; backdrop-filter: blur(3px); background: rgba(22, 24, 29, 0.16); inset: 0; position: fixed; z-index: 60; } #cooperBedinView .cb-compbar__titulo.is-aberto { z-index: 61; } #cooperBedinView .cb-compbar__titulo.is-aberto .cb-compbar__mes-btn { background: var(--cb-surface); box-shadow: 0 0 0 1px var(--cb-line), 0 8px 24px rgba(16, 18, 24, 0.12); } #cooperBedinView .cb-compbar__titulo.is-aberto .cb-compbar__rot, #cooperBedinView .cb-compbar__titulo.is-aberto .cb-compbar__estado { position: relative; } @keyframes cb-veu-entra { from { opacity: 0; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { #cooperBedinView .cb-comp-veu { animation: none; } } /* Configurações e suporte: grupos de ajustes separados; diagnóstico com acesso governado. */ .cb-configuracoes [hidden] { display: none !important; } .cb-config-abas { margin-bottom: 20px; overflow: visible; flex-shrink: 0; } .cb-erros-cabecalho, .cb-erro-resumo, .cb-erro-acoes, .cb-erros-paginacao { display: flex; gap: 12px; justify-content: space-between; align-items: center; } .cb-erros-cabecalho h2, .cb-erro-resumo h3 { margin: 0 0 6px; } .cb-erros-cabecalho p, .cb-erro-resumo p { margin: 0 0 6px; } .cb-erros-filtro { display: flex; gap: 10px; align-items: center; margin: 20px 0; } .cb-erros-filtro select, .cb-erros-correcao input, .cb-erros-correcao select, .cb-erros-relato textarea { border: 1px solid #d5d7db; border-radius: 8px; padding: 10px; background: white; color: #16181d; font: inherit; max-width: 100%; box-sizing: border-box; } .cb-erro-item { margin: 12px 0; padding: 18px; } .cb-erro-item > .cb-card__nota { padding: 0; margin-top: 12px; } .cb-erro-resumo small { color: #647084; } .cb-erro-acoes { flex-shrink: 0; } .cb-erros-detalhes { border-top: 1px solid #e4e6ea; margin-top: 16px; padding-top: 16px; overflow-wrap: anywhere; } .cb-erros-eventos { list-style: none; padding: 0; } .cb-erros-eventos li { padding: 12px 0; border-bottom: 1px solid #e4e6ea; } .cb-erros-eventos small { display: block; color: #647084; margin-top: 5px; } .cb-erros-correcao { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 18px; } .cb-erros-correcao label, .cb-erros-relato label { display: flex; flex-direction: column; gap: 6px; } .cb-erros-correcao p { grid-column: 1 / -1; } .cb-erros-relato textarea { min-height: 90px; } .cb-erros-paginacao { justify-content: center; margin: 20px 0; } .cb-erros-falha { padding: 12px; background: #fcebed; color: #9e1b32; border-radius: 8px; } .cb-erro-aviso { position: fixed; bottom: 20px; right: 20px; z-index: 1200; padding: 14px 18px; display: flex; gap: 18px; align-items: center; max-width: min(520px,calc(100vw - 40px)); border: 1px solid #e2b5bc; border-radius: 12px; background: #fff; color: #16181d; box-shadow: 0 6px 25px #16181d26; font-size: 14px; } .cb-erro-aviso button { background: none; border: 0; text-decoration: underline; cursor: pointer; color: inherit; } @media (max-width: 680px) { .cb-erros-cabecalho, .cb-erro-resumo { align-items: flex-start; flex-direction: column; } .cb-erros-correcao { grid-template-columns: minmax(0,1fr); } .cb-erro-acoes { flex-wrap: wrap; } } /* Nome de exibição (1.13.0): selo MEI ao lado do nome e aviso discreto de cadastro sem CPF/CNPJ. */ #cooperBedinView .cb-selo-mei, .cb-selo-mei { background: var(--st-neutro-bg); border-radius: 999px; color: var(--st-neutro-tx); display: inline-block; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.3px; margin-left: 4px; padding: 1px 7px; vertical-align: 1px; white-space: nowrap; } #cooperBedinView .cb-aviso-doc, .cb-aviso-doc { color: var(--st-atencao-tx); font-size: 0.82rem; font-weight: 700; white-space: nowrap; } /* Saldo acumulado nas UCs (ficha do consumidor, 1.13.0): saldo herdado de usinas que saíram. */ #cooperBedinView .cb-su-corpo { display: flex; flex-direction: column; gap: 12px; padding: 0 16px 16px; } #cooperBedinView .cb-su-corpo .cb-card__nota { padding: 0; } #cooperBedinView .cb-su--vazio > summary { color: var(--cb-ink); cursor: pointer; font-weight: 700; padding: 14px 16px; } #cooperBedinView .cb-su--vazio[open] > summary { border-bottom: 1px solid var(--cb-line); } #cooperBedinView .cb-su .cb-status { text-transform: none; } #cooperBedinView .cb-su-tabela td small { color: var(--cb-muted); display: block; font-size: 0.74rem; } #cooperBedinView .cb-su-previa { background: var(--cb-aten-bg); border: 1px solid #f3dca4; border-radius: 10px; display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; } #cooperBedinView .cb-su-previa p, #cooperBedinView .cb-su-texto, #cooperBedinView .cb-su-uc { line-height: 1.5; margin: 0; } #cooperBedinView .cb-su-previa .cb-tablewrap { background: var(--cb-surface); } #cooperBedinView .cb-su-acoes { display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-su-ok { color: var(--cb-ok); font-size: 0.86rem; margin: 0; } #cooperBedinView .cb-su-erro { color: #b42318; font-size: 0.86rem; margin: 0; } #cooperBedinView .cb-su-detalhe > summary { cursor: pointer; font-size: 0.86rem; font-weight: 600; } #cooperBedinView .cb-su-uc { font-weight: 700; margin-top: 10px; } #cooperBedinView .cb-su label.is-desabilitado { opacity: 0.55; pointer-events: none; } #cooperBedinView .cb-su .cb-tablewrap { overflow-x: auto; } #cooperBedinView .cb-su .cb-table td, #cooperBedinView .cb-su .cb-table th { white-space: nowrap; } /* Leituras Copel (1.14.0): uma linha por usina no mês da leitura; o lançamento abre logo abaixo da linha. */ #cooperBedinView .cb-lc .cb-modulo__head { align-items: flex-end; flex-wrap: wrap; } #cooperBedinView .cb-lc-acoes { align-items: flex-end; display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-lc .cb-modulo__head > .cb-lc-acoes { justify-content: flex-end; margin-left: auto; max-width: 100%; } #cooperBedinView .cb-lc-kpis { margin: 0 0 16px; } #cooperBedinView button.cb-lc-kpi { align-items: flex-start; color: inherit; flex-wrap: nowrap; cursor: pointer; font: inherit; text-align: left; transition: border-color 0.15s, box-shadow 0.15s; width: 100%; } #cooperBedinView button.cb-lc-kpi:hover { border-color: var(--cb-muted); } #cooperBedinView button.cb-lc-kpi:focus-visible { outline: 2px solid var(--cb-ink); outline-offset: 2px; } #cooperBedinView button.cb-lc-kpi.is-ativo { border-color: var(--cb-ink); box-shadow: inset 0 0 0 1px var(--cb-ink); } #cooperBedinView .cb-lc .cb-tablewrap { overflow-x: auto; } #cooperBedinView .cb-lc-tabela { min-width: 860px; width: 100%; } #cooperBedinView .cb-lc-tabela td { vertical-align: top; } #cooperBedinView .cb-lc-tabela td:first-child { min-width: 180px; } #cooperBedinView .cb-lc-tabela small, #cooperBedinView .cb-lc-historico td small { color: var(--cb-muted); display: block; margin-top: 3px; overflow-wrap: anywhere; } #cooperBedinView .cb-lc-tabela .cb-td-acao { text-align: right; white-space: nowrap; } #cooperBedinView .cb-lc-protocolo { font-variant-numeric: tabular-nums; white-space: nowrap; } #cooperBedinView .cb-lc-tabela tr.is-editando > td { border-bottom: 0; } #cooperBedinView .cb-lc .cb-lc-alerta { color: var(--st-atencao-tx); font-weight: 600; } #cooperBedinView .cb-lc-edicao > td { background: var(--cb-surface-2, rgba(148, 163, 184, 0.08)); } #cooperBedinView .cb-lc-form { display: grid; gap: 12px 14px; grid-template-columns: repeat(5, minmax(120px, 1fr)); padding: 4px 0; } #cooperBedinView .cb-lc-form .cb-field { margin: 0; } #cooperBedinView .cb-lc-form small { color: var(--cb-muted); display: block; margin-top: 4px; } #cooperBedinView .cb-lc-form__obs, #cooperBedinView .cb-lc-form__alertas, #cooperBedinView .cb-lc-form__erro, #cooperBedinView .cb-lc-form__acoes, #cooperBedinView .cb-lc-form .cb-card__nota { grid-column: 1 / -1; } #cooperBedinView .cb-lc-form__alertas { background: var(--st-atencao-bg); border-radius: 10px; color: var(--st-atencao-tx); padding: 10px 14px; } #cooperBedinView .cb-lc-form__alertas ul { margin: 0 0 6px; padding-left: 18px; } #cooperBedinView .cb-lc-form__alertas p { margin: 0; } #cooperBedinView .cb-lc-form__acoes { display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-lc-form .cb-card__nota { margin: 0; padding: 0; } #cooperBedinView .cb-lc-historico { margin: 0 0 16px; } #cooperBedinView .cb-lc-historico .cb-card__head { align-items: center; display: flex; gap: 12px; justify-content: space-between; } @media (max-width: 760px) { /* A tabela rola para o lado no celular; o lançamento fica parado na largura da tela. */ #cooperBedinView .cb-lc-form { grid-template-columns: minmax(0, 1fr); left: 0; position: sticky; width: min(100%, calc(100vw - 76px)); } } /* Saídas de consumidores (1.19.0): as cinco etapas em linha, a próxima destacada. */ #cooperBedinView .cb-sd-tabela { min-width: 1080px; table-layout: fixed; } #cooperBedinView .cb-sd-tabela th, #cooperBedinView .cb-sd-tabela td { padding-left: 10px; padding-right: 10px; } #cooperBedinView .cb-sd-tabela th { white-space: normal; } #cooperBedinView .cb-sd-tabela th:first-child { width: 160px; } #cooperBedinView .cb-sd-tabela th:nth-child(3) { width: 110px; } #cooperBedinView .cb-sd-tabela th:nth-child(4) { width: 140px; } #cooperBedinView .cb-sd-tabela th:nth-child(5) { width: 130px; } #cooperBedinView .cb-sd-tabela th:last-child { width: 200px; } #cooperBedinView .cb-sd .cb-tablewrap > .cb-sd-tabela { min-width: 1000px; } #cooperBedinView .cb-sd-intro { color: var(--cb-muted); margin: 0; max-width: 640px; } #cooperBedinView .cb-consumidores-abas { margin: 0 0 16px; } #cooperBedinView .cb-aba__novo { background: #e3f5eb; border-radius: 999px; color: #166534; font-size: 0.68rem; font-weight: 700; margin-left: 6px; padding: 2px 6px; } #cooperBedinView .cb-sd .cb-sd-kpis { grid-auto-rows: 1fr; grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 1100px) { #cooperBedinView .cb-sd .cb-sd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { #cooperBedinView .cb-sd .cb-sd-kpis { grid-template-columns: minmax(0, 1fr); } } #cooperBedinView .cb-sd-nova { margin: 0 0 16px; padding: 16px; } #cooperBedinView .cb-sd-form { grid-template-columns: repeat(3, minmax(150px, 1fr)); } #cooperBedinView .cb-sd-campo { min-width: 0; } #cooperBedinView .cb-sd-opcao { align-items: center; color: var(--cb-ink); cursor: pointer; display: flex; font-size: .8rem; gap: 8px; margin-top: 10px; } #cooperBedinView .cb-sd-opcao input { accent-color: var(--kit-grafite); height: 18px; width: 18px; } #cooperBedinView .cb-sd-form__consumidor { grid-column: 1 / -1; } #cooperBedinView .cb-sd-excluir { color: var(--cb-red); margin-left: auto; } #cooperBedinView .cb-sd-trilha { display: grid; gap: 8px 4px; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); list-style: none; margin: 0; padding: 0; } #cooperBedinView .cb-sd-etapa { color: var(--cb-muted); display: grid; font-size: 12px; gap: 2px; grid-template-columns: 12px 1fr; position: relative; } #cooperBedinView .cb-sd-etapa small { grid-column: 1 / -1; margin: 0; overflow-wrap: anywhere; white-space: normal; } #cooperBedinView .cb-sd-etapa__ponto { align-self: center; border: 2px solid var(--cb-line, #cbd5e1); border-radius: 50%; height: 10px; width: 10px; } #cooperBedinView .cb-sd-etapa.is-feita { color: var(--cb-ink); } #cooperBedinView .cb-sd-etapa.is-feita .cb-sd-etapa__ponto { background: var(--st-ok-tx); border-color: var(--st-ok-tx); } #cooperBedinView .cb-sd-etapa.is-proxima { color: var(--st-atencao-tx); font-weight: 600; } #cooperBedinView .cb-sd-etapa.is-proxima .cb-sd-etapa__ponto { border-color: var(--st-atencao-tx); } @media (max-width: 760px) { #cooperBedinView .cb-sd-form { grid-template-columns: minmax(0, 1fr); } } /* Exceções e Mapa do cliente (1.28.0): regra em cinza, exceção em violeta, pendência em atenção. */ #cooperBedinView .cb-ex-kpis { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); } #cooperBedinView .cb-ex-tabela { min-width: 880px; } #cooperBedinView .cb-ex-tabela .cb-td-acao { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; } #cooperBedinView .cb-ex-vazio { color: var(--cb-muted); } #cooperBedinView .cb-ex-abrir { align-items: end; display: flex; flex-wrap: wrap; gap: 8px 10px; margin: 0 0 14px; } #cooperBedinView .cb-ex-abrir .cb-field { flex: 1 1 260px; margin: 0; max-width: 460px; } #cooperBedinView .cb-ex-form { grid-template-columns: repeat(3, minmax(160px, 1fr)); } #cooperBedinView .cb-ex-form__largo { grid-column: 1 / -1; } #cooperBedinView .cb-ex-form .cb-field { margin: 0; min-width: 0; } #cooperBedinView .cb-ex-form .cb-input { box-sizing: border-box; max-width: 100%; min-width: 0; width: 100%; } #cooperBedinView .cb-ex-mapa__head h3 { font-size: 1.05rem; margin: 0 0 4px; } #cooperBedinView .cb-ex-mapa { margin: 0 0 16px; overflow-x: auto; padding: 18px; } #cooperBedinView .cb-ex-grafo { align-items: start; display: grid; gap: 18px 72px; grid-template-columns: minmax(180px, 1fr) minmax(240px, 1.25fr) minmax(180px, 1fr); min-width: 760px; position: relative; } #cooperBedinView .cb-ex-linhas { inset: 0; overflow: visible; pointer-events: none; position: absolute; z-index: 2; } #cooperBedinView .cb-ex-linha { fill: none; stroke: var(--st-neutro); stroke-width: 1.25; } #cooperBedinView .cb-ex-linha--exc { stroke: var(--st-violeta); stroke-width: 2.25; } #cooperBedinView .cb-ex-seta { fill: var(--st-neutro); } #cooperBedinView .cb-ex-seta--exc { fill: var(--st-violeta); } #cooperBedinView .cb-ex-col { display: grid; gap: 12px; min-width: 0; position: relative; z-index: 1; } #cooperBedinView .cb-ex-col h4 { color: var(--cb-muted); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.02em; margin: 0; text-transform: uppercase; } #cooperBedinView .cb-ex-cliente { box-sizing: border-box; background: var(--cb-bg); border: 1px solid var(--cb-line); border-radius: 12px; display: grid; gap: 10px; padding: 14px; } #cooperBedinView .cb-ex-cliente.is-escolhido { border-color: var(--st-violeta); box-shadow: 0 0 0 2px var(--st-violeta-bg); } #cooperBedinView .cb-ex-cliente > .cb-ex-no__titulo { font-size: 0.98rem; } #cooperBedinView .cb-ex-no { box-sizing: border-box; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; color: var(--cb-ink); display: grid; font: inherit; gap: 4px; padding: 10px 12px; text-align: left; width: 100%; } #cooperBedinView .cb-ex-no__titulo { font-weight: 700; overflow-wrap: anywhere; } #cooperBedinView .cb-ex-no__apoio { color: var(--cb-muted); font-size: 0.8rem; overflow-wrap: anywhere; } #cooperBedinView .cb-ex-no.is-excecao { background: var(--st-violeta-bg); border: 2px solid var(--st-violeta); } #cooperBedinView .cb-ex-no.is-inativa { opacity: 0.7; } #cooperBedinView .cb-ex-no.is-apagado { opacity: 0.35; } #cooperBedinView .cb-ex-no.is-ligavel { border: 2px dashed var(--st-violeta); cursor: pointer; } #cooperBedinView .cb-ex-no.is-ligavel:hover, #cooperBedinView .cb-ex-no.is-ligavel:focus-visible { background: var(--st-violeta-bg); outline: none; } #cooperBedinView .cb-ex-no.is-escolhido { background: var(--st-violeta-bg); border: 2px solid var(--st-violeta); } #cooperBedinView .cb-ex-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } #cooperBedinView .cb-ex-chip { border-radius: 999px; font-size: 0.72rem; font-weight: 600; line-height: 1.3; padding: 2px 8px; } #cooperBedinView .cb-ex-chip--neutro { background: var(--st-neutro-bg); color: var(--st-neutro-tx); } #cooperBedinView .cb-ex-chip--excecao { background: var(--st-violeta-bg); color: var(--st-violeta); } #cooperBedinView .cb-ex-chip--pendencia { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } #cooperBedinView .cb-ex-legenda { align-items: center; color: var(--cb-muted); display: flex; flex-wrap: wrap; font-size: 0.78rem; gap: 6px 8px; margin: 14px 0 0; } #cooperBedinView .cb-ex-legenda span { border-radius: 2px; display: inline-block; height: 3px; margin-left: 8px; width: 22px; } #cooperBedinView .cb-ex-legenda__canon { background: var(--st-neutro); } #cooperBedinView .cb-ex-legenda__exc { background: var(--st-violeta); } #cooperBedinView .cb-ex-legenda__pend { background: var(--st-atencao); } #cooperBedinView .cb-ex-blocos { display: grid; gap: 16px; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); } #cooperBedinView .cb-ex-blocos > .cb-ex-bloco:first-child { grid-row: span 2; } #cooperBedinView .cb-ex-bloco { margin: 0; padding: 16px; } #cooperBedinView .cb-ex-bloco h3 { font-size: 0.98rem; margin: 0 0 10px; } #cooperBedinView .cb-ex-conds { display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; } #cooperBedinView .cb-ex-cond { border: 1px solid var(--cb-line); border-left: 4px solid var(--st-violeta); border-radius: 10px; padding: 10px 12px; } #cooperBedinView .cb-ex-cond.is-pendencia { border-left-color: var(--st-atencao); } #cooperBedinView .cb-ex-cond p { margin: 4px 0; } #cooperBedinView .cb-ex-cond__topo { align-items: center; display: flex; gap: 8px; justify-content: space-between; } #cooperBedinView .cb-ex-cond__regra, #cooperBedinView .cb-ex-cond small { color: var(--cb-muted); font-size: 0.8rem; } #cooperBedinView .cb-ex-cond__acoes { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } #cooperBedinView .cb-ex-rot { font-weight: 600; } #cooperBedinView .cb-ex-orientacao { margin: 0 0 10px; white-space: pre-line; } #cooperBedinView .cb-ex-historico { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; } #cooperBedinView .cb-ex-historico li { border-bottom: 1px solid var(--cb-line); font-size: 0.86rem; padding-bottom: 6px; } #cooperBedinView .cb-ex-historico span { color: var(--cb-muted); display: block; font-size: 0.76rem; } #cooperBedinView .cb-ex-nova { margin: 0 0 16px; padding: 16px; } #cooperBedinView .cb-ex-nova h3 { font-size: 1rem; margin: 0 0 6px; } #cooperBedinView .cb-ex-passo { color: var(--st-violeta); font-weight: 600; margin: 0 0 4px; } #cooperBedinView .cb-ex-tipos { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin: 12px 0; } #cooperBedinView .cb-ex-tipo { align-items: start; border: 1px solid var(--cb-line); border-radius: 10px; cursor: pointer; display: flex; gap: 10px; padding: 10px 12px; } #cooperBedinView .cb-ex-tipo:hover { border-color: var(--st-violeta); } #cooperBedinView .cb-ex-tipo span { display: grid; gap: 3px; } #cooperBedinView .cb-ex-tipo small { color: var(--cb-muted); font-size: 0.78rem; } #cooperBedinView .cb-ex-previa { grid-column: 1 / -1; } #cooperBedinView .cb-ex-previa__resumo { font-weight: 600; margin: 0 0 8px; } #cooperBedinView .cb-ex-previa__tabela { min-width: 760px; } #cooperBedinView .cb-ex-previa__tabela small { color: var(--cb-muted); display: block; } #cooperBedinView .cb-ex-previa__tabela tr.is-muda td:first-child { box-shadow: inset 3px 0 0 var(--st-violeta); } /* Conflitos entre condições do cliente e da usina (1.33.0): avisam e pedem confirmação, não travam. */ #cooperBedinView .cb-d2-kpi--erro .cb-d2-kpi__icone { background: var(--st-erro-bg); color: var(--st-erro-tx); } #cooperBedinView .cb-status--erro { background: var(--st-erro-bg); color: var(--st-erro-tx); } #cooperBedinView .cb-ex-no.is-conflito { border: 2px solid var(--st-erro); } #cooperBedinView .cb-ex-no__acao { justify-self: start; margin-top: 6px; } #cooperBedinView .cb-ex-chip--conflito { background: var(--st-erro-bg); color: var(--st-erro-tx); } #cooperBedinView .cb-ex-linha--conf { stroke: var(--st-erro); stroke-dasharray: 6 4; stroke-width: 2.25; } #cooperBedinView .cb-ex-seta--conf { fill: var(--st-erro); } #cooperBedinView .cb-ex-legenda__conf { background: var(--st-erro); } #cooperBedinView .cb-ex-conflitos { border-left: 4px solid var(--st-erro); margin: 0 0 16px; } #cooperBedinView .cb-ex-conflitos__lista { display: grid; gap: 8px; list-style: none; margin: 8px 0 0; padding: 0; } #cooperBedinView .cb-ex-conflito { border-radius: 8px; font-size: 0.88rem; padding: 8px 10px; } #cooperBedinView .cb-ex-conflito strong { margin-right: 4px; } #cooperBedinView .cb-ex-conflito--conflito { background: var(--st-erro-bg); color: var(--st-erro-tx); } #cooperBedinView .cb-ex-conflito--atencao { background: var(--st-atencao-bg); color: var(--st-atencao-tx); } #cooperBedinView .cb-ex-confirmar { background: var(--st-erro-bg); border: 1px solid var(--st-erro); border-radius: 10px; color: var(--st-erro-tx); margin: 12px 0 0; padding: 12px 14px; } #cooperBedinView .cb-ex-confirmar__titulo { font-weight: 700; margin: 0 0 6px; } #cooperBedinView .cb-ex-confirmar ul { margin: 0 0 10px; padding-left: 18px; } #cooperBedinView .cb-ex-confirmar li { margin: 0 0 4px; } #cooperBedinView .cb-ex-confirmar__marca { align-items: flex-start; color: var(--cb-ink); cursor: pointer; display: flex; font-weight: 600; gap: 8px; } #cooperBedinView .cb-ex-tipo.is-apagado { cursor: not-allowed; opacity: 0.55; } @media (max-width: 760px) { /* No celular as colunas empilham; cada UC diz de quem recebe, sem as linhas. */ #cooperBedinView .cb-ex-mapa { padding: 12px; } #cooperBedinView .cb-ex-grafo { gap: 14px; grid-template-columns: minmax(0, 1fr); min-width: 0; } #cooperBedinView .cb-ex-linhas { display: none; } #cooperBedinView .cb-ex-blocos, #cooperBedinView .cb-ex-form { grid-template-columns: minmax(0, 1fr); } #cooperBedinView .cb-ex-blocos > .cb-ex-bloco:first-child { grid-row: auto; } } /* Configurações › Armazenamento (1.16.0) */ #cooperBedinView .cb-arm-kpis { margin-top: 12px; } #cooperBedinView .cb-arm-kpi { flex-wrap: nowrap; } #cooperBedinView .cb-arm-kpi .cb-d2-kpi__corpo { flex: 1 1 0; } #cooperBedinView .cb-arm-tipos, #cooperBedinView .cb-arm-grafico, #cooperBedinView .cb-arm-conferir-card, #cooperBedinView .cb-arm-banco { padding: 16px 18px; } #cooperBedinView .cb-arm-uso { background: var(--st-neutro-bg); border-radius: 999px; display: block; height: 8px; margin: 6px 0 2px; overflow: hidden; width: 100%; } #cooperBedinView .cb-arm-uso > span { background: var(--st-info); border-radius: 999px; display: block; height: 100%; } #cooperBedinView .cb-arm-uso.is-alto > span { background: var(--st-sol); } #cooperBedinView .cb-arm-projecao { margin: 0 0 8px; padding: 18px; } #cooperBedinView .cb-arm-projecao h3 { font-size: 1rem; margin: 0 0 16px; } #cooperBedinView .cb-arm-projecao__dados { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 16px; } #cooperBedinView .cb-arm-projecao__dados dt { color: var(--cb-muted); font-size: 0.78rem; margin-bottom: 6px; } #cooperBedinView .cb-arm-projecao__dados dd { color: var(--cb-ink); font-size: 1.1rem; font-weight: 800; margin: 0; overflow-wrap: anywhere; } #cooperBedinView .cb-arm-projecao__aviso { color: var(--st-sol); font-weight: 700; } @media (max-width: 700px) { #cooperBedinView .cb-arm-projecao__dados { grid-template-columns: 1fr; gap: 14px; } } #cooperBedinView .cb-arm-tipos { display: flex; flex-direction: column; gap: 14px; } #cooperBedinView .cb-arm-tipo { align-items: center; display: grid; gap: 12px; grid-template-columns: minmax(0, 1.4fr) minmax(0, 2fr) 6.5rem; } #cooperBedinView .cb-arm-tipo__nome, #cooperBedinView .cb-arm-tipo__valor { display: flex; flex-direction: column; gap: 2px; min-width: 0; } #cooperBedinView .cb-arm-tipo__nome small, #cooperBedinView .cb-arm-tipo__valor small { color: var(--cb-muted); font-size: 0.74rem; } #cooperBedinView .cb-arm-tipo__valor { text-align: right; } #cooperBedinView .cb-arm-tipo__barra { background: var(--st-neutro-bg); border-radius: 999px; height: 10px; overflow: hidden; } #cooperBedinView .cb-arm-tipo__barra > span { background: var(--st-info); border-radius: 999px; display: block; height: 100%; } #cooperBedinView .cb-arm-meses { align-items: stretch; border-bottom: 1px solid #c3c2b7; display: flex; gap: 6px; height: 180px; margin: 8px 0 22px; } #cooperBedinView .cb-arm-mes { display: flex; flex: 1 1 0; flex-direction: column; justify-content: flex-end; min-width: 0; position: relative; } #cooperBedinView .cb-arm-mes__col { background: #b7d3f6; border-radius: 4px 4px 0 0; display: block; width: 100%; } #cooperBedinView .cb-arm-mes.is-atual .cb-arm-mes__col { background: var(--st-info); } #cooperBedinView .cb-arm-mes__valor { color: var(--cb-ink); font-size: 0.68rem; font-weight: 800; margin-bottom: 4px; opacity: 0; text-align: center; white-space: nowrap; } #cooperBedinView .cb-arm-mes:hover .cb-arm-mes__valor, #cooperBedinView .cb-arm-mes.is-atual .cb-arm-mes__valor { opacity: 1; } #cooperBedinView .cb-arm-mes__rot { bottom: -22px; color: var(--cb-muted); font-size: 0.7rem; left: 50%; position: absolute; transform: translateX(-50%); white-space: nowrap; } #cooperBedinView .cb-arm-num { text-align: right; white-space: nowrap; } #cooperBedinView .cb-arm-arquivo { max-width: 22rem; overflow-wrap: anywhere; } #cooperBedinView .cb-arm-conferir { margin: 0 0 8px; padding-left: 18px; } #cooperBedinView .cb-arm-banco { margin-top: 16px; } #cooperBedinView .cb-arm-banco summary { cursor: pointer; font-weight: 700; } @media (max-width: 720px) { #cooperBedinView .cb-arm-tipo { grid-template-columns: minmax(0, 1fr) 5.5rem; } #cooperBedinView .cb-arm-tipo__barra { grid-column: 1 / -1; grid-row: 2; } #cooperBedinView .cb-arm-mes__rot { font-size: 0.6rem; } #cooperBedinView .cb-arm-mes:nth-child(odd) .cb-arm-mes__rot { display: none; } } /* Configurações: estrutura comum às cinco abas; escopo restrito à tela. */ #cooperBedinView .cb-configuracoes { --cfg-azul: #1d4f91; --cfg-verde: #166534; --cfg-ambar: #854d0e; } #cooperBedinView .cb-configuracoes [role="tabpanel"] { min-width: 0; } #cooperBedinView .cb-configuracoes .cb-config-head { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; margin: 8px 0 22px; } #cooperBedinView .cb-configuracoes .cb-config-kicker { color: var(--cb-muted); font-size: 10px; font-weight: 800; letter-spacing: 0.12em; } #cooperBedinView .cb-configuracoes .cb-config-head h2 { color: var(--cb-ink); font-size: 24px; letter-spacing: -0.5px; margin: 7px 0 8px; } #cooperBedinView .cb-configuracoes .cb-config-head p { color: var(--cb-muted); font-size: 14px; line-height: 1.6; margin: 0; max-width: 760px; } #cooperBedinView .cb-configuracoes .cb-card { border-radius: 16px; } #cooperBedinView .cb-configuracoes .cb-config-card { padding: 22px; margin-bottom: 18px; } #cooperBedinView .cb-config-card-head { align-items: center; border-bottom: 1px solid var(--cb-line); display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-bottom: 20px; padding-bottom: 16px; } #cooperBedinView .cb-config-card-head h3 { color: var(--cb-ink); font-size: 17px; margin: 0; } #cooperBedinView .cb-config-pill { background: #f1f3f6; border-radius: 999px; color: #526074; display: inline-flex; font-size: 11px; font-weight: 600; line-height: 1.5; padding: 6px 10px; } #cooperBedinView .cb-config-pill.is-ok { background: #e8f5ed; color: var(--cfg-verde); } #cooperBedinView .cb-config-pill.is-alerta { background: #fff4da; color: var(--cfg-ambar); } #cooperBedinView .cb-config-pill.is-info { background: #eaf2fc; color: var(--cfg-azul); } #cooperBedinView .cb-ajuda-materiais { display: grid; gap: 16px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 20px; } #cooperBedinView .cb-ajuda-material { align-items: flex-start; display: flex; flex-direction: column; padding: 20px; } #cooperBedinView .cb-ajuda-material h3 { color: var(--cb-ink); font-size: 1rem; margin: 16px 0 8px; } #cooperBedinView .cb-ajuda-material p { font-size: 0.84rem; line-height: 1.7; } #cooperBedinView .cb-ajuda-material > .cb-ajuda-acoes { margin-top: auto; padding-top: 12px; } #cooperBedinView .cb-ajuda-acoes { display: flex; flex-wrap: wrap; gap: 8px; } #cooperBedinView .cb-ajuda-leitor { padding: 24px; } #cooperBedinView .cb-ajuda-leitor label { display: grid; font-size: 0.82rem; font-weight: 700; gap: 8px; max-width: 640px; } #cooperBedinView .cb-ajuda-leitor select { max-width: 100%; min-width: 0; width: 100%; } #cooperBedinView .cb-ajuda-leitor__artigo { line-height: 1.8; margin: 24px 0; max-width: 850px; } #cooperBedinView .cb-ajuda-leitor__posicao { color: var(--cb-muted); font-size: 0.76rem; margin: 0 0 6px; } #cooperBedinView .cb-ajuda-leitor__artigo h3 { color: var(--cb-ink); font-size: 1.15rem; margin: 0 0 18px; scroll-margin-top: 20px; } #cooperBedinView .cb-ajuda-leitor__artigo li { margin-bottom: 12px; padding-left: 4px; } #cooperBedinView .cb-ajuda-leitor__nota { background: var(--st-info-bg); border-radius: 10px; font-size: 0.84rem; padding: 14px 16px; } @media (max-width: 1000px) { #cooperBedinView .cb-ajuda-materiais { grid-template-columns: 1fr; } } #cooperBedinView .cb-configuracoes .cb-config-ajuda { color: var(--cb-muted); font-size: 13px; line-height: 1.6; margin: 0; } #cooperBedinView .cb-config-identidade .cb-defs { display: grid; gap: 20px 28px; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0; } #cooperBedinView .cb-config-identidade .cb-def { align-items: flex-start; border: 0; flex-direction: column; gap: 7px; min-width: 0; padding: 0; } #cooperBedinView .cb-config-identidade .cb-def__val { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; text-align: left; } #cooperBedinView .cb-configuracoes .cb-ident-acoes { border-top: 1px solid var(--cb-line); margin-top: 20px; padding: 18px 0 0; } #cooperBedinView .cb-config-identidade > .cb-card__nota { background: #eaf2fc; border-radius: 10px; color: var(--cfg-azul); font-size: 13px; line-height: 1.7; margin: 22px 0 0; padding: 14px 16px; } #cooperBedinView .cb-configuracoes .cb-ident-form { gap: 18px; } #cooperBedinView .cb-ident-form .cb-config-card-head { margin: 0; } #cooperBedinView .cb-configuracoes .cb-ident-campos { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; } #cooperBedinView .cb-configuracoes input.cb-input, #cooperBedinView .cb-configuracoes .cb-erros-filtro select, #cooperBedinView .cb-configuracoes .cb-erros-correcao input, #cooperBedinView .cb-configuracoes .cb-erros-correcao select, #cooperBedinView .cb-configuracoes .cb-erros-relato textarea { border: 1px solid #d5dbe4; border-radius: 9px; box-sizing: border-box; font-size: 14px; line-height: 1.5; min-height: 42px; padding: 10px 12px; width: 100%; } #cooperBedinView .cb-configuracoes input:focus-visible, #cooperBedinView .cb-configuracoes select:focus-visible, #cooperBedinView .cb-configuracoes textarea:focus-visible { outline: 2px solid var(--cfg-azul); outline-offset: 2px; } #cooperBedinView .cb-configuracoes .cb-config-atalhos { gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 24px; } #cooperBedinView .cb-config-atalhos .cb-op-action { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 16px; gap: 14px; grid-template-columns: auto minmax(0,1fr); padding: 22px; transition: border-color 0.15s; } #cooperBedinView .cb-config-atalhos .cb-op-action:hover { border-color: #aab8cc; } #cooperBedinView .cb-config-atalhos .cb-op-action__text strong { font-size: 15px; line-height: 1.5; overflow: visible; white-space: normal; } #cooperBedinView .cb-config-atalhos .cb-op-action__text > span { font-size: 12px; line-height: 1.6; margin-top: 6px; white-space: normal; } #cooperBedinView .cb-config-atalhos .cb-op-action__icon { background: #eaf2fc; color: var(--cfg-azul); height: 40px; width: 40px; } #cooperBedinView .cb-config-atalhos .cb-op-action:nth-child(2) .cb-op-action__icon { background: #fff4da; color: var(--cfg-ambar); } #cooperBedinView .cb-config-atalhos .cb-op-action:nth-child(3) .cb-op-action__icon { background: #e8f5ed; color: var(--cfg-verde); } #cooperBedinView .cb-config-atalhos .cb-op-action__priority { color: var(--cfg-azul); font-size: 12px; grid-column: 2; justify-self: start; } #cooperBedinView .cb-config-importacoes .cb-defs { padding: 0; } #cooperBedinView .cb-configuracoes .cb-config-aviso { background: #eaf2fc; border-radius: 10px; color: var(--cfg-azul); font-size: 13px; line-height: 1.7; margin: 0 0 18px; padding: 16px; } #cooperBedinView .cb-config-aviso > strong { display: block; margin-bottom: 5px; } #cooperBedinView .cb-configuracoes .cb-erros-filtro { align-items: flex-start; color: var(--cb-muted); flex-direction: column; font-size: 12px; gap: 7px; margin: 0; max-width: 300px; } #cooperBedinView .cb-configuracoes .cb-erro-resumo h3 { color: var(--cb-ink); font-size: 17px; line-height: 1.5; } #cooperBedinView .cb-configuracoes .cb-erro-resumo p { align-items: center; color: var(--cb-muted); display: flex; flex-wrap: wrap; font-size: 13px; gap: 8px; line-height: 1.6; } #cooperBedinView .cb-configuracoes .cb-erro-resumo small { color: var(--cb-muted); font-size: 12px; line-height: 1.6; } #cooperBedinView .cb-configuracoes .cb-erro-item > .cb-card__nota { font-size: 12px; margin: 16px 0 0; padding: 0; } #cooperBedinView .cb-configuracoes .cb-erros-detalhes .cb-defs { padding: 0; } #cooperBedinView .cb-configuracoes .cb-erros-detalhes { font-size: 13px; line-height: 1.7; } #cooperBedinView .cb-configuracoes .cb-erros-detalhes dd { margin: 0; } #cooperBedinView .cb-configuracoes .cb-erros-eventos li { background: #f7f8fa; border: 0; border-radius: 10px; margin-top: 10px; padding: 16px; } #cooperBedinView .cb-configuracoes .cb-erros-correcao { border-top: 1px solid var(--cb-line); padding-top: 20px; } #cooperBedinView .cb-configuracoes .cb-erros-correcao label, #cooperBedinView .cb-configuracoes .cb-erros-relato label { min-width: 0; } #cooperBedinView .cb-config-vazio h3 { font-size: 17px; margin: 0 0 10px; } #cooperBedinView .cb-config-vazio p { color: var(--cb-muted); font-size: 14px; line-height: 1.7; margin: 0; } @media (max-width: 1100px) { #cooperBedinView .cb-configuracoes .cb-config-atalhos { grid-template-columns: minmax(0,1fr); } } @media (max-width: 720px) { #cooperBedinView .cb-configuracoes .cb-config-head h2 { font-size: 21px; } #cooperBedinView .cb-configuracoes .cb-config-card { padding: 20px; } #cooperBedinView .cb-config-identidade .cb-defs, #cooperBedinView .cb-configuracoes .cb-ident-campos { grid-template-columns: minmax(0,1fr); } #cooperBedinView .cb-config-importacoes .cb-def { align-items: flex-start; flex-direction: column; gap: 6px; } #cooperBedinView .cb-config-importacoes .cb-def__val { text-align: left; } #cooperBedinView .cb-config-atalhos .cb-op-action { padding: 20px; } } /* Novidades: versão atual em destaque e histórico editorial com categorias legíveis. */ #cooperBedinView .cb-novidades { min-width: 0; } #cooperBedinView .cb-novidades *, #cooperBedinView .cb-novidades *::before { box-sizing: border-box; } #cooperBedinView .cb-novidades-contagem { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 999px; color: var(--cb-muted); font-size: 12px; padding: 8px 12px; } #cooperBedinView .cb-novidades-versao { --nov-cor: #166534; --nov-fundo: #e8f5ed; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 16px; min-width: 0; overflow: hidden; overflow-wrap: anywhere; } #cooperBedinView .cb-novidades-versao--melhoria { --nov-cor: #1d4f91; --nov-fundo: #eaf2fc; } #cooperBedinView .cb-novidades-versao--correcao { --nov-cor: #854d0e; --nov-fundo: #fff4da; } #cooperBedinView .cb-novidades-meta { align-items: center; border-bottom: 1px solid var(--cb-line); display: flex; gap: 12px; justify-content: space-between; padding: 14px 22px; } #cooperBedinView .cb-novidades-numero { color: var(--cb-ink); font-size: 13px; font-weight: 800; } #cooperBedinView .cb-novidades-meta time { color: var(--cb-muted); font-size: 12px; font-variant-numeric: tabular-nums; } #cooperBedinView .cb-novidades-corpo { border-top: 3px solid var(--nov-cor); padding: 20px 22px 24px; } #cooperBedinView .cb-novidades-etiquetas { align-items: center; display: flex; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 14px; } #cooperBedinView .cb-novidades-tipo { align-items: center; background: var(--nov-fundo); border-radius: 6px; color: var(--nov-cor); display: inline-flex; font-size: 11px; font-weight: 700; gap: 5px; padding: 4px 8px; } #cooperBedinView .cb-novidades-tipo svg { flex: none; height: 14px; width: 14px; } #cooperBedinView .cb-novidades-area { color: var(--cb-muted); font-size: 11px; } #cooperBedinView .cb-novidades-versao h3 { color: var(--cb-ink); font-size: 18px; letter-spacing: -0.25px; line-height: 1.4; margin: 0 0 14px; } #cooperBedinView .cb-novidades-versao ul { color: var(--cb-text); font-size: 14px; line-height: 1.7; margin: 0; padding-left: 18px; } #cooperBedinView .cb-novidades-versao li { padding-left: 3px; } #cooperBedinView .cb-novidades-versao li::marker { color: var(--nov-cor); } #cooperBedinView .cb-novidades-versao li + li { margin-top: 12px; } #cooperBedinView .cb-novidades-versao.is-atual { border-color: #d7dce4; box-shadow: 0 6px 20px rgba(20,22,28,0.04); display: grid; grid-template-columns: 220px minmax(0,1fr); } #cooperBedinView .cb-novidades-destaque { align-items: flex-start; background: linear-gradient(145deg,#242832,#16181d); color: white; display: flex; flex-direction: column; gap: 14px; justify-content: center; padding: 28px 24px; position: relative; } #cooperBedinView .cb-novidades-destaque::before { background: var(--cb-red); bottom: 0; content: ''; left: 0; position: absolute; top: 0; width: 4px; } #cooperBedinView .cb-novidades-atual { border: 1px solid #62656d; border-radius: 999px; color: #f9fafb; font-size: 11px; padding: 5px 9px; } #cooperBedinView .cb-novidades-destaque > strong { font-size: 34px; font-weight: 800; letter-spacing: -1.5px; line-height: 1.2; } #cooperBedinView .cb-novidades-destaque > span:not(.cb-novidades-atual):not(.cb-novidades-marca) { color: #d1d5db; font-size: 11px; line-height: 1.5; } #cooperBedinView .cb-novidades-marca { color: #e5e7eb; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; margin-top: 8px; } #cooperBedinView .cb-novidades-marca span { color: #fb7180; } #cooperBedinView .cb-novidades-versao.is-atual .cb-novidades-corpo { border-top: 0; padding: 28px; } #cooperBedinView .cb-novidades-versao.is-atual h3 { font-size: 23px; } #cooperBedinView .cb-novidades-versao.is-atual ul { font-size: 15px; } #cooperBedinView .cb-novidades-historico-head { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; margin: 30px 0 16px; } #cooperBedinView .cb-novidades-historico-head h3 { color: var(--cb-ink); font-size: 17px; margin: 0 0 5px; } #cooperBedinView .cb-novidades-historico-head p { color: var(--cb-muted); font-size: 12px; margin: 0; } #cooperBedinView .cb-novidades-legenda { display: flex; flex-wrap: wrap; gap: 14px; } #cooperBedinView .cb-novidades-legenda > span { align-items: center; color: var(--cb-muted); display: flex; font-size: 11px; gap: 6px; } #cooperBedinView .cb-novidades-legenda i { background: #166534; border-radius: 50%; height: 7px; width: 7px; } #cooperBedinView .cb-novidades-legenda--melhoria i { background: #1d4f91; } #cooperBedinView .cb-novidades-legenda--correcao i { background: #854d0e; } #cooperBedinView .cb-novidades-grade { align-items: start; display: grid; gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); } #cooperBedinView .cb-novidades-rodape { color: var(--cb-muted); font-size: 12px; line-height: 1.6; margin: 24px 0 0; } @media (max-width: 1100px) { #cooperBedinView .cb-novidades-grade { grid-template-columns: minmax(0,1fr); } } @media (max-width: 720px) { #cooperBedinView .cb-novidades-versao.is-atual { grid-template-columns: minmax(0,1fr); } #cooperBedinView .cb-novidades-destaque { gap: 10px; padding: 20px; } #cooperBedinView .cb-novidades-destaque > strong { font-size: 30px; } #cooperBedinView .cb-novidades-marca { display: none; } #cooperBedinView .cb-novidades-versao.is-atual .cb-novidades-corpo { padding: 22px 20px; } #cooperBedinView .cb-novidades-versao.is-atual h3 { font-size: 20px; } #cooperBedinView .cb-novidades-corpo { padding: 18px 20px 22px; } #cooperBedinView .cb-novidades-meta { padding: 12px 20px; } } /* Padrão de interface (docs/cooperbedin/padrao-de-interface.md, 20/10/2026): todo botão leva o ícone do verbo à esquerda (padrao-botoes.js) e nenhuma ação secundária aparece como texto solto: o antigo "fantasma" passa a ser contornado como a secundária. */ #cooperBedinView .cb-btn-icone { flex: 0 0 auto; } #cooperBedinView .cb-btn--sm .cb-btn-icone, #cooperBedinView .syn-btn--sm .cb-btn-icone { height: 14px; width: 14px; } #cooperBedinView .cb-linkbtn .cb-btn-icone { margin-right: 6px; vertical-align: -2px; } #cooperBedinView .syn-btn-ghost, #cooperBedinView .cb-btn--ghost { background: var(--cb-surface); border-color: var(--kit-borda-forte); color: var(--cb-ink); } #cooperBedinView .syn-btn-ghost:hover:not(:disabled), #cooperBedinView .cb-btn--ghost:hover:not(:disabled) { background: var(--cb-surface); border-color: var(--cb-ink); color: var(--cb-ink); } #cooperBedinView .cb-versao__atualizar .cb-btn-icone { height: 13px; width: 13px; } /* Cartão de indicador clicável (padrão de interface): filtra a lista da tela ou abre a lista certa. */ #cooperBedinView button.cb-kpi-acao { align-items: flex-start; color: inherit; cursor: pointer; flex-wrap: nowrap; font: inherit; text-align: left; transition: border-color 0.15s, box-shadow 0.15s; width: 100%; } #cooperBedinView button.cb-kpi-acao:hover { border-color: var(--cb-muted); } #cooperBedinView button.cb-kpi-acao:focus-visible { outline: 2px solid var(--cb-ink); outline-offset: 2px; } #cooperBedinView button.cb-kpi-acao.is-ativo { border-color: var(--cb-ink); box-shadow: inset 0 0 0 1px var(--cb-ink); } /* Orientações da equipe são texto de apoio; não substituem as bases contratuais. */ #cooperBedinView .cb-orientacao { margin: 16px 0; padding: 20px; } #cooperBedinView .cb-orientacao__texto { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; } #cooperBedinView .cb-orientacao__condicoes { border-top: 1px solid var(--cb-line); padding-top: 12px; } #cooperBedinView .cb-orientacao__pessoa { border-top: 1px solid var(--cb-line); padding: 14px 0; } #cooperBedinView .cb-orientacao__historico { margin-top: 8px; color: var(--cb-muted); font-size: 12px; font-weight: 400; } #cooperBedinView .cb-orientacao__historico summary { cursor: pointer; } #cooperBedinView .cb-orientacao__historico p { white-space: pre-wrap; overflow-wrap: anywhere; } #cooperBedinView .cb-orientacao .cb-table td:nth-child(2), #cooperBedinView .cb-orientacao .cb-table td:nth-child(3) { min-width: 220px; max-width: 420px; } #cooperBedinView .cb-precos-faixas__grade { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0; } #cooperBedinView .cb-precos-faixas__grade fieldset { min-width:0;padding:16px;border:1px solid var(--cb-line); } #cooperBedinView .cb-precos-faixas__acoes { display:flex;gap:8px;flex-wrap:wrap; } #cooperBedinView .cb-precos-faixas__detalhe { margin-top:16px; } #cooperBedinView .cb-precos-faixas__detalhe summary { cursor:pointer; } @media(max-width:640px){#cooperBedinView .cb-precos-faixas__grade {grid-template-columns:1fr;}} #cooperBedinView .cb-licenca-card { padding:20px;margin:16px 0;min-width:0; } #cooperBedinView .cb-licenca-grade,#cooperBedinView .cb-licenca-campos { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; } #cooperBedinView .cb-licenca-defs { margin:0;min-width:0; } #cooperBedinView .cb-licenca-defs > div { display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--cb-line); } #cooperBedinView .cb-licenca-defs dt { color:var(--cb-muted); } #cooperBedinView .cb-licenca-defs dd { margin:0;text-align:right;overflow-wrap:anywhere; } #cooperBedinView .cb-licenca-acoes { display:flex;gap:8px;flex-wrap:wrap;margin:12px 0; } #cooperBedinView .cb-licenca-check { display:flex;gap:8px;margin:16px 0;align-items:center; } #cooperBedinView .cb-licenca-tabela { overflow-x:auto;max-width:100%; } #cooperBedinView .cb-licenca-tabela table { width:100%;border-collapse:collapse; } #cooperBedinView .cb-licenca-tabela th,#cooperBedinView .cb-licenca-tabela td { padding:12px;text-align:left;vertical-align:top; } #cooperBedinView .cb-licenca-observacao { white-space:pre-wrap;overflow-wrap:anywhere; } @media(max-width:700px){#cooperBedinView .cb-licenca-grade,#cooperBedinView .cb-licenca-campos {grid-template-columns:1fr;}#cooperBedinView .cb-licenca-card {padding:16px;}}