/* Sous local: estilo so da tela "Saude" (#/saude). Carregado depois do sous.css, que guarda a moldura (topo, menu,
   barra do celular, dialogo, paleta) e os componentes comuns; cada tela escreve so no seu arquivo. */

.sa-bloco+.sa-bloco{margin-top:28px}

/* Ajustes: uma linha por decisao, o texto a esquerda e o controle a direita (empilha no celular) */
.sa-aj{padding:4px 16px}
.sa-linha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:8px 24px;align-items:start;padding:14px 0;border-top:1px solid var(--line-soft)}
.sa-linha:first-child{border-top:0}
.sa-l b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.sa-l label{cursor:pointer}
.sa-l small{display:block;font-size:12.5px;color:var(--ink3);margin-top:3px;line-height:1.45;max-width:62ch}
.sa-c{min-width:0}
.sa-c-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sa-c select{width:100%;border:1px solid #cfc5b8;border-radius:9px;padding:8px 10px;background:#fff;min-height:44px;font-size:13.5px;color:var(--ink)}
.sa-c .perfis{margin:0}
.sa-big{margin:0;font-size:20px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.sa-big span{font-size:13px;font-weight:500;color:var(--ink3)}
.sa-gasto-l{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ink3)}
.sa-nota{display:flex;gap:6px;align-items:flex-start;margin:8px 0 0;font-size:12.5px;color:var(--warn)}
.sa-nota .i{flex:none;margin-top:2px;width:14px;height:14px}

/* interruptor "Mostrar detalhes tecnicos": estado escrito ao lado, nunca so cor */
.sa-switch{display:inline-flex;gap:10px;align-items:center;background:none;border:0;padding:4px 0;min-height:44px;cursor:pointer;font:inherit;color:var(--ink)}
.sa-sw{position:relative;width:40px;height:24px;border-radius:99px;background:#d9cfc2;flex:none;transition:background .15s}
.sa-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
.sa-switch[aria-checked="true"] .sa-sw{background:var(--ok)}
.sa-switch[aria-checked="true"] .sa-sw::after{transform:translateX(16px)}
.sa-sw-st{display:inline-flex;gap:4px;align-items:center;font-size:13px;font-weight:600}
.sa-sw-st .i{width:13px;height:13px;color:var(--ok)}

/* Diagnostico */
.sa-mono{font-family:var(--mono);font-size:16px;overflow-wrap:anywhere}
.tbl .sa-mono{font-size:12px}
.sa-uso li{font-size:12.5px}
.sa-frase{margin:0 0 10px;font-size:13.5px;color:var(--ink2)}
.sa-tec{margin:10px 0 0;font-size:12px;color:var(--ink3)}

@media (max-width:760px){
  .sa-linha{grid-template-columns:minmax(0,1fr)}
  .sa-aj{padding:2px 14px}
}