/* Estilos Globais */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa; /* Um cinza muito claro */
}

.footer {
    font-size: 0.9em;
    background-color: #343a40 !important; /* bg-dark do bootstrap */
    color: #f8f9fa !important; /* texto claro */
}
.footer .text-muted { /* Sobrescrever o text-muted do bootstrap para o footer escuro */
    color: #adb5bd !important; 
}


/* Melhorias nos cards */
.card {
    border: none; /* Remove borda padrão para dar mais destaque à sombra */
    /* border-radius: 0.5rem; */ /* Cantos levemente arredondados */
}

.card-header {
    font-weight: 500;
}

/* Navbar */
.navbar-brand {
    letter-spacing: 0.5px;
}
.navbar .nav-link.active, .navbar .nav-link:hover {
    /* color: #ffffff !important; */ /* Para bg escuro */
}
.dropdown-menu .dropdown-item:active {
    background-color: #0d6efd; /* Azul primário do Bootstrap */
    color: white;
}


/* Badge de Status */
.badge.fs-7 { /* Font-size um pouco menor para badges em tabelas */
    font-size: 0.8rem;
}

/* Tabela Responsiva com Sombra */
.table-responsive.shadow-sm {
    border-radius: 0.375rem; /* Bootstrap padrão para rounded */
    overflow: hidden; /* Garante que a sombra e bordas sejam aplicadas corretamente */
}
.table {
    margin-bottom: 0; /* Remove margem inferior padrão da tabela dentro de .table-responsive */
}
.table th {
    white-space: nowrap;
}
.table td {
    vertical-align: middle;
}

/* Formulários */
.form-label {
    font-weight: 500;
}

/* Alertas */
.alert {
    border-left-width: 5px;
}
.alert-success { border-left-color: var(--bs-success); }
.alert-danger { border-left-color: var(--bs-danger); }
.alert-warning { border-left-color: var(--bs-warning); }
.alert-info { border-left-color: var(--bs-info); }


/* Estilo específico para mensagens de chamado */
.message-author-current {
    background-color: #e7f3ff; /* Um azul bem claro */
    border-left: 3px solid #0d6efd; /* Azul primário */
}
.message-author-other {
    background-color: #f8f9fa; /* Cinza claro */
    border-left: 3px solid #6c757d; /* Cinza secundário */
}
.message-internal-note {
    background-color: #fff3cd; /* Amarelo claro para notas internas */
    border: 1px dashed #ffc107; /* Borda amarela */
}

/* Adicionar um pouco de espaço no container principal */
main.container {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

/* Cards de Dashboard */
.card.border-start {
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
}


/* Estilos para visualização Kanban */
.kanban-container {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 1rem;
    min-height: 500px;
}

.kanban-column {
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    background-color: #f1f3f5;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.kanban-column-header {
    padding: 0.75rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kanban-column-header h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.kanban-column-body {
    flex: 1;
    padding: 0.75rem;
    overflow-y: auto;
    min-height: 100px;
}

.kanban-card {
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 0.75rem;
    cursor: grab;
}

.kanban-card:active {
    cursor: grabbing;
}

.kanban-card-header {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
}

.ticket-id {
    font-weight: 600;
}

.ticket-dept {
    color: #6c757d;
}

.kanban-card-body {
    padding: 0.75rem;
}

.kanban-card-body h6 {
    margin-bottom: 0.5rem;
}

.ticket-meta {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

.kanban-card-footer {
    padding: 0.5rem 0.75rem;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
}