/*
* Base structure
*/
html,
body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.cover-container {
flex: 1;
}
.cover-container > nav {
flex: none;
}
.cover-container > .container {
flex: 1 0 auto;
}
.cover-container > footer {
flex: none;
}
/*
* Navbar
*/
.navbar {
min-height: 60px;
}
.lang-flag-toggle {
width: 24px;
height: 16px;
object-fit: contain;
vertical-align: middle;
}
.lang-flag-item {
width: 21px;
height: 14px;
object-fit: contain;
vertical-align: middle;
}
/**
* Navbar active link
*/
.navbar .nav-link.active {
font-weight: 600;
}
/**
* Social Buttons
*/
.btn-social:hover {
opacity: 0.85;
text-decoration: none;
}
.btn-facebook, .btn-facebook:hover {
color: #3B5998;
}
.btn-twitter, .btn-twitter:hover {
color: #55ACEE;
}
.btn-google, .btn-google:hover {
color: #dd4b39;
}
/**
* Login Page Form Wrapper
*/
.form-wrapper { display: none; }
.form-wrapper.active { display: block; }
/**
* Misc
*/
.page-header small {
font-size: 1rem;
}
.blockquote {
font-size: 1rem;
}
.table th {
font-size: 0.85rem;
color: var(--bs-secondary-color);
}
.dropdown-item i {
color: var(--bs-secondary-color);
}
label .required {
color: #a00;
}
.table-responsive {
min-height: 200px;
}
dt {
font-weight: 400 !important;
}
dd {
font-weight: 700;
}
/**
* DataTables — padding nos controles (busca, paginação, info)
* mantém a tabela edge-to-edge dentro do card-body p-0
*/
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
padding: 0.65rem 1rem;
}
/**
* Botões de AÇÃO dentro das tabelas (editar / excluir / ver / dropdown) —
* alvos de toque maiores (~44px) p/ uso em tela touch COM LUVAS no chão de
* fábrica. Vale em todas as telas (app.css é global). Sobrepõe o .btn-sm só
* dentro de | ; não afeta botões de modal, navbar ou toolbar do card.
*/
.table td .btn,
.table td .btn-sm {
min-height: 44px;
min-width: 44px;
padding: 0.45rem 0.85rem;
font-size: 0.95rem;
display: inline-flex;
align-items: center;
justify-content: center;
}
.table td .btn i {
font-size: 1.05rem;
}
.table td .btn-group {
flex-wrap: nowrap;
}
/* Itens dos dropdowns de ação das linhas (ex.: ver / excluir) */
.table td .dropdown-item {
min-height: 44px;
padding: 0.6rem 1rem;
font-size: 1rem;
display: flex;
align-items: center;
}
.table td .dropdown-item i {
font-size: 1.05rem;
}
/**
* Responsive CSS Rules
*/
@media (min-width : 992px) {
.table-responsive {
overflow-x: visible;
}
}
/* O esqueleto canônico do projeto põe o |