/* Central da Equipe Técnica — complementos ao styles.css (mesmo visual dos sistemas) */
.contador{display:inline-block;margin-left:6px;min-width:18px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:18px}

/* cartões dos portais */
.portais{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
a.portal,div.portal{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 4px 18px rgba(18,43,73,.05);transition:border-color .15s,transform .15s}
a.portal:hover{border-color:var(--brand);transform:translateY(-2px)}
.portal .ic{width:44px;height:44px;border-radius:10px;background:var(--brand-2);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}
.portal h2{margin:4px 0 0;font-size:18px}
.portal p{margin:0;color:var(--muted);font-size:13px}
.portal .rod{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px}
.portal .abrir{font-weight:700;color:var(--brand);font-size:13px}
div.portal.off{opacity:.6}

/* início: cartões grandes com atalhos */
.portais-g{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.portal-g{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(18,43,73,.05);display:flex;flex-direction:column;gap:14px;transition:border-color .15s,box-shadow .15s}
.portal-g:hover{border-color:#f3b2bc;box-shadow:0 10px 28px rgba(18,43,73,.09)}
.portal-g.off{opacity:.6}
.portal-cab{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text)}
.portal-cab .ic{width:52px;height:52px;flex:0 0 52px;border-radius:12px;background:var(--brand-2);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}
.portal-cab .txt{flex:1;min-width:0}
.portal-cab strong{display:block;font-size:19px;letter-spacing:-.02em}
.portal-cab small{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:2px}
.atalhos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
a.atalho{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);text-decoration:none;font-weight:650;font-size:14px;min-height:84px;transition:transform .12s,border-color .12s,background .12s}
a.atalho:hover,a.atalho:focus-visible{border-color:var(--brand);background:#fff;transform:translateY(-2px);outline:none}
a.atalho svg{width:24px;height:24px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
a.atalho:hover svg{stroke:var(--brand)}
a.atalho .cont{position:absolute;top:10px;right:10px;min-width:22px;padding:0 7px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;line-height:22px;text-align:center}
a.atalho .cont.alerta{background:var(--brand)}
a.abrir-portal{align-self:flex-end;font-weight:700;color:#bd263b;text-decoration:none;font-size:13px}
a.abrir-portal:hover{text-decoration:underline}
@media (max-width:640px){ .portais-g{grid-template-columns:1fr} .atalhos{grid-template-columns:1fr 1fr} }

/* pessoas e acessos */
.bloco-portal{border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:12px}
.bloco-portal legend{font-weight:700;padding:0 6px;color:var(--navy)}
.bloco-portal .linha{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips label.chk{font-weight:500;font-size:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px}
.sub-t{font-size:12px;font-weight:700;color:var(--muted);margin:8px 0 4px;text-transform:uppercase;letter-spacing:.03em}
.modal .card.largo-m{max-width:680px}
table.lista.fixa tbody tr{cursor:default}
.dica{font-size:12px;color:var(--muted);margin:4px 0 0}

/* página de conta */
.acesso-wrap{max-width:460px;margin:40px auto}
.acesso-wrap .logo-a{display:block;height:54px;margin:0 auto 18px}
.ok-box{background:var(--ok-bg);color:var(--ok);border-radius:8px;padding:12px 14px;font-weight:600}
.isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media (max-width:640px){ .bloco-portal .linha{grid-template-columns:1fr} }