/* =========================================================
   VARIÁVEIS
   ========================================================= */
:root {
    --btn-blue: #007bff;

    --admin-orange: #ff8c00;
    --admin-orange-hover: #e67e00;

    --btn-gray-medium: #6c757d;
    --btn-gray-medium-hover: #5f6770;
}

/* =========================================================
   BOTÕES DO FORMULÁRIO (ADD / EDIT)
   ========================================================= */
input[name="_addanother"],
input[name="_continue"] {
    background-color: var(--btn-blue) !important;
    border-color: var(--btn-blue) !important;
    color: #fff !important;
}

/* =========================================================
   ALERTA DE SUCESSO
   ========================================================= */
.alert.alert-success a {
    color: #fff !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
}

/* =========================================================
   INLINE FORMS
   ========================================================= */
.inline-group textarea {
    width: 103% !important;
    height: 200px !important;
    resize: vertical !important;
}

/* =========================================================
   LIST DISPLAY (CHANGELIST)
   ========================================================= */

/* Cabeçalhos das colunas */
#result_list thead th,
#result_list thead th a {
    color: var(--admin-orange) !important;
    font-weight: 500;
}

/* ID como th.field-id */
#result_list tbody th.field-id,
#result_list tbody th.field-id a {
    color: var(--admin-orange) !important;
    font-weight: 400;
}

/* Fallback ID como 2ª coluna */
#result_list tbody td:nth-child(2),
#result_list tbody td:nth-child(2) a {
    color: var(--admin-orange) !important;
    font-weight: 400;
}

/* Hover legível */
#result_list tbody tr:hover td,
#result_list tbody tr:hover th {
    color: #000 !important;
}

/* =========================================================
   BOTÕES "PESQUISAR" e "IR"
   ========================================================= */
#changelist-search input[type="submit"],
#changelist-search .btn,
.actions button,
.actions input[type="submit"] {
    background-color: var(--admin-orange) !important;
    border-color: var(--admin-orange) !important;
    color: #fff !important;
    font-weight: 600;
}

/* Hover controlado */
#changelist-search input[type="submit"]:hover,
.actions button:hover,
.actions input[type="submit"]:hover {
    background-color: var(--admin-orange-hover) !important;
    border-color: var(--admin-orange-hover) !important;
}

/* Focus neutro */
#changelist-search input[type="submit"]:focus,
.actions button:focus,
.actions input[type="submit"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #ced4da;
}

/* =========================================================
   DASHBOARD — TÍTULOS (Administrativo, Financeiro...) LARANJA
   ========================================================= */
.dashboard .card-header,
.dashboard .card-header h3 {
    color: var(--admin-orange) !important;
    font-weight: 500;
}

/* =========================================================
   DASHBOARD — NOMES DOS MODELS (VOLTA PADRÃO)
   ========================================================= */
/* Remove forçamento de cor/weight dos links dos models */
.dashboard .card-body a,
.dashboard-module a,
.app-list a {
    color: inherit !important;
    font-weight: normal !important;
}

/* =========================================================
   DASHBOARD — BOTÕES ADICIONAR / MODIFICAR
   ========================================================= */

/* Remove filtros herdados do tema */
.dashboard .btn-success,
.dashboard .btn-info,
.dashboard a.btn-success,
.dashboard a.btn-info {
    filter: none !important;
    text-shadow: none !important;
}

/* ADICIONAR */
.dashboard .btn-success,
.dashboard a.btn-success {
    background-color: var(--admin-orange) !important;
    border-color: var(--admin-orange) !important;
    color: #fff !important;
    font-weight: 600;
}

.dashboard .btn-success:hover,
.dashboard a.btn-success:hover {
    background-color: var(--admin-orange-hover) !important;
    border-color: var(--admin-orange-hover) !important;
}

/* MODIFICAR */
.dashboard .btn-info,
.dashboard a.btn-info {
    background-color: var(--btn-gray-medium) !important;
    border-color: var(--btn-gray-medium) !important;
    color: #fff !important;
    font-weight: 600;
}

.dashboard .btn-info:hover,
.dashboard a.btn-info:hover {
    background-color: var(--btn-gray-medium-hover) !important;
    border-color: var(--btn-gray-medium-hover) !important;
}

