/* Acesso ao portal do cooperado na ficha do titular e do consumidor: mesmos cartões, definições e botões da CooperBedin. */
#cooperBedinView .cb-pa { margin: 0 0 16px; }
#cooperBedinView .cb-pa .cb-card__head { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
#cooperBedinView .cb-pa-corpo { display: flex; flex-direction: column; gap: 12px; padding: 14px 20px 18px; }
#cooperBedinView .cb-pa-corpo > p, #cooperBedinView .cb-pa-corpo .cb-card__nota { margin: 0; }
#cooperBedinView .cb-pa .cb-defs, #cooperBedinView .cb-pa-corpo .cb-card__nota { padding: 0; }
#cooperBedinView .cb-pa small { color: var(--cb-muted); }
#cooperBedinView .cb-pa-texto { line-height: 1.5; overflow-wrap: anywhere; }
#cooperBedinView .cb-pa-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
#cooperBedinView .cb-pa-ok { color: var(--st-ok-tx); font-size: 0.86rem; }
#cooperBedinView .cb-pa-alerta { color: var(--st-atencao-tx); font-weight: 600; }
#cooperBedinView .cb-pa-senha, #cooperBedinView .cb-pa-confirmar { background: var(--st-atencao-bg); border: 1px solid #f3dca4; border-radius: 10px; display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; }
#cooperBedinView .cb-pa-senha p, #cooperBedinView .cb-pa-confirmar p { line-height: 1.5; margin: 0; }
#cooperBedinView .cb-pa-senha__linha { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
#cooperBedinView .cb-pa-senha code { background: var(--cb-surface); border-radius: 8px; font-size: 1.15rem; font-weight: 700; letter-spacing: 0.08em; padding: 8px 12px; user-select: all; }
/* Tela Acessos ao portal: todos os logins e a criação em lote. */
#cooperBedinView .cb-pac .cb-modulo__head { align-items: flex-start; flex-wrap: wrap; }
#cooperBedinView .cb-pac-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
#cooperBedinView .cb-pac-abrir { align-items: center; display: inline-flex; gap: 6px; text-decoration: none; }
#cooperBedinView .cb-pac-abrir__icone { height: 15px; width: 15px; }
/* Indicadores do topo: o mesmo cartão das outras telas, clicável como atalho de filtro. */
#cooperBedinView .cb-pac-kpis { margin: 0 0 16px; }
#cooperBedinView button.cb-pac-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-pac-kpi:hover { border-color: var(--cb-muted); }
#cooperBedinView button.cb-pac-kpi:focus-visible { outline: 2px solid var(--cb-ink); outline-offset: 2px; }
#cooperBedinView button.cb-pac-kpi.is-ativo { border-color: var(--cb-ink); box-shadow: inset 0 0 0 1px var(--cb-ink); }
#cooperBedinView .cb-pac-nota { margin: 0 0 12px; }
#cooperBedinView .cb-pac-lote { margin: 0 0 12px; }
#cooperBedinView .cb-pac-tabela { min-width: 760px; width: 100%; }
#cooperBedinView .cb-pac-tabela td { vertical-align: top; }
#cooperBedinView .cb-pac-tabela .cb-pac-doc { white-space: nowrap; }
#cooperBedinView .cb-pac-tabela td:first-child { min-width: 160px; }
#cooperBedinView .cb-pac-tabela small { color: var(--cb-muted); display: block; margin-top: 3px; overflow-wrap: anywhere; }
#cooperBedinView .cb-pac-tabela .cb-td-acao { white-space: nowrap; }
#cooperBedinView .cb-pac-tabela .cb-td-acao .cb-btn { margin-right: 8px; }
#cooperBedinView .cb-pac .cb-tablewrap { overflow-x: auto; }
#cooperBedinView .cb-pac-senha { background: var(--st-atencao-bg); border-radius: 6px; display: inline-block; font-weight: 700; letter-spacing: 0.06em; margin-top: 6px; padding: 3px 8px; user-select: all; }
#cooperBedinView .cb-pac-alerta { color: var(--st-atencao-tx); font-weight: 600; }
#cooperBedinView .cb-pac-progresso { font-weight: 700; margin: 0; }
#cooperBedinView .cb-pac-falhas { color: var(--st-atencao-tx); font-size: 0.86rem; margin: 6px 0 0; padding-left: 18px; }
#cooperBedinView .cb-pa-motivo { display: flex; flex-direction: column; font-size: 0.82rem; font-weight: 600; gap: 4px; }