/* Grupo DIC Portal - layout verde */

.navbar-inverse {
  background-color: #1b5e20;
  border-color: #143d17;
}

.navbar-inverse .navbar-nav > li > a {
  color: #e8f5e9;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand a {
  color: #39ff14;
  text-shadow: 0 0 6px rgba(57, 255, 20, 0.65);
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand a:hover {
  color: #39ff14;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #2e7d32;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .active > a {
  color: #ffffff;
  background-color: #256428;
}

.navbar-inverse .navbar-toggle {
  border-color: #2e7d32;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #e8f5e9;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #e8f5e9;
  color: #1b5e20;
}

a,
a:hover,
a:focus {
  color: #2e7d32;
}

.btn-primary {
  background-color: #2e7d32;
  border-color: #1b5e20;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #1b5e20;
  border-color: #143d17;
}

.label-primary {
  background-color: #2e7d32;
}

.panel-primary {
  border-color: #1b5e20;
}
.panel-primary > .panel-heading {
  background-color: #2e7d32;
  border-color: #1b5e20;
  color: #ffffff;
}

footer {
  border-top: 3px solid #1b5e20;
}

/* Logo (APP_ICON) no navbar verde: versão negativa da marca, sem fundo */
.navbar-inverse .navbar-brand { padding: 8px 15px; }
.navbar-inverse .navbar-brand > img {
  height: 34px !important; width: auto !important;
}

/* Listas do FAB (/users/list/, /roles/list/ ...) no celular: cada linha vira
   um cartão. A tabela e os data-label vêm do override
   templates/appbuilder/general/widgets/list.html. Checkbox + botões
   (ver/editar/apagar) ficam lado a lado no topo do cartão; as colunas embaixo,
   com o rótulo à esquerda. */
@media (max-width: 720px) {
  .table-responsive { border: 0; }
  table.fab-cards thead { display: none; }
  table.fab-cards,
  table.fab-cards tbody,
  table.fab-cards tr,
  table.fab-cards td { display: block; width: auto; }
  table.fab-cards { border: 0; }
  table.fab-cards tbody tr {
    border: 1px solid #ddd;
    border-left: 4px solid #2e7d32;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 8px 12px;
    background: #fff;
  }
  table.fab-cards.table-bordered > tbody > tr > td,
  table.fab-cards > tbody > tr > td {
    border: 0;
    padding: 4px 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  /* rótulo numa coluna fixa à esquerda; flex para rótulo de 2 linhas
     ("Nome de usuário") empurrar a linha em vez de sobrepor a próxima */
  table.fab-cards > tbody > tr > td[data-label] { display: flex; gap: 8px; }
  table.fab-cards td[data-label]::before {
    content: attr(data-label);
    flex: 0 0 88px;
    padding-top: 1px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #777;
  }
  table.fab-cards > tbody > tr > td.fab-cards-check,
  table.fab-cards > tbody > tr > td.fab-cards-crud {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 6px 0;
  }
  table.fab-cards td.fab-cards-check input { margin: 0; transform: scale(1.3); }
  table.fab-cards td.fab-cards-crud center { text-align: left; }
  table.fab-cards td.fab-cards-crud .btn { padding: 4px 12px; font-size: 14px; }
  /* Roles: a coluna Permissions é uma lista de centenas de itens — no cartão
     fica numa caixinha com rolagem própria em vez de esticar a página */
  table.fab-cards td[data-col="permissions"] {
    max-height: 9em;
    overflow-y: auto;
    font-size: 12px;
    color: #555;
  }
  /* cabeçalho da lista (Search / + / Actions / Record Count) */
  .well-sm .pull-right { float: none !important; margin-top: 6px; }
}