/* Focus neutro */
.dashboard .btn-success:focus,
.dashboard .btn-info:focus,
.dashboard a.btn-success:focus,
.dashboard a.btn-info:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #ced4da;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */
/* Links do breadcrumb */
.breadcrumb-item a {
    color: var(--admin-orange) !important;
    font-weight: 400;
}

.breadcrumb-item a:hover {
    color: var(--admin-orange-hover) !important;
    text-decoration: underline;
}

/* Último item permanece padrão */
.breadcrumb-item.active {
    color: inherit !important;
    font-weight: normal;
}


/* =========================================================
   SIDEBAR — APPS x MODELS (hierarquia visual)
   ========================================================= */

/* ===== NOME DOS APPS (Administrativo, Financeiro, etc.) ===== */
.nav-sidebar .nav-header {
    font-size: 0.9rem;          /* um pouco maior */
    font-weight: 600;           /* mais evidente */
    letter-spacing: 0.03em;     /* dá destaque sem exagerar */
    text-transform: uppercase;  /* cara de seção */
    color: #ced4da !important;  /* cinza claro elegante */
    margin-top: 14px;
    margin-bottom: 6px;
}

/* ===== NOME DOS MODELS ===== */
.nav-sidebar .nav-item > .nav-link {
    font-size: 0.82rem;        /* menor que o app */
    font-weight: 400;          /* mais leve */
    padding: 6px 12px;         /* menu mais compacto */
}

/* Texto do model */
.nav-sidebar .nav-item > .nav-link p {
    margin: 0;
    font-weight: 400;
}

/* Ícones dos models (opcional, mais discretos) */
.nav-sidebar .nav-icon {
    font-size: 0.8rem;
    opacity: 0.85;
}

/* ===== ITEM ATIVO ===== */
.nav-sidebar .nav-item > .nav-link.active {
    background-color: var(--admin-orange) !important;
    color: #fff !important;
    font-weight: 500;
}

/* Ícone do item ativo */
.nav-sidebar .nav-item > .nav-link.active .nav-icon {
    color: #fff !important;
    opacity: 1;
}



/* =========================================================
   BOTÃO "VOLTAR PARA INTRANET" — LARANJA
   ========================================================= */

.intranet-back-link {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: .35rem .7rem;
    border-radius: 8px;
    background-color: var(--admin-orange) !important;
    border: 1px solid var(--admin-orange) !important;
    color: #fff !important;
    font-size: .85rem;
    font-weight: 500;
    text-decoration: none !important;
}

/* Hover elegante (sem escurecer “sujo”) */
.intranet-back-link:hover {
    background-color: var(--admin-orange-hover) !important;
    border-color: var(--admin-orange-hover) !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Focus neutro (igual ao resto do admin) */
.intranet-back-link:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #ced4da;
}


/* =========================================================
   CHANGELIST — SEM QUEBRA + SCROLL HORIZONTAL (SEM CORTAR)
   ========================================================= */

#changelist .results {
  overflow-x: auto;
}

/* mantém a tabela como tabela (não "block") */
#changelist .results table#result_list {
  width: max-content;      /* cresce conforme o conteúdo */
  table-layout: auto;      /* NÃO fixa largura */
}

/* não quebra linha */
#changelist #result_list th,
#changelist #result_list td,
#changelist #result_list th *,
#changelist #result_list td * {
  white-space: nowrap !important;
}

/* remove qualquer corte/reticências */
#changelist #result_list th,
#changelist #result_list td {
  overflow: visible !important;
  text-overflow: unset !important;
}


/* ===============================
   LOGIN – CENTRALIZAÇÃO TOTAL
   =============================== */

/* Centraliza tudo vertical e horizontal */
.login-page,
.register-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

/* Container do login */
.login-box {
  margin: 0 !important;
}

/* ===============================
   LOGO CENTRALIZADA
   =============================== */

.login-logo {
  text-align: center;
  margin-bottom: 30px;
}

.login-logo img {
  max-width: 420px;
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 0 auto;
}

/* ===============================
   CARD DO LOGIN
   =============================== */

.login-box-body,
.card {
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

/* ===============================
   BOTÃO ACESSAR – LARANJA
   =============================== */

.btn-primary {
  background-color: #fd7e14 !important;
  border-color: #fd7e14 !important;
  font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #ff922b !important;
  border-color: #ff922b !important;
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.35) !important;
}

/* ===============================
   INPUTS (opcional)
   =============================== */

.form-control:focus {
  border-color: #fd7e14 !important;
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25) !important;
}

/* =========================================================
   PAGINAÇÃO – APENAS NUMERAÇÃO (Jazzmin / Bootstrap)
   ========================================================= */

/* números das páginas */
.pagination .page-link {
    color: var(--admin-orange) !important;
}

/* página ativa */
.pagination .page-item.active .page-link {
    background-color: var(--admin-orange) !important;
    border-color: var(--admin-orange) !important;
    color: #fff !important;
}

/* hover */
.pagination .page-link:hover {
    background-color: var(--admin-orange-hover) !important;
    border-color: var(--admin-orange-hover) !important;
    color: #fff !important;
}

/* remove azul do focus */
.pagination .page-link:focus {
    box-shadow: none !important;
}

/* =========================================================
   FORM ADMIN — FIELDSETS COMO TABS (VISUAL MELHORADO)
   ========================================================= */

/* Tabs base */
.nav-tabs {
    border-bottom: 1px solid #dee2e6 !important;
}

/* Aba padrão (inativa) */
.nav-tabs .nav-link {
    color: #6c757d !important;        /* cinza elegante */
    font-weight: 500;
    border: 1px solid transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 8px 14px;
    margin-right: 4px;
}

/* Hover da aba inativa */
.nav-tabs .nav-link:hover {
    color: var(--admin-orange) !important;
    background-color: #fff3e6;       /* laranja bem suave */
    border-color: #ffe0c2;
}

/* Aba ATIVA */
.nav-tabs .nav-link.active {
    background-color: var(--admin-orange) !important;
    color: #ffffff !important;
    border-color: var(--admin-orange) var(--admin-orange) #ffffff !important;
    font-weight: 600;
}

/* Remove sombra/efeito estranho */
.nav-tabs .nav-link.active:focus {
    box-shadow: none !important;
}

/* Conteúdo abaixo da aba (card) */
.tab-content {
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 18px;
    background-color: #ffffff;
}

/* =========================================================
   LINKS DA LISTAGEM (CHANGELIST) — SEM AFETAR BOTÕES
   ========================================================= */

/* Apenas links dentro da tabela de resultados do admin */
.change-list #result_list tbody td a
  :not(.btn)
  :not(.button)
  :not(.badge)
  :not([class*="btn"])
{
    color: #ff7a00 !important; /* laranja padrão */
    font-weight: 600;
}

/* Hover apenas nesses links */
.change-list #result_list tbody td a
  :not(.btn)
  :not(.button)
  :not(.badge)
  :not([class*="btn"]):hover
{
    color: #e66a00 !important;
    text-decoration: underline;
}

/* =========================
   Django Admin - Data/Hora (Hoje | Relógio)
   ========================= */

/* Links "Hoje" e ícones de calendário/relógio */
.datetimeshortcuts a,
.datetimeshortcuts .calendarlink,
.datetimeshortcuts .clocklink {
    color: #ff8c00 !important; /* laranja padrão */
    font-weight: 600;
}

/* Hover */
.datetimeshortcuts a:hover,
.datetimeshortcuts .calendarlink:hover,
.datetimeshortcuts .clocklink:hover {
    color: #e67600 !important;
    text-decoration: underline;
}

/* Ícones SVG (Jazzmin usa SVG) */
.datetimeshortcuts svg {
    fill: #ff8c00 !important;
}

/* Hover dos ícones */
.datetimeshortcuts a:hover svg {
    fill: #e67600 !important;
}

/* Select2 - itens selecionados (chips) */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
    background-color: #ff9800 !important; /* laranja padrão */
    border: 1px solid #e68900 !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 4px;
}

/* Texto dentro do chip */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__display {
    color: #fff !important;
}

/* Botão de remover (x) */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
    color: #fff !important;
    margin-right: 6px;
}

.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove:hover {
    color: #000 !important;
}