/* ---------------------------------------------------------------------------
 * Modal de importacao de carga — Cargo_Window_Import_Control.  VGP-30.7
 *
 * TUDO AQUI E ESCOPADO EM .cargo-import-window, que e a classe raiz aplicada a
 * janela (`css` na definicao do view). A especificacao original pedia
 * `.webix_cell` e `.webix_header` com !important; sao classes ESTRUTURAIS do
 * Webix, carregadas em index.html para o app inteiro — atingiriam todo datatable
 * do sistema, nao esta modal. Nada neste arquivo pode valer fora da janela.
 *
 * Cuidado ao editar: o Webix pinta o cabecalho em `.webix_header > div`, nao no
 * wrapper. Regra no wrapper puro nao produz o efeito pretendido.
 * ------------------------------------------------------------------------- */

/* --- etiquetas de situacao ------------------------------------------------ */

.cargo-import-window .status-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	max-width: 100%;
}

/* o texto real do processo pode ser longo ("Processo finalizado: Nenhuma linha
 * valida para calculo."); a etiqueta corta com reticencias e o tooltip da linha
 * mostra a frase inteira. */
.cargo-import-window .status-badge .status-texto {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cargo-import-window .status-concluido {
	background-color: #E6F4EA;
	color: #137333;
	border: 1px solid #CEEAD6;
}

.cargo-import-window .status-falhou {
	background-color: #FCE8E6;
	color: #C5221F;
	border: 1px solid #FAD2CF;
}

.cargo-import-window .status-processando {
	background-color: #FEF7E0;
	color: #B06000;
	border: 1px solid #FDE293;
}

/* travado tem cor propria: nao e erro (o servidor nao recusou nada) nem
 * andamento (parou de dar sinal). Confundir com um dos dois foi o que a
 * VGP-30.5 corrigiu no backend; a cor nao pode reintroduzir a confusao. */
.cargo-import-window .status-travado {
	background-color: #E8F0FE;
	color: #174EA6;
	border: 1px solid #D2E3FC;
}

.cargo-import-window .status-excluido {
	background-color: #F1F3F4;
	color: #5F6368;
	border: 1px solid #E8EAED;
}

/* --- grade ---------------------------------------------------------------- */

.cargo-import-window .webix_cell {
	font-size: 13px;
	color: #3C4043;
}

.cargo-import-window .webix_header > div {
	font-weight: 600;
	color: #202124;
	background: #F8F9FA;
}

.cargo-import-window .col-numero {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.cargo-import-window .col-centro {
	text-align: center;
}

/* --- acoes ---------------------------------------------------------------- */

.cargo-import-window .action-icon {
	display: inline-block;
	margin: 0 5px;
	color: #70757A;
	cursor: pointer;
	transition: transform 0.15s ease, color 0.15s ease;
}

.cargo-import-window .action-icon:hover {
	transform: scale(1.15);
}

.cargo-import-window .action-icon.delete-btn:hover {
	color: #D93025;
}

.cargo-import-window .action-icon.download-btn:hover {
	color: #188038;
}

/* --- cabecalho da janela e menu lateral ----------------------------------- */
/*
 * NAO estilizar nem o cabecalho nem o item selecionado do menu.
 *
 * A especificacao pedia "gradiente moderno ou tom escuro neutro" no cabecalho, e eu
 * apliquei #202124. Ficou preto e destoou do resto do sistema — todas as outras janelas
 * seguem o azul do tema. Reprovado pelo Joao em 23/08, e com razao: coerencia entre as
 * telas vale mais do que esta modal ficar bonita sozinha.
 *
 * O mesmo para o item ativo do menu: a regra que eu escrevi brigava com o estilo proprio
 * do sidebar do webix e produzia uma selecao estranha. O tema ja sabe desenhar item
 * selecionado, e igual ao das demais telas. Deixar quieto e a correcao.
 *
 * Se um dia for para mexer nisso, o caminho e mudar o TEMA, nao uma janela.
 */

/* VGP-30.6. Acao de retomar, so em 'travado'. Azul do mesmo estado, para o usuario ligar
 * a etiqueta ao botao sem precisar ler. */
.cargo-import-window .action-icon.retomar-btn:hover {
	color: #1A73E8;
}