/* Tema escuro leve por cima do Bootstrap 4 alpha + seu tema atual */
/* Paleta reaproveitando suas cores */
:root {
  --bg: #2b2d30;
  --bg-2: #31343a;
  --bg-3: #3a3f46;
  --border: #444a55;
  --text: #e6e6e6;
  --text-dim: #b7bec8;

  --brand: #4aa8ff;
  --brand-strong: #3a8fe0;
  --accent: #4aa8ff;

  --link: var(--brand);
  --link-hover: var(--brand-strong);
}



/* Fundo e texto base */
html, body {
  background-color: var(--bg) !important;
  color: var(--text) !important;
}

/* Links */
a { color: var(--link) !important; }
a:hover, a:focus { color: var(--link-hover) !important; text-decoration: none; }

/* Navbar */
.navbar,
.navbar-inverse,
.navbar-dark {
  background-color: var(--bg-2) !important;
  border-color: var(--border) !important;
}
.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-text {
  color: var(--text) !important;
}
.navbar .nav-link:hover,
.navbar .navbar-brand:hover { color: var(--link) !important; }

/* Cards / Panels */
.card,
.panel,
.list-group {
  background-color: var(--bg-2) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
.card-header,
.card-footer,
.list-group-item {
  background-color: var(--bg-2) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
.card .list-group-item:hover { color: var(--link-hover) !important; }

/* Botões (primário na sua paleta) */
.btn-primary {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
  background-color: var(--brand-strong) !important;
  border-color: var(--brand-strong) !important;
}

/* Botões padrão/outline em fundo escuro */
.btn,
.btn-default,
.btn-secondary {
  background-color: transparent !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
.btn:hover,
.btn:focus {
  background-color: rgba(255,255,255,0.04) !important;
}

/* Formulários */
.form-control,
.custom-select,
.input-group-addon {
  background-color: #0f131a !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
.form-control:focus,
.custom-select:focus {
  border-color: var(--accent) !important;
  box-shadow: none !important;
}

/* Tabelas */
.table {
  color: var(--text) !important;
  background-color: var(--bg-2) !important;
}
.table td, .table th {
  border-color: var(--border) !important;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255,255,255,0.03) !important;
}

/* Dropdowns / Menus */
.dropdown-menu {
  background-color: var(--bg-2) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
.dropdown-item { color: var(--text) !important; }
.dropdown-item:hover, .dropdown-item:focus {
  background-color: rgba(255,255,255,0.06) !important;
  color: var(--text) !important;
}

/* Paginação */
.page-link {
  background-color: var(--bg-2) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
.page-link:hover { color: var(--link) !important; }

/* Bordas horizontais e hr */
hr,
.border,
.border-top,
.border-bottom {
  border-color: var(--border) !important;
}

/* Ajustes finos do tema original que usavam suas cores */
.card-header .btn-go-back { color: var(--brand) !important; }
.card-header .btn-go-back:hover,
.card-header .btn-go-back:focus { color: var(--brand-strong) !important; }

/* Destacar título e botão voltar no modo escuro */

/* Título da página (Arquivos, etc.) */
.card-header .title {
  color: var(--brand);
  font-weight: 600; /* mais negrito */
}

/* Botão voltar */
.btn-go-back {
  color: var(--brand) !important;
}

.btn-go-back:hover,
.btn-go-back:focus {
  color: var(--brand-strong) !important;
}


/* ===== Layout da lista: nome + badges à esquerda, data à direita ===== */
.list-group .list-group-item {
  display: flex;
  align-items: center;
  padding: .6rem .9rem;
  gap: .75rem;
  width: 100%;
}

/* bloco da esquerda: nome + badges */
.file-left {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-width: 0;                 /* habilita truncar o nome longo */
  flex: 1 1 auto;
}

/* nome do arquivo com reticências se ficar grande */
.file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* bloco da direita: data fixa e alinhada à direita */
.file-right {
  margin-left: auto;            /* empurra pra direita */
  flex: 0 0 180px;              /* “coluna” fixa p/ alinhar datas */
  text-align: right;
  white-space: nowrap;
  color: var(--text-dim);
  font-variant-numeric: tabular-nums;
  font-size: .9rem;
}

/* badges de tamanho usando Bootstrap; ajustadas para o tema */
.file-left .badge { 
  font-weight: 300; 
  font-size: 12px;
}

/* hover sutil */
.list-group-item:hover {
  background-color: rgba(255,255,255,0.04) !important;
}