/* Sistema VIA: barra de situação sobre o VIA 2 (canto superior direito) */
#via_cloud_barra {
  position: fixed; top: 4px; right: 8px; z-index: 10000;
  display: flex; flex-direction: column; gap: 4px;
  max-width: calc(100vw - 16px);
  padding: 5px 10px; border-radius: 6px;
  background: #1b2a3a; color: #fff; font: 13px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  box-shadow: 0 2px 6px #0003;
}
.via_cloud_linha { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.via_cloud_linha:empty { display: none; }
.via_cloud_linha .espaco { flex: 1; }
#via_cloud_barra a { color: #9cc9f5; }
#via_cloud_barra button {
  font: inherit; padding: 2px 8px; border-radius: 4px; cursor: pointer;
  border: 1px solid #ffffff55; background: transparent; color: #fff;
}
#via_cloud_barra button:hover { background: #ffffff1a; }
#via_cloud_barra button.via_cloud_ok { background: #18794e; border-color: #18794e; }
#via_cloud_barra button.via_cloud_perigo { background: #b42318; border-color: #b42318; }
.via_cloud_situacao { padding: 1px 8px; border-radius: 999px; background: #ffffff1a; }
.via_cloud_situacao.ok { color: #8fe3b5; }
.via_cloud_situacao.aviso { color: #ffd479; }
.via_cloud_situacao.erro { color: #ff9b91; }
.via_cloud_local { color: #ffd479; }
.via_cloud_imagem, .via_cloud_acoes { display: inline-flex; gap: 6px; align-items: center; }
.via_cloud_contagem { color: #c9d4df; font-size: 12px; }

/* Selo de status (barra) e ícone de status (lista de arquivos do VIA) */
.via_cloud_selo { padding: 1px 8px; border-radius: 999px; font-weight: 600; background: #ffffff26; }
.via_cloud_selo.via_cloud_em_andamento, .via_cloud_selo.via_cloud_enviada { color: #ffd479; }
.via_cloud_selo.via_cloud_correcao { color: #ff9b91; }
.via_cloud_selo.via_cloud_aprovada { color: #8fe3b5; }
.via_cloud_st { font-weight: bold; margin-left: 2px; }
.via_cloud_st.via_cloud_nao_iniciada { color: #9aa4ae; }
.via_cloud_st.via_cloud_em_andamento, .via_cloud_st.via_cloud_enviada { color: #9a6700; }
.via_cloud_st.via_cloud_correcao { color: #b42318; }
.via_cloud_st.via_cloud_aprovada { color: #18794e; }
.via_cloud_dono { color: #5f6670; font-size: 0.85em; }

/* Comentário do revisor e caixas de aviso/diálogo */
#via_cloud_comentario, #via_cloud_aviso, #via_cloud_dialogo {
  position: fixed; right: 8px; z-index: 10000; max-width: 380px;
  padding: 10px 14px; border-radius: 6px; font: 14px/1.45 system-ui, sans-serif; box-shadow: 0 2px 8px #0003;
}
#via_cloud_comentario { top: 76px; background: #fdf0ef; color: #5c1a12; border: 1px solid #e6b4ae; }
#via_cloud_comentario.via_cloud_aprovada { background: #eefbf4; color: #0f4d31; border-color: #a7dcc2; }
#via_cloud_comentario p { margin: 4px 0 0; white-space: pre-wrap; }
#via_cloud_aviso { top: 76px; background: #fff7e0; color: #4d3800; border: 1px solid #ecd28c; }
#via_cloud_aviso div { margin-top: 8px; }
#via_cloud_dialogo { top: 76px; background: #fff; color: #1f2328; border: 1px solid #d8dce1; width: 360px; }
#via_cloud_dialogo p { margin: 4px 0 8px; color: #5f6670; }
#via_cloud_dialogo textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 6px; border: 1px solid #d8dce1; border-radius: 4px; }
#via_cloud_dialogo div { display: flex; gap: 8px; margin-top: 8px; }
#via_cloud_dialogo button { font: inherit; padding: 4px 10px; border-radius: 4px; border: 1px solid #d8dce1; background: #fff; cursor: pointer; }
#via_cloud_dialogo button.via_cloud_perigo { background: #b42318; border-color: #b42318; color: #fff; }