/* Tratativa dos avisos do PCMSO (T1 a T3, 1.5.37; janela centralizada em todos os tamanhos na 1.5.38) */
.tr { color: #1C1B19; line-height: normal; padding-bottom: 110px; }
.tr .c-topo { gap: 6px; }
.tr-h1 { margin: 2px 0 0; font-family: var(--titulo); font-size: 24px; font-weight: 700; line-height: 1.15; }
.tr-meta, .tr-txt { font-size: 13px; color: #5E5A53; margin: 0; }
.tr-pill { align-self: flex-start; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }
.tr-r { background: #FBE4E2; color: #B3261E; } .tr-o { background: #E3F1E8; color: #06602D; } .tr-g { background: #E3F1E8; color: #1D6B3F; } .tr-n { background: #E8EEE6; color: #3A3833; }
.tr-c-r { color: #B3261E !important; font-weight: 500; } .tr-c-o { color: #06602D !important; } .tr-c-g { color: #1D6B3F !important; }
.tr-corpo { padding: 4px 20px 0; display: flex; flex-direction: column; gap: 14px; }
.tr-why { border-radius: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.45; }
.tr-why b { display: block; font-weight: 600; margin-bottom: 2px; }
.tr-why-r { background: #FBE4E2; color: #9F2119; } .tr-why-o { background: #E3F1E8; color: #06602D; } .tr-why-n { background: #E8EEE6; color: #3A3833; }
.tr-box { background: #FFFFFF; border: 1px solid #DFE6DC; border-radius: 16px; padding: 6px 16px; }
.tr-kv { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; padding: 10px 0; border-bottom: 1px solid #E8EEE6; }
.tr-kv:last-child { border-bottom: 0; }
.tr-kv span { color: #5E5A53; } .tr-kv b { font-weight: 600; text-align: right; } .tr-ok { color: #1D6B3F; }
.tr-ops { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tr-op { background: #FFFFFF; border: 1px solid #DFE6DC; border-radius: 14px; padding: 12px 6px; display: flex; flex-direction: column; align-items: center; gap: 6px; font: inherit; font-size: 12px; font-weight: 600; color: #1C1B19; text-align: center; cursor: pointer; }
.tr-op i { width: 34px; height: 34px; border-radius: 10px; background: #EDF2EB; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 16px; }
.tr-op.on { border-color: #0A7F3B; box-shadow: 0 0 0 3px #E3F1E8; }
.tr-op.on i { background: #0A7F3B; color: #FFFFFF; }
.tr-hist { list-style: none; margin: 0; padding: 0; }
.tr-h { display: flex; gap: 12px; font-size: 13px; padding: 7px 0; }
.tr-h-d { width: 40px; flex: none; color: #5E5A53; }
.tr-h-t b { font-weight: 600; } .tr-h-t em { font-style: normal; color: #5E5A53; }
.tr-anexos { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.tr-anexo { border: 1px solid #DFE6DC; background: #FFFFFF; border-radius: 10px; padding: 5px 9px; font: inherit; font-size: 12px; font-weight: 500; color: #06602D; cursor: pointer; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tr-rodape { gap: 10px; }
.tr-b1, .tr-b2 { height: 52px; border-radius: 14px; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.tr-b1 { flex: 1; border: 0; background: #0A7F3B; color: #FFFFFF; }
.tr-b1:disabled { background: #D9C3B6; cursor: default; }
.tr-b2 { padding: 0 18px; border: 1px solid #D0D9CD; background: #FFFFFF; color: #1C1B19; }
.tr-pes { background: #FFFFFF; border: 1px solid #DFE6DC; border-radius: 16px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.tr-pes-l { display: flex; gap: 12px; align-items: center; }
.tr-av { width: 40px; height: 40px; border-radius: 20px; background: #1C1B19; color: #F7F9F6; font-family: var(--titulo); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex: none; }
.tr-pes-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.tr-pes-t b { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; } .tr-pes-t small { font-size: 13px; color: #5E5A53; }
.tr-chk { width: 22px; height: 22px; accent-color: #1C1B19; flex: none; }
.tr-acs { display: flex; gap: 8px; }
.tr-acs > * { flex: 1; height: 40px; border-radius: 10px; border: 1px solid #D0D9CD; background: #FFFFFF; display: flex; align-items: center; justify-content: center; font: inherit; font-size: 13px; font-weight: 600; color: #1C1B19; text-decoration: none; cursor: pointer; }
.tr-acs .p { background: #0A7F3B; border-color: #0A7F3B; color: #FFFFFF; }
body.tr-travado { overflow: hidden; }
.tr-fundo { position: fixed; inset: 0; z-index: 60; background: rgba(28, 27, 25, .45); display: flex; align-items: center; justify-content: center; padding: 16px; animation: tr-in .18s ease-out; }
@keyframes tr-in { from { opacity: 0; } }
.tr-folha { animation: tr-sobe .2s ease-out; }
@keyframes tr-sobe { from { transform: translateY(12px) scale(.98); } }
@media (prefers-reduced-motion: reduce) { .tr-fundo, .tr-folha { animation: none; } }
.tr-folha { width: 100%; max-width: 560px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; background: #F7F9F6; border-radius: 24px; box-shadow: 0 24px 60px rgba(28, 27, 25, .25); padding: 20px 20px 0; display: flex; flex-direction: column; gap: 12px; color: #1C1B19; font-family: var(--font); }
.tr-folha-rod { border-radius: 0 0 24px 24px; }
@media (min-width: 900px) { .tr-folha { max-height: 88vh; } }
.tr-grab { display: none; }
.tr-folha h2 { margin: 0; font-family: var(--titulo); font-size: 20px; font-weight: 700; }
.tr-f { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; min-width: 0; border: 0; margin: 0; padding: 0; }
.tr-f legend { padding: 0; margin-bottom: 6px; }
.tr-f-l { font-size: 13px; font-weight: 600; }
.tr-f input, .tr-f select, .tr-f textarea { min-height: 46px; border: 1px solid #DFE6DC; border-radius: 12px; background: #FFFFFF; padding: 0 14px; font: inherit; font-size: 15px; font-weight: 400; color: #1C1B19; width: 100%; box-sizing: border-box; }
.tr-f textarea { padding: 12px 14px; resize: vertical; }
.tr-duas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tr-seg { display: flex; gap: 8px; }
.tr-seg label { flex: 1; }
.tr-seg input { position: absolute; opacity: 0; pointer-events: none; }
.tr-seg span { height: 42px; border-radius: 21px; border: 1px solid #D0D9CD; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; text-align: center; cursor: pointer; padding: 0 6px; }
.tr-seg input:checked + span { background: #1D6B3F; border-color: #1D6B3F; color: #FFFFFF; font-weight: 600; }
.tr-seg input[value=restricao]:checked + span { background: #06602D; border-color: #06602D; }
.tr-seg input[value=inapto]:checked + span { background: #B3261E; border-color: #B3261E; }
.tr-seg input:focus-visible + span { outline: 2px solid #0A7F3B; outline-offset: 2px; }
.tr-anx-bloco { display: flex; flex-direction: column; gap: 8px; }
.tr-anx-nome { font-size: 13px; font-weight: 600; color: #3A3833; }
.tr-files { display: flex; flex-direction: column; gap: 6px; }
.tr-files:empty { display: none; }
.tr-file { display: flex; gap: 10px; align-items: center; background: #FFFFFF; border: 1px solid #DFE6DC; border-radius: 12px; padding: 8px 10px 8px 12px; font-size: 13px; }
.tr-file i { font-style: normal; background: #FBE4E2; color: #B3261E; font-size: 11px; font-weight: 700; padding: 4px 6px; border-radius: 6px; }
.tr-file span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tr-file em { font-style: normal; color: #5E5A53; }
.tr-file button { width: 32px; height: 32px; border: 0; background: none; font-size: 20px; color: #5E5A53; cursor: pointer; }
.tr-anx { border: 1.5px dashed #BCD3C3; border-radius: 14px; padding: 12px 14px; display: flex; gap: 12px; align-items: center; font-size: 13px; color: #5E5A53; cursor: pointer; background: #FFFFFF; }
.tr-anx b { color: #1C1B19; font-weight: 600; }
.tr-anx i { width: 38px; height: 38px; border-radius: 10px; background: #EDF2EB; display: flex; align-items: center; justify-content: center; font-style: normal; flex: none; }
.tr-anx:focus-within { outline: 2px solid #0A7F3B; outline-offset: 2px; }
.tr-aviso { margin: 0; font-size: 12px; color: #5E5A53; }
.tr-chk-l { display: flex; gap: 10px; align-items: center; font-size: 14px; }
.tr-chk-l input { width: 20px; height: 20px; accent-color: #B3261E; }
.tr-erro { margin: 0; color: #B3261E; font-size: 14px; }
.tr-erro:empty { display: none; }
.tr-folha-rod { position: sticky; bottom: 0; display: flex; gap: 10px; margin: 4px -20px 0; padding: 12px 20px 16px; background: #FFFFFF; border-top: 1px solid #DFE6DC; }
/* Inspeções: botão "Nova inspeção" e atalhos "Começar rápido" (1.5.40) */
.c-tit-linha { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.c-novo { flex: none; height: 44px; padding: 0 16px; border-radius: 12px; background: #0A7F3B; color: #FFFFFF; display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; text-decoration: none; }
.c-novo:hover { background: #06602D; color: #FFFFFF; }
.c-novo svg { width: 18px; height: 18px; }
.c-rapido { padding: 2px 20px 12px; display: flex; flex-direction: column; gap: 6px; }
.c-rapido .c-sec { margin: 0; }
.c-rapido-l { display: flex; gap: 8px; flex-wrap: wrap; }
.c-rapido-l a { min-height: 36px; padding: 0 12px; border-radius: 12px; border: 1px solid #DFE6DC; background: #FFFFFF; color: #1C1B19; display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 500; text-decoration: none; max-width: 100%; }
.c-rapido-l a:hover { border-color: #0A7F3B; }
.c-rapido-l i { font-style: normal; color: #0A7F3B; font-weight: 700; }
.c-rapido-l .c-r-todos { color: #5E5A53; }
.c-r-longo { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-r-curto { display: none; }
@media (max-width: 599px) { .c-r-longo { display: none; } .c-r-curto { display: inline; } .c-novo { height: 40px; padding: 0 12px; font-size: 14px; } }
.c-links-discreto { font-size: 13px; }
.c-links-discreto a { color: #5E5A53; }
/* Botão dividido "Nova inspeção" no computador (1.5.41) */
.c-novo-g { position: relative; display: flex; flex: none; }
.c-novo-seta { display: none; }
.c-novo-menu[hidden] { display: none; }
@media (min-width: 900px) {
  .c-so-movel { display: none; }
  .c-novo-g:has(.c-novo-seta) .c-novo { border-radius: 12px 0 0 12px; }
  .c-novo-seta { display: flex; align-items: center; justify-content: center; width: 40px; height: 44px; border: 0; border-left: 1px solid rgba(255, 255, 255, .35); border-radius: 0 12px 12px 0; background: #0A7F3B; color: #FFFFFF; cursor: pointer; }
  .c-novo-seta svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .15s; }
  .c-novo-seta:hover, .c-novo-seta[aria-expanded="true"] { background: #06602D; }
  .c-novo-seta[aria-expanded="true"] svg { transform: rotate(180deg); }
  .c-novo-seta:focus-visible { outline: 2px solid #1C1B19; outline-offset: 2px; }
  .c-novo-menu { position: absolute; right: 0; top: 52px; z-index: 30; width: 320px; background: #FFFFFF; border: 1px solid #DFE6DC; border-radius: 14px; box-shadow: 0 16px 40px rgba(28, 27, 25, .16); padding: 8px; display: flex; flex-direction: column; }
  .c-novo-sec { font-size: 11px; font-weight: 600; letter-spacing: .04em; color: #5E5A53; padding: 8px 10px 4px; }
  .c-novo-menu a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px; border-radius: 9px; color: #1C1B19; font-size: 14px; text-decoration: none; }
  .c-novo-menu a:hover, .c-novo-menu a:focus-visible { background: #EDF2EB; outline: none; }
  .c-novo-menu a small { color: #5E5A53; font-size: 12px; white-space: nowrap; }
  .c-novo-menu hr { border: 0; border-top: 1px solid #E8EEE6; margin: 6px 0; }
  .c-novo-todos { color: #0A7F3B !important; font-weight: 600; }
  .c-novo-edit { color: #5E5A53 !important; }
}
/* Resumo da inspeção com anel de conformidade (1.5.43) */
.c-resumo.c-resumo-b { padding: 0; gap: 0; grid-template-columns: 1.35fr 1fr 1fr; align-items: stretch; }
.c-resumo-b > div { padding: 16px; display: flex; align-items: center; justify-content: center; text-align: center; }
.c-resumo-b > div + div { border-left: 1px solid #E8EEE6; }
.c-resumo-b .c-res-anel { gap: 14px; flex-direction: row; }
.c-res-anel svg { width: 68px; height: 68px; flex: none; }
.c-anel-fundo { fill: none; stroke: #E8EEE6; stroke-width: 3.2; }
.c-anel-valor { fill: none; stroke: #8A857C; stroke-width: 3.2; stroke-linecap: round; }
.c-res-anel text { font-family: var(--titulo); font-weight: 700; font-size: 9px; fill: #1C1B19; }
.c-res-anel.c-ruim .c-anel-valor { stroke: #B3261E; } .c-res-anel.c-ruim text { fill: #B3261E; }
.c-res-anel.c-ok .c-anel-valor { stroke: #1D6B3F; } .c-res-anel.c-ok text { fill: #1D6B3F; }
.c-res-tx { display: flex; flex-direction: column; gap: 2px; text-align: left; }
.c-res-tx b { font-family: var(--titulo); font-size: 20px; font-weight: 700; color: #1C1B19 !important; }
.c-res-tx small { font-size: 13px; color: #5E5A53; }
.c-res-vazio { font-family: var(--titulo); font-size: 26px; font-weight: 700; color: #8A857C; }
.c-res-num { flex-direction: column; gap: 2px; }
.c-res-num b { font-size: 30px; }
.c-res-num span { font-size: 13px; }
.c-resumo b.c-laranja { color: #06602D; }
@media (max-width: 599px) {
  .c-resumo.c-resumo-b { grid-template-columns: 1fr 1fr; }
  .c-res-anel { grid-column: 1 / -1; border-bottom: 1px solid #E8EEE6; }
  .c-resumo-b > div + div { border-left: 0; }
  .c-resumo-b > div:last-child { border-left: 1px solid #E8EEE6; }
}
/* DDS: topo com resumo da semana (1.5.44) */
.dds-topo h1 { margin: 2px 0 0; font-family: var(--titulo); font-size: 30px; font-weight: 700; line-height: normal; }
.dds-topo { align-items: center; }
.dds-meta { font-size: 13px; color: #5E5A53; }
.dds-resumo { display: grid; grid-template-columns: 1.5fr 1fr 1fr; background: #FFFFFF; border: 1px solid #DFE6DC; border-radius: 16px; margin-bottom: 10px; }
.dds-resumo > div { padding: 16px; display: flex; align-items: center; justify-content: center; text-align: center; }
.dds-resumo > div + div { border-left: 1px solid #E8EEE6; }
.dds-semana { gap: 16px; }
.dds-barras { display: flex; gap: 6px; align-items: flex-end; }
.dds-dia { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.dds-dia i { display: block; width: 18px; border-radius: 5px; background: #DFE6DC; }
.dds-dia i.on { background: #0A7F3B; }
.dds-dia.hoje i { outline: 2px solid #1C1B19; outline-offset: 1px; }
.dds-dia.futuro i { opacity: .45; }
.dds-dia small { font-size: 10px; color: #5E5A53; line-height: 1; }
.dds-dia.hoje small { color: #1C1B19; font-weight: 600; }
.dds-sem-tx { display: flex; flex-direction: column; gap: 2px; text-align: left; }
.dds-sem-tx b { font-family: var(--titulo); font-size: 20px; font-weight: 700; }
.dds-sem-tx small, .dds-num span { font-size: 13px; color: #5E5A53; }
.dds-num { flex-direction: column; gap: 2px; }
.dds-num b { font-family: var(--titulo); font-size: 30px; font-weight: 700; }
.dds-sync { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 14px; padding: 4px 10px; border-radius: 12px; background: #E3F1E8; color: #1D6B3F; font-size: 12px; font-weight: 600; }
.dds-sync i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.dds-sync.pend { background: #E3F1E8; color: #06602D; }
@media (max-width: 599px) {
  .dds-resumo { grid-template-columns: 1fr 1fr; }
  .dds-semana { grid-column: 1 / -1; border-bottom: 1px solid #E8EEE6; }
  .dds-resumo > div + div { border-left: 0; }
  .dds-resumo > div:last-child { border-left: 1px solid #E8EEE6; }
}
/* Selo único de conexão + envio e data destacada no DDS (1.5.45) */
.net-chip .sep { width: 1px; height: 14px; background: #DFE6DC; }
.net-chip em { font-style: normal; color: #5E5A53; }
.net-chip em.pend { color: #06602D; font-weight: 600; }
@media (max-width: 480px) { .net-chip .sep.ok, .net-chip em.ok { display: none; } }
.dds-data { background: #E3F1E8; border-color: #E3F1E8; color: #06602D; }
.dds-data b { font-family: var(--titulo); color: #06602D; }
.dds-data span { color: #06602D; }
.dds-data.hoje { background: #0A7F3B; border-color: #0A7F3B; }
.dds-data.hoje b, .dds-data.hoje span { color: #FFFFFF; }
/* Plano de ação: topo com prazos das ações abertas (1.5.46) */
.pa-resumo { grid-template-columns: 1.6fr 1fr 1fr; }
.pa-resumo .pa-prazos { flex-direction: column; align-items: stretch; justify-content: center; text-align: left; gap: 8px; }
.pa-prazos > b { font-family: var(--titulo); font-size: 18px; font-weight: 700; }
.pa-prazos small { font-size: 13px; color: #5E5A53; }
.pa-barra { display: flex; gap: 2px; height: 12px; border-radius: 6px; overflow: hidden; }
.pa-barra i { display: block; min-width: 8px; }
.pa-leg { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: #5E5A53; }
.pa-leg span { display: inline-flex; align-items: center; gap: 5px; }
.pa-leg i { width: 9px; height: 9px; border-radius: 3px; display: block; }
.pa-barra .r, .pa-leg .r { background: #B3261E; } .pa-barra .a, .pa-leg .a { background: #E9A23B; } .pa-barra .g, .pa-leg .g { background: #1D6B3F; }
.dds-num b.pa-n-ruim { color: #B3261E; background: none; } .dds-num b.pa-n-ok { color: #1D6B3F; background: none; }
@media (max-width: 599px) { .pa-resumo .pa-prazos { grid-column: 1 / -1; border-bottom: 1px solid #E8EEE6; } }
/* Gestão: "+ Nova empresa" e "+ Nova obra" na escolha (1.5.47) */
.gh-novo { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1.5px dashed #BCD3C3; border-radius: 14px; color: #06602D; text-decoration: none; background: transparent; }
.gh-novo:hover { border-color: #0A7F3B; background: #FFFFFF; }
.gh-novo i { width: 40px; height: 40px; flex: none; border-radius: 10px; background: #E3F1E8; color: #0A7F3B; font-style: normal; font-size: 22px; display: flex; align-items: center; justify-content: center; }
.gh-novo b { display: block; font-size: 15px; font-weight: 600; }
.gh-novo small { display: block; font-size: 12px; color: #5E5A53; }
/* Identidade SFernandes (1.5.48): login com foto e vidro, logo oficial, aba ativa, convite para instalar */
.login-wrap { background: linear-gradient(180deg, rgba(6,80,42,.12) 0%, rgba(6,80,42,.5) 55%, rgba(4,48,26,.9) 100%), url(/img/fundo-login.jpg) center 30%/cover #06502A; align-items: end; align-content: end; gap: 12px; padding: 24px 16px calc(28px + var(--safe-b)); }
@media (min-width: 900px) { .login-wrap { align-content: center; justify-items: end; padding-right: 10vw; } }
.login-card { position: relative; color: #FFFFFF; border-radius: 26px; background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07)); -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); box-shadow: 0 30px 60px -20px rgba(0,0,0,.35); }
.login-card::before, .inst-login::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.08) 45%, rgba(255,255,255,0)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.login-card h1, .login-card .field { color: #FFFFFF; }
.login-card p, .login-card .muted { color: rgba(255,255,255,.82) !important; }
.login-brand img { border-radius: 14px; box-shadow: 0 6px 16px rgba(0,0,0,.35); background: #0BA14A; }
.login-card input { background: rgba(255,255,255,.16) !important; border: 1px solid rgba(255,255,255,.32) !important; color: #FFFFFF !important; }
.login-card input::placeholder { color: rgba(255,255,255,.72); }
.login-card input:focus { border-color: #FFFFFF !important; box-shadow: 0 0 0 3px rgba(255,255,255,.2) !important; outline: none; }
.login-card .btn-primary { background: #0A7F3B; border-color: #0A7F3B; box-shadow: 0 6px 16px rgba(6,80,42,.45); }
.login-card .field:has(.senha-olho) { position: relative; }
.login-card .field:has(.senha-olho) input { padding-right: 48px; }
.senha-olho { position: absolute; right: 4px; bottom: 4px; width: 40px; height: 40px; border: 0; background: none; color: rgba(255,255,255,.85); display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 10px; }
.senha-olho[aria-pressed="true"] { color: #FFDF10; }
.senha-olho:focus-visible { outline: 2px solid #FFFFFF; }
.inst-login { position: relative; width: 100%; max-width: 400px; display: flex; gap: 12px; align-items: center; padding: 12px 14px; border: 0; border-radius: 18px; background: rgba(255,255,255,.1); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: #FFFFFF; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.inst-login i { width: 36px; height: 36px; border-radius: 10px; background: #0A7F3B; display: flex; align-items: center; justify-content: center; flex: none; }
.inst-login span { flex: 1; color: rgba(255,255,255,.82); } .inst-login b { display: block; color: #FFFFFF; font-size: 14px; }
.inst-login em { font-style: normal; background: #FFFFFF; color: #06502A; padding: 7px 12px; border-radius: 9px; font-weight: 600; }
.dds-data.hoje { background: #FFDF10; border-color: #FFDF10; } .dds-data.hoje b, .dds-data.hoje span { color: #06502A; }
.bottomnav a.active { color: #0A7F3B; font-weight: 600; }
.bottomnav a.active span { background: #E3F1E8; border-radius: 16px; padding: 6px 14px; }
.inst-ban { display: flex; gap: 10px; align-items: center; background: #E3F1E8; border-radius: 16px; padding: 12px 8px 12px 14px; margin-bottom: 14px; font-size: 13px; color: #06602D; }
.inst-ban span { flex: 1; } .inst-ban b { display: block; color: #1C1B19; font-size: 14px; }
.inst-btn { border: 0; background: #0A7F3B; color: #FFFFFF; font: inherit; font-weight: 600; padding: 8px 14px; border-radius: 10px; cursor: pointer; }
.inst-x { border: 0; background: none; color: #06602D; font-size: 22px; width: 36px; height: 36px; cursor: pointer; border-radius: 10px; }
.inst-fundo { position: fixed; inset: 0; z-index: 70; background: rgba(28,27,25,.45); display: flex; align-items: center; justify-content: center; padding: 16px; }
.inst-folha { width: 100%; max-width: 420px; background: #FFFFFF; border-radius: 22px; padding: 20px; color: #1C1B19; }
.inst-folha h2 { margin: 0 0 4px; font-family: var(--titulo); font-size: 19px; } .inst-folha p { margin: 0 0 10px; color: #5E5A53; font-size: 14px; }
.inst-folha ol { margin: 0 0 16px; padding-left: 20px; font-size: 14px; line-height: 1.9; }