/**
 * CSS COMPACTO GLOBAL - SISTEMA ASSISTÊNCIA TÉCNICA
 * ===================================================
 * Reduz ~25% do tamanho de todos os elementos
 * Aplica em todas as páginas do sistema
 */

/* ===========================================
   ESCALA GERAL - Reduz tamanho base
   =========================================== */
body {
    font-size: 0.8rem !important;
}

.container,
.container-fluid,
main {
    font-size: 0.8rem;
}

/* ===========================================
   TÍTULOS E CABEÇALHOS MENORES
   =========================================== */
h1,
.h1,
.responsive-title {
    font-size: 1.35rem !important;
    margin-bottom: 0.6rem !important;
}

h2,
.h2 {
    font-size: 1.15rem !important;
}

h3,
.h3 {
    font-size: 1rem !important;
}

h4,
.h4,
h5,
.h5 {
    font-size: 0.875rem !important;
}

h6,
.h6 {
    font-size: 0.8rem !important;
}

/* ===========================================
   CARDS MAIS COMPACTOS
   =========================================== */
.card {
    margin-bottom: 0.6rem !important;
}

.card-header {
    padding: 0.4rem 0.65rem !important;
}

.card-header h5,
.card-header .h5 {
    font-size: 0.825rem !important;
    margin: 0 !important;
}

.card-body {
    padding: 0.6rem !important;
}

.card-footer {
    padding: 0.4rem 0.65rem !important;
}

/* ===========================================
   BOTÕES MENORES
   =========================================== */
.btn {
    padding: 0.2rem 0.4rem !important;
    font-size: 0.7rem !important;
}

.btn-lg {
    padding: 0.3rem 0.6rem !important;
    font-size: 0.8rem !important;
}

.btn-sm {
    padding: 0.125rem 0.3rem !important;
    font-size: 0.65rem !important;
}

.btn i,
.btn .fa,
.btn .fas,
.btn .far,
.btn .fab {
    font-size: 0.75rem !important;
}

.btn-group {
    gap: 0.1rem;
}

/* ===========================================
   FORMULÁRIOS MAIS COMPACTOS
   =========================================== */
.form-control,
.form-select {
    padding: 0.2rem 0.4rem !important;
    font-size: 0.75rem !important;
    height: auto !important;
}

.form-label {
    font-size: 0.75rem !important;
    margin-bottom: 0.15rem !important;
}

.input-group-text {
    padding: 0.2rem 0.4rem !important;
    font-size: 0.75rem !important;
}

.form-check-label {
    font-size: 0.75rem !important;
}

/* ===========================================
   TABELAS COMPACTAS
   =========================================== */
table,
.table {
    font-size: 0.75rem !important;
}

table th,
table td,
.table th,
.table td {
    padding: 0.3rem 0.4rem !important;
}

table th,
.table th {
    font-size: 0.7rem !important;
}

/* ===========================================
   ESPAÇAMENTOS REDUZIDOS
   =========================================== */
.mb-4 {
    margin-bottom: 0.6rem !important;
}

.mb-3 {
    margin-bottom: 0.4rem !important;
}

.mb-2 {
    margin-bottom: 0.3rem !important;
}

.mt-4 {
    margin-top: 0.6rem !important;
}

.mt-3 {
    margin-top: 0.4rem !important;
}

.p-3 {
    padding: 0.4rem !important;
}

.p-4 {
    padding: 0.6rem !important;
}

.py-3 {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

.px-3 {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

/* ===========================================
   BADGES E ALERTAS MENORES
   =========================================== */
.badge {
    padding: 0.15rem 0.4rem !important;
    font-size: 0.65rem !important;
}

.alert {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.75rem !important;
}

/* ===========================================
   DROPDOWNS COMPACTOS
   =========================================== */
.dropdown-menu {
    font-size: 0.75rem !important;
    padding: 0.2rem 0 !important;
}

.dropdown-item {
    padding: 0.25rem 0.6rem !important;
    font-size: 0.75rem !important;
}

/* ===========================================
   ÍCONES MENORES
   =========================================== */
.fa,
.fas,
.far,
.fab,
.bi {
    font-size: 0.8em !important;
}

.fs-1 {
    font-size: 1.35rem !important;
}

.fs-2 {
    font-size: 1.15rem !important;
}

.fs-3 {
    font-size: 0.95rem !important;
}

.fs-4 {
    font-size: 0.85rem !important;
}

.fs-5 {
    font-size: 0.8rem !important;
}

.fs-6 {
    font-size: 0.75rem !important;
}

/* ===========================================
   TEXTOS E PARÁGRAFOS
   =========================================== */
p {
    margin-bottom: 0.3rem !important;
    line-height: 1.35 !important;
}

.small,
small {
    font-size: 0.7rem !important;
}

.text-muted {
    font-size: 0.75rem !important;
}

/* ===========================================
   LISTAS
   =========================================== */
.list-group-item {
    padding: 0.35rem 0.6rem !important;
    font-size: 0.75rem !important;
}

/* ===========================================
   MODALS COMPACTOS
   =========================================== */
.modal-header {
    padding: 0.5rem 0.85rem !important;
}

.modal-body {
    padding: 0.6rem 0.85rem !important;
}

.modal-footer {
    padding: 0.4rem 0.85rem !important;
}

.modal-title {
    font-size: 0.95rem !important;
}

/* ===========================================
   ROWS COM MENOS GAP
   =========================================== */
.row {
    --bs-gutter-x: 0.6rem;
    --bs-gutter-y: 0.4rem;
}

.g-3 {
    --bs-gutter-x: 0.4rem !important;
    --bs-gutter-y: 0.4rem !important;
}

/* ===========================================
   BARRA DE BOTÕES FIXA COMPACTA
   =========================================== */
.action-buttons-fixed {
    padding: 5px 8px !important;
}

.action-buttons-fixed .btn {
    padding: 0.15rem 0.35rem !important;
    font-size: 0.65rem !important;
}

/* ===========================================
   ELEMENTOS ESPECÍFICOS
   =========================================== */
/* Status badges/dropdowns */
.dropdown-toggle.btn {
    padding: 0.15rem 0.4rem !important;
    font-size: 0.7rem !important;
}

/* Avatar/ícone do cliente */
.rounded-circle.p-3 {
    padding: 0.4rem !important;
}

.rounded-circle .fa {
    font-size: 1rem !important;
}

/* Info items com ícone */
.d-flex.align-items-center.mb-3 {
    margin-bottom: 0.4rem !important;
}

.d-flex.align-items-center.mb-2 {
    margin-bottom: 0.3rem !important;
}

/* Pagination */
.pagination .page-link {
    padding: 0.2rem 0.5rem !important;
    font-size: 0.75rem !important;
}

/* Datatables */
.dataTables_wrapper {
    font-size: 0.75rem !important;
}

.dataTables_filter input,
.dataTables_length select {
    padding: 0.2rem 0.4rem !important;
    font-size: 0.75rem !important;
}

/* Navbar - manter tamanho original para não quebrar navegação */
.navbar {
    font-size: 0.85rem !important;
}

.navbar .nav-link {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.8rem !important;
}

.navbar-brand {
    font-size: 0.95rem !important;
}

/* ===========================================
   RESPONSIVO
   =========================================== */
@media (max-width: 768px) {
    body {
        font-size: 0.75rem !important;
    }

    .btn {
        padding: 0.15rem 0.35rem !important;
        font-size: 0.65rem !important;
    }

    .card-body {
        padding: 0.4rem !important;
    }

    table th,
    table td {
        padding: 0.2rem 0.3rem !important;
    }
}