/* =============================================================================
 * bs3-compat.css  (CSS-only compat / correcao do que quebrou na migracao BS3 -> BS5)
 * -----------------------------------------------------------------------------
 * O webapp passou a usar Bootstrap 5, mas os templates/telas ainda usam classes
 * do Bootstrap 3 que o BS5 REMOVEU. Este arquivo restaura essas classes (apenas
 * estilo, sem mexer no markup) para o layout voltar a funcionar. Tambem remapeia
 * os icones Font Awesome (nao empacotados) para Material Icons (disponivel).
 *
 * Carregar LOGO APOS bootstrap.min.css e ANTES de styles-v2.css/menu-modern.css,
 * para preencher as lacunas sem sobrescrever as customizacoes do projeto.
 * ============================================================================= */

/* -------------------------------------------------------------------------
 * 1) PANEL (BS3) -> aparencia de "card". Usado em praticamente todos os CRUDs.
 *    Obs.: styles-v2.css sobrepoe .panel-default>.panel-heading (gradiente) e
 *    .panel .panel-footer, pois e carregado depois.
 * ------------------------------------------------------------------------- */
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #e3e6ec;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}
.panel-body { padding: 15px; }
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid #e3e6ec;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.panel-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: inherit;
}
.panel-title > a { color: inherit; }
.panel-footer {
	padding: 10px 15px;
	background-color: #f7f9fc;
	border-top: 1px solid #e3e6ec;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.panel-default { border-color: #e3e6ec; }
.panel-default > .panel-heading {
	color: #333;
	background-color: #f7f9fc;
	border-color: #e3e6ec;
}
/* Panel que contem uma tabela/list-group encostada nas bordas */
.panel > .table,
.panel > .table-responsive > .table { margin-bottom: 0; }

/* -------------------------------------------------------------------------
 * 2) BTN-DEFAULT (BS3) -> botao neutro (removido no BS5). Sem isto, os
 *    botoes "default" ficam transparentes/sem cor.
 * ------------------------------------------------------------------------- */
.btn-default {
	color: #384150;
	background-color: #fff;
	border-color: #c4ccd8;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
	color: #1f2733;
	background-color: #eef1f6;
	border-color: #aab4c4;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #1f2733;
	background-color: #e2e7ef;
	border-color: #aab4c4;
}
.btn-default.disabled,
.btn-default[disabled] {
	color: #98a2b3;
	background-color: #fff;
	border-color: #dee2e6;
}

/* -------------------------------------------------------------------------
 * 2.1) BTN-BLOCK (BS3) -> utilitario removido no BS5.
 * ------------------------------------------------------------------------- */
.btn-block {
	display: block;
	width: 100%;
}
.btn-block + .btn-block {
	margin-top: 5px;
}

/* -------------------------------------------------------------------------
 * 3) DROPDOWN legado: .dropdown-menu > li > a e .divider (BS5 usa
 *    .dropdown-item / .dropdown-divider). Corrige o menu "Info" do topo.
 * ------------------------------------------------------------------------- */
.dropdown-menu > li > a {
	display: block;
	width: 100%;
	padding: 6px 16px;
	clear: both;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	white-space: nowrap;
	text-decoration: none;
	background-color: transparent;
	border: 0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #1e2125;
	background-color: #f2f4f8;
	text-decoration: none;
}
.dropdown-menu > li > a > i,
.dropdown-menu > li > a > .material-icons {
	vertical-align: middle;
	margin-right: 6px;
}
.dropdown-menu .divider,
.dropdown-menu li.divider {
	height: 1px;
	margin: 8px 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	background-color: #e9edf3;
}
/* .dropdown-header (li) legado */
.dropdown-menu > li.dropdown-header {
	display: block;
	padding: 6px 16px;
	font-size: 12px;
	color: #6c757d;
	white-space: nowrap;
}

/* -------------------------------------------------------------------------
 * 4) NAVBAR legado (BS3) -> restaura visual da barra superior.
 *    Mantido conservador (cores/bordas/alinhamento) para nao brigar com o
 *    flex do BS5. .navbar-right volta a ir para a direita.
 * ------------------------------------------------------------------------- */
.navbar-default {
	background-color: #ffffff;
	border: 1px solid #e6e9ef;
	box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}
.navbar-static-top {
	z-index: 1000;
	border-width: 0 0 1px;
}
/* Menus horizontais dentro da navbar (BS5 deixa .navbar-nav em coluna) */
.navbar .navbar-nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.navbar .navbar-nav > li { position: relative; }
.navbar .navbar-nav > li > a {
	display: block;
	padding: 15px 12px;
	color: #4a5568;
	text-decoration: none;
	transition: color 0.15s ease, background-color 0.15s ease;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
	color: #1f2733;
	background-color: rgba(16, 24, 40, 0.04);
}
/* Empurra os grupos marcados como navbar-right para a direita */
.navbar .navbar-right { margin-left: auto; }
.navbar-text {
	padding-top: 6px;
	padding-bottom: 6px;
	color: #4a5568;
}

/* -------------------------------------------------------------------------
 * 5) Caret do dropdown (BS3) - removido no BS5.
 * ------------------------------------------------------------------------- */
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 3px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/* -------------------------------------------------------------------------
 * 6) FONT AWESOME -> MATERIAL ICONS
 *    O projeto nao empacota Font Awesome, entao as classes "fa fa-*" ficavam
 *    sem glifo. Remapeamos os icones usados (e alguns comuns) para o Material
 *    Icons (fonte ja disponivel via material-icons.css).
 * ------------------------------------------------------------------------- */
.fa {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	display: inline-block;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	vertical-align: middle;
}
.fa::before { font-family: 'Material Icons'; }

/* Icones efetivamente usados nos templates/telas */
.fa-close::before,
.fa-times::before,
.fa-remove::before      { content: "\e5cd"; } /* close */
.fa-check::before        { content: "\e5ca"; } /* check */
.fa-check-circle::before { content: "\e86c"; } /* check_circle */
.fa-bell::before         { content: "\e7f4"; } /* notifications */
.fa-bell-o::before       { content: "\e7f5"; } /* notifications_none */
.fa-undo::before         { content: "\e166"; } /* undo */
.fa-bars::before         { content: "\e5d2"; } /* menu */
.fa-search::before       { content: "\e8b6"; } /* search */
.fa-plus::before         { content: "\e145"; } /* add */
.fa-minus::before        { content: "\e15b"; } /* remove */
.fa-trash::before,
.fa-trash-o::before      { content: "\e872"; } /* delete */
.fa-pencil::before,
.fa-edit::before,
.fa-pencil-square-o::before { content: "\e3c9"; } /* edit */
.fa-save::before,
.fa-floppy-o::before     { content: "\e161"; } /* save */
.fa-download::before     { content: "\e2c4"; } /* file_download */
.fa-upload::before       { content: "\e2c6"; } /* file_upload */
.fa-print::before        { content: "\e8ad"; } /* print */
.fa-user::before         { content: "\e7fd"; } /* person */
.fa-users::before        { content: "\e7ef"; } /* group */
.fa-sign-out::before,
.fa-sign-out-alt::before { content: "\e879"; } /* exit_to_app */
.fa-info-circle::before  { content: "\e88e"; } /* info */
.fa-exclamation-triangle::before { content: "\e002"; } /* warning */
.fa-cog::before,
.fa-gear::before         { content: "\e8b8"; } /* settings */
.fa-calendar::before     { content: "\e935"; } /* calendar_today */
.fa-refresh::before      { content: "\e5d5"; } /* refresh */
.fa-eye::before          { content: "\e8f4"; } /* visibility */
.fa-filter::before       { content: "\ef4f"; } /* filter_alt */
.fa-chevron-left::before { content: "\e5cb"; } /* chevron_left */
.fa-chevron-right::before{ content: "\e5cc"; } /* chevron_right */
.fa-angle-left::before   { content: "\e5cb"; }
.fa-angle-right::before  { content: "\e5cc"; }