/**
 * custom.css
 * Estilos customizados Corebot Py - marca e títulos
 ******************************************************************************/

.corebot-brand {
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1.5rem;
  text-transform: none !important;
}

.page-title {
  font-family: 'Orbitron', sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 1.75rem;
  text-align: left;
  margin: 2rem 0 1.5rem 0;
}

.page-title-left {
  font-family: 'Orbitron', sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 1.75rem;
  margin: 0 0 0.5rem 0;
}

/* Menu lateral: espaçamento do topo */
#layout-menu {
  padding-top: 1rem !important;
}

#layout-menu .menu-inner {
  margin-top: 4rem !important;
}

/* Login - brand no card de autenticação */
.authentication-wrapper .app-brand-text.demo {
  font-size: 1.5rem;
}

.authentication-wrapper .corebot-brand {
  font-size: 1.5rem;
}

/* Botão com mesma altura que form-control (inputs) */
.btn-match-input {
  height: calc(1.5em + 1.711rem + 2px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* × para remover workspace - minimalista, visível em ambos os temas */
.badge-remove-ws {
  cursor: pointer;
  font-weight: 300;
}

.badge-remove-ws:hover {
  opacity: 1 !important;
}

.badge-remove-ws:focus {
  outline: none;
}

/* Padronizar espaçamento do menu dropdown Ações (usuários, máquinas, etc.) */
.table .dropdown-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.table .dropdown-menu li form {
  margin: 0;
  padding: 0;
}

.table .dropdown-menu .dropdown-item,
.table .dropdown-menu span.dropdown-item,
.table .dropdown-menu button.dropdown-item {
  padding: 0.375rem 1rem;
  line-height: 1.4;
  white-space: nowrap;
}

.table .dropdown-menu .dropdown-item .d-block,
.table .dropdown-menu .dropdown-item small {
  white-space: normal;
  line-height: 1.3;
}

.table .dropdown-menu .dropdown-divider {
  margin: 0.375rem 0;
}

/* Workspaces: layout 30% formulário | 70% tabela (desktop) */
@media (min-width: 992px) {
  .col-ws-form {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-ws-table {
    flex: 1 1 70%;
    min-width: 0;
  }
}