/* ====================================================
   DESK — Bioenergia do Brasil S/A
   Guacamole 1.6.0 — Dark Blue Theme
   Stratum7 Networks
   ==================================================== */

/* ── Fundo geral: navy profundo com glow azul central ── */
.login-ui {
    background: #050c18 !important;
    background-image: radial-gradient(ellipse 70% 60% at 50% 40%,
        rgba(37, 99, 235, 0.09) 0%,
        transparent 70%) !important;
    min-height: 100vh;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ── Centralizador vertical ── */
.login-ui .login-dialog-middle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
}

/* ── Card principal ── */
.login-ui .login-dialog {
    background: #0a1628 !important;
    border: 1px solid #1a3a5f !important;
    border-top: 2px solid #2563eb !important;
    border-radius: 16px !important;
    box-shadow:
        0 0 0 1px rgba(37, 99, 235, 0.08),
        0 8px 40px rgba(0, 0, 0, 0.7),
        0 0 60px rgba(37, 99, 235, 0.06) !important;
    padding: 40px 48px !important;
    min-width: 340px !important;
    max-width: 420px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ── Logo área — esconde imagem padrão, usa texto CSS ── */
.login-ui .logo {
    background-image: none !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    text-align: center !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
}

.login-ui .logo::before {
    content: "DESK";
    display: block;
    font-size: 2.8em;
    font-weight: 800;
    letter-spacing: 0.22em;
    color: #60a5fa;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    line-height: 1;
    text-shadow:
        0 0 20px rgba(96, 165, 250, 0.5),
        0 0 60px rgba(37, 99, 235, 0.25);
}

/* ── Nome do aplicativo ── */
.login-ui .app-name {
    color: #64748b !important;
    font-size: 0.76em !important;
    font-weight: 400 !important;
    text-align: center !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
    display: block !important;
}

/* ── Número de versão — ocultar ── */
.login-ui .version-number {
    display: none !important;
}

/* ── Separador após cabeçalho ── */
.login-ui .login-form {
    margin-top: 30px !important;
}

/* ── Labels dos campos ── */
.login-ui .field .caption,
.login-ui .field label,
.login-ui label {
    color: #64748b !important;
    font-size: 0.78em !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* ── Campos de texto / senha ── */
.login-ui input[type="text"],
.login-ui input[type="password"],
.login-ui input[type="email"] {
    background: #060e1a !important;
    border: 1px solid #1e3657 !important;
    border-radius: 8px !important;
    color: #e2e8f0 !important;
    padding: 10px 14px !important;
    width: 100% !important;
    font-size: 0.93em !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

.login-ui input[type="text"]:focus,
.login-ui input[type="password"]:focus,
.login-ui input[type="email"]:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

.login-ui input[type="text"]::placeholder,
.login-ui input[type="password"]::placeholder {
    color: #1e3657 !important;
}

/* ── Espaçamento entre campos ── */
.login-ui .field {
    margin-bottom: 16px !important;
}

/* ── Botão Entrar ── */
.login-ui .buttons input[type="submit"],
.login-ui .buttons input.login,
.login-ui input[type="submit"].login {
    background: #1d4ed8 !important;
    background-image: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 0.95em !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 12px 20px !important;
    width: 100% !important;
    cursor: pointer !important;
    margin-top: 8px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
    text-shadow: none !important;
    box-shadow: 0 4px 14px rgba(29, 78, 216, 0.4) !important;
}

.login-ui .buttons input[type="submit"]:hover,
.login-ui .buttons input.login:hover {
    background: #2563eb !important;
    background-image: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.55) !important;
}

.login-ui .buttons input[type="submit"]:active,
.login-ui .buttons input.login:active {
    background: #1e40af !important;
    background-image: none !important;
    box-shadow: 0 2px 6px rgba(29, 78, 216, 0.4) !important;
}

/* ── Mensagem de erro ── */
.login-ui .login-error,
.login-ui .error,
.login-ui .message.error {
    background: rgba(239, 68, 68, 0.08) !important;
    border: 1px solid rgba(239, 68, 68, 0.4) !important;
    border-radius: 8px !important;
    color: #f87171 !important;
    padding: 10px 14px !important;
    font-size: 0.84em !important;
    margin-top: 14px !important;
    text-align: center !important;
}

/* ── Rodapé discreto ── */
.login-ui .login-dialog::after {
    content: "Stratum7 Networks \B7 Acesso Restrito";
    display: block;
    text-align: center;
    color: #1e3657;
    font-size: 0.62em;
    letter-spacing: 0.08em;
    margin-top: 30px;
    text-transform: uppercase;
    user-select: none;
}

/* ── Scrollbar: tons de azul escuro ── */
::-webkit-scrollbar               { width: 6px; }
::-webkit-scrollbar-track         { background: #050c18; }
::-webkit-scrollbar-thumb         { background: #1e3657; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover   { background: #2563eb; }

/* ── Texto de ajuda / instrução (TOTP, MFA, etc.) ── */
.login-ui .login-form > p {
    color: #60a5fa !important;
    text-align: center !important;
    font-size: 0.85em !important;
    line-height: 1.6 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

/* ============================================================
   INTERFACE PRINCIPAL — Dark Blue Theme
   ============================================================ */

/* ── Base global ── */
html, body {
    background: #050c18 !important;
    color: #e2e8f0 !important;
}

#content {
    background: #050c18 !important;
    min-height: 100vh;
}

/* ── Home view ── */
.home-view,
.connection-list-ui {
    background: #050c18 !important;
}

/* ── Cabeçalhos de seção (CONEXÕES RECENTES / TODAS AS CONEXÕES) ── */
.connection-list-ui .header {
    background: #050c18 !important;
    border-bottom: 1px solid #1a3a5f !important;
    padding: 14px 20px !important;
}

.connection-list-ui .header h2 {
    color: #60a5fa !important;
    font-size: 0.72em !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

/* ── Área de todas as conexões ── */
.all-connections {
    background: #050c18 !important;
    padding: 8px 0 !important;
}

/* ── Grupos (DESKTOPS, RDS) ── */
.group-list .connection-group > .caption,
.group-list .balancer > .caption {
    background: #0a1628 !important;
    border: 1px solid #1a3a5f !important;
    border-radius: 6px !important;
    margin: 4px 12px !important;
    padding: 8px 12px !important;
    transition: background 0.15s ease;
}

.group-list .connection-group > .caption:hover,
.group-list .balancer > .caption:hover {
    background: #0d1f3c !important;
    border-color: #2563eb !important;
}

.group-list .connection-group .caption .home-connection-group .name,
.group-list .caption .name {
    color: #e2e8f0 !important;
    font-weight: 600 !important;
}

/* ── Ícone expandir/colapsar ── */
.group-list .icon.expand {
    filter: invert(60%) sepia(60%) saturate(400%) hue-rotate(190deg) !important;
}

/* ── Itens de conexão individuais ── */
.group-list .connection > .caption {
    background: transparent !important;
    border-radius: 6px !important;
    margin: 2px 12px 2px 28px !important;
    padding: 6px 12px !important;
    transition: background 0.15s ease;
}

.group-list .connection > .caption:hover {
    background: #0d1f3c !important;
}

.group-list .connection .home-connection {
    color: #94a3b8 !important;
    text-decoration: none !important;
}

.group-list .connection .home-connection:hover {
    color: #60a5fa !important;
}

.group-list .connection .home-connection .name {
    color: #94a3b8 !important;
}

.group-list .connection .home-connection:hover .name {
    color: #60a5fa !important;
}

.group-list .connection .home-connection.active .name {
    color: #34d399 !important;
}

/* ── Conexões recentes (thumbnails) ── */
.recent-connections {
    background: #050c18 !important;
    padding: 16px 20px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.recent-connections .connection {
    background: #0a1628 !important;
    border: 1px solid #1a3a5f !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.recent-connections .connection:hover {
    border-color: #2563eb !important;
    box-shadow: 0 4px 16px rgba(37,99,235,0.25) !important;
}

.recent-connections .connection .caption {
    background: #0d1f3c !important;
    padding: 6px 10px !important;
}

.recent-connections .connection .caption .name {
    color: #e2e8f0 !important;
    font-size: 0.82em !important;
}

/* ── Filtro de conexões ── */
.guac-filter input,
input[placeholder*="Filtro"],
input[placeholder*="Filter"] {
    background: #0a1628 !important;
    border: 1px solid #1a3a5f !important;
    border-radius: 6px !important;
    color: #e2e8f0 !important;
    padding: 6px 12px !important;
    font-size: 0.85em !important;
    outline: none !important;
    transition: border-color 0.2s;
}

.guac-filter input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
}

/* ── Menu do usuário (dropdown: guacadmin ▾) ── */
.user-menu .menu-dropdown {
    background: transparent !important;
    cursor: pointer;
}

.user-menu .menu-title {
    color: #60a5fa !important;
    font-weight: 600 !important;
    font-size: 0.88em !important;
}

.user-menu .menu-indicator {
    border-top-color: #60a5fa !important;
}

.user-menu .menu-contents {
    background: #0a1628 !important;
    border: 1px solid #1a3a5f !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
    padding: 8px 0 !important;
    min-width: 180px !important;
}

/* ── Links do dropdown (Principal, Configurações, Sair) ── */
.user-menu .action-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.user-menu .action-list li a,
.user-menu .action-list li a:visited {
    color: #94a3b8 !important;
    display: block !important;
    padding: 9px 18px !important;
    font-size: 0.88em !important;
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s;
}

.user-menu .action-list li a:hover {
    background: #0d1f3c !important;
    color: #60a5fa !important;
}

/* ── Página de configurações / admin ── */
.settings-view,
.manage-view,
.import-view {
    background: #050c18 !important;
    color: #e2e8f0 !important;
}

/* ── Abas de seção (Usuários, Grupos, Conexões, etc.) ── */
.section-tabs .tab {
    background: #0a1628 !important;
    border: 1px solid #1a3a5f !important;
    color: #94a3b8 !important;
    border-radius: 6px 6px 0 0 !important;
}

.section-tabs .tab.active,
.section-tabs .tab:hover {
    background: #0d1f3c !important;
    color: #60a5fa !important;
    border-bottom-color: #0d1f3c !important;
}

/* ── Tabelas de usuários/conexões/histórico ── */
table, .list-table {
    background: #0a1628 !important;
    border-collapse: collapse !important;
}

table th {
    background: #0d1f3c !important;
    color: #60a5fa !important;
    border-bottom: 1px solid #1a3a5f !important;
    font-size: 0.78em !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 10px 14px !important;
}

table td {
    color: #e2e8f0 !important;
    border-bottom: 1px solid #0d1f3c !important;
    padding: 9px 14px !important;
    font-size: 0.88em !important;
}

table tr:hover td {
    background: #0d1f3c !important;
}

/* ── Inputs e selects do admin ── */
.manage-view input[type="text"],
.manage-view input[type="password"],
.manage-view input[type="email"],
.manage-view select,
.settings-view input[type="text"],
.settings-view select {
    background: #060e1a !important;
    border: 1px solid #1e3657 !important;
    border-radius: 6px !important;
    color: #e2e8f0 !important;
    padding: 7px 12px !important;
}

.manage-view input:focus,
.settings-view input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
    outline: none !important;
}

/* ── Botões do admin (Salvar, Deletar, etc.) ── */
.manage-view .button,
.manage-view button,
.settings-view button,
input[type="button"],
input[type="submit"]:not(.login):not(.continue-login) {
    background: #1d4ed8 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 6px !important;
    color: #fff !important;
    padding: 8px 18px !important;
    font-size: 0.88em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s;
}

.manage-view .button:hover,
.manage-view button:hover,
.settings-view button:hover {
    background: #2563eb !important;
}

/* ── Modais / notificações ── */
.modal,
.notification {
    background: #0a1628 !important;
    border: 1px solid #1a3a5f !important;
    border-radius: 12px !important;
    color: #e2e8f0 !important;
}

/* ── Paginação ── */
.pager .page-button {
    background: #0a1628 !important;
    border: 1px solid #1a3a5f !important;
    color: #94a3b8 !important;
    border-radius: 4px !important;
}

.pager .page-button.current,
.pager .page-button:hover {
    background: #1d4ed8 !important;
    color: #fff !important;
    border-color: #1d4ed8 !important;
}

/* ============================================================
   FIX — Textos escuros + Tabelas elegantes
   ============================================================ */

/* ── Cabeçalho CONFIGURAÇÕES / HOME ── */
.header h2,
.settings-view .header h2,
.home-view .header h2 {
    color: #60a5fa !important;
    font-size: 0.72em !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

/* ── Abas de navegação (Usuários, Histórico, Grupos…) ── */
.page-tabs {
    background: #050c18 !important;
    border-bottom: 1px solid #1a3a5f !important;
    padding: 0 16px !important;
}

.page-list,
.page-list .page-list-level {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
}

.page-list .page-list-level li a,
.page-list .page-list-level li a:visited {
    display: inline-block !important;
    color: #64748b !important;
    text-decoration: none !important;
    font-size: 0.82em !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    padding: 10px 16px !important;
    border-bottom: 2px solid transparent !important;
    transition: color 0.15s, border-color 0.15s !important;
}

.page-list .page-list-level li a:hover {
    color: #93c5fd !important;
    border-bottom-color: #2563eb !important;
}

.page-list .page-list-level li a.current {
    color: #60a5fa !important;
    border-bottom-color: #60a5fa !important;
}

/* ── Texto descritivo das páginas ── */
.settings.section > p,
.settings-view p,
.settings.section .action-buttons + p {
    color: #64748b !important;
    font-size: 0.86em !important;
    line-height: 1.65 !important;
    margin-bottom: 16px !important;
}

/* ── Toolbar (barra com botão + filtro) ── */
.toolbar {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    flex-wrap: wrap !important;
}

.action-buttons {
    display: flex !important;
    gap: 8px !important;
}

/* ── Botão de ação (Encerrar Sessões, Novo Usuário, etc.) ── */
.action-buttons .button,
.action-buttons a.button,
.action-buttons button {
    display: inline-block !important;
    background: #1d4ed8 !important;
    border: none !important;
    border-radius: 7px !important;
    color: #ffffff !important;
    font-size: 0.82em !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background 0.2s, box-shadow 0.2s !important;
}

.action-buttons .button:hover,
.action-buttons button:hover {
    background: #2563eb !important;
    box-shadow: 0 4px 12px rgba(37,99,235,0.4) !important;
}

.action-buttons .danger {
    background: #991b1b !important;
}
.action-buttons .danger:hover {
    background: #dc2626 !important;
    box-shadow: 0 4px 12px rgba(220,38,38,0.4) !important;
}

/* ── Input de filtro ── */
.filter input.search-string {
    background: #060e1a !important;
    border: 1px solid #1e3657 !important;
    border-radius: 7px !important;
    color: #e2e8f0 !important;
    padding: 8px 14px !important;
    font-size: 0.84em !important;
    outline: none !important;
    min-width: 220px !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

.filter input.search-string:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
}

.filter input.search-string::placeholder {
    color: #334155 !important;
}

/* ── Tabelas elegantes ── */
table.sorted {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #1a3a5f !important;
    background: #0a1628 !important;
}

table.sorted thead tr {
    background: #0d1f3c !important;
}

table.sorted thead th {
    color: #60a5fa !important;
    font-size: 0.72em !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #1a3a5f !important;
    border-right: 1px solid #162742 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    user-select: none !important;
}

table.sorted thead th:last-child {
    border-right: none !important;
}

table.sorted tbody tr {
    transition: background 0.12s ease !important;
}

table.sorted tbody tr:nth-child(even) {
    background: #060e1a !important;
}

table.sorted tbody tr:nth-child(odd) {
    background: #0a1628 !important;
}

table.sorted tbody tr:hover {
    background: #0d2248 !important;
}

table.sorted tbody td {
    color: #cbd5e1 !important;
    font-size: 0.86em !important;
    padding: 11px 16px !important;
    border-bottom: 1px solid #0d1f3c !important;
    border-right: 1px solid #0d1f3c !important;
    vertical-align: middle !important;
}

table.sorted tbody td:last-child {
    border-right: none !important;
}

table.sorted tbody tr:last-child td {
    border-bottom: none !important;
}

/* Links dentro das tabelas */
table.sorted tbody td a,
table.sorted tbody td a:visited {
    color: #60a5fa !important;
    text-decoration: none !important;
}

table.sorted tbody td a:hover {
    color: #93c5fd !important;
    text-decoration: underline !important;
}

/* Texto "Nenhuma sessão ativa" / placeholders */
table.sorted + p.placeholder,
.settings.section p.placeholder {
    color: #334155 !important;
    text-align: center !important;
    padding: 32px !important;
    font-size: 0.9em !important;
    font-style: italic !important;
}

/* Ícone de ordenação nas colunas */
table.sorted th[guac-sort-order]::after {
    content: " ⇅";
    color: #1e3657 !important;
    font-size: 0.8em !important;
}

/* ── Menu usuário — dropdown links visíveis ── */
.user-menu .menu-contents .page-list .page-list-level li a,
.user-menu .menu-contents .page-list .page-list-level li a:visited {
    color: #94a3b8 !important;
    display: block !important;
    padding: 9px 18px !important;
    font-size: 0.85em !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s !important;
}

.user-menu .menu-contents .page-list .page-list-level li a:hover {
    background: #0d1f3c !important;
    color: #60a5fa !important;
}

/* Divisor entre seções do dropdown */
.user-menu .menu-contents .action-list + .page-list,
.user-menu .menu-contents .page-list + .action-list {
    border-top: 1px solid #1a3a5f !important;
    margin-top: 4px !important;
    padding-top: 4px !important;
}

/* Checkbox das tabelas */
table.sorted input[type="checkbox"] {
    accent-color: #2563eb !important;
    width: 15px !important;
    height: 15px !important;
}

/* ============================================================
   V2 — Tabela moderna + Dropdown fix (override das regras anteriores)
   ============================================================ */

/* ── Remove todas as bordas pesadas de células ── */
table.sorted,
table.sorted thead,
table.sorted tbody,
table.sorted tfoot,
table.sorted th,
table.sorted td,
table.sorted tr {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ── Container da tabela com card arredondado ── */
table.sorted {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    margin: 4px 0 !important;
}

/* Wrapper arredondado via div pai (se existir), senão overflow hidden na table */
.settings.section table.sorted,
.settings section table.sorted {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 0 0 1px rgba(26,58,95,0.6) !important;
}

/* ── Cabeçalho das colunas ── */
table.sorted thead tr {
    background: linear-gradient(180deg, #0d1f3c 0%, #0a1a32 100%) !important;
}

table.sorted thead th {
    background: transparent !important;
    color: #60a5fa !important;
    font-size: 0.70em !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid rgba(37,99,235,0.25) !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

table.sorted thead th:hover {
    background: rgba(37,99,235,0.08) !important;
}

/* Remove o ⇅ inline — usa espaço limpo */
table.sorted thead th[guac-sort-order]::after {
    content: "" !important;
}

/* ── Linhas do corpo ── */
table.sorted tbody tr {
    background: transparent !important;
    border-bottom: 1px solid rgba(13,31,60,0.9) !important;
    transition: background 0.12s ease !important;
}

table.sorted tbody tr:nth-child(even) {
    background: rgba(6,14,26,0.5) !important;
}

table.sorted tbody tr:hover {
    background: rgba(37,99,235,0.09) !important;
    border-bottom-color: rgba(37,99,235,0.15) !important;
}

table.sorted tbody tr:last-child {
    border-bottom: none !important;
}

/* ── Células ── */
table.sorted tbody td {
    background: transparent !important;
    color: #cbd5e1 !important;
    font-size: 0.875em !important;
    padding: 13px 18px !important;
    vertical-align: middle !important;
    line-height: 1.4 !important;
}

/* Links nas células */
table.sorted td a,
table.sorted td a:visited {
    color: #60a5fa !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
table.sorted td a:hover { color: #93c5fd !important; text-decoration: underline !important; }

/* Checkbox col */
table.sorted td.select-session,
table.sorted th.select-session {
    width: 40px !important;
    text-align: center !important;
    padding: 13px 8px !important;
}

/* Placeholder "Nenhuma sessão ativa" */
p.placeholder {
    color: #334155 !important;
    text-align: center !important;
    padding: 40px 20px !important;
    font-size: 0.9em !important;
    font-style: italic !important;
    letter-spacing: 0.03em !important;
}

/* ── Dropdown do usuário (guacadmin ▾) — fix completo ── */
.user-menu .menu-dropdown {
    position: relative !important;
}

.user-menu .menu-dropdown .menu-title {
    color: #60a5fa !important;
    font-weight: 600 !important;
    font-size: 0.88em !important;
    letter-spacing: 0.03em !important;
}

.user-menu .menu-dropdown .menu-contents {
    position: absolute !important;
    right: 0 !important;
    top: 100% !important;
    z-index: 9999 !important;
    background: #0d1f3c !important;
    border: 1px solid rgba(37,99,235,0.35) !important;
    border-radius: 10px !important;
    box-shadow:
        0 8px 32px rgba(0,0,0,0.7),
        0 0 0 1px rgba(96,165,250,0.05) !important;
    padding: 6px 0 !important;
    min-width: 170px !important;
    overflow: hidden !important;
}

/* Links dentro do dropdown */
.user-menu .menu-contents a,
.user-menu .menu-contents .action-list li a,
.user-menu .menu-contents .page-list li a {
    display: block !important;
    color: #94a3b8 !important;
    font-size: 0.875em !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding: 10px 18px !important;
    border: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: background 0.12s, color 0.12s !important;
    cursor: pointer !important;
}

.user-menu .menu-contents a:hover,
.user-menu .menu-contents .action-list li a:hover,
.user-menu .menu-contents .page-list li a:hover {
    background: rgba(37,99,235,0.12) !important;
    color: #60a5fa !important;
}

/* Divisor entre grupos de links */
.user-menu .menu-contents .action-list,
.user-menu .menu-contents .page-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.user-menu .menu-contents .action-list + .action-list,
.user-menu .menu-contents .page-list + .action-list {
    border-top: 1px solid rgba(26,58,95,0.6) !important;
    margin-top: 4px !important;
    padding-top: 4px !important;
}

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/* Label/tag denoting the user that shared a connection */
.jdbc-share-tag {

    background: #0095ff;
    padding: 0.25em;

    -moz-border-radius:    0.25em;
    -webkit-border-radius: 0.25em;
    -khtml-border-radius:  0.25em;
    border-radius:         0.25em;

    color: white;
    font-size: 0.75em;
    font-weight: bold;

}
.restrictionList{border:0}button.restrictionListButton{font-size:.75em}img.restrictionListHeader{width:.75em;height:.75em}img.restrictionListItem{width:1em;height:1em}.totp-enroll p,.totp-details{font-size:.8em}.totp-qr-code{text-align:center}.totp-qr-code img{margin:1em;border:1px solid rgba(0,0,0,0.25);box-shadow:1px 1px 2px rgba(0,0,0,0.25);cursor:pointer}h3.totp-details-header{font-size:.8em}h3.totp-details-header::before{content:'▸ '}.totp-details-visible h3.totp-details-header::before{content:'▾ '}.totp-details,.totp-hide-details{display:none}.totp-details-visible .totp-details{display:table}.totp-details-visible .totp-hide-details{display:inline}.totp-details-visible .totp-show-details{display:none}.totp-hide-details,.totp-show-details{color:blue;text-decoration:underline;cursor:pointer;margin:0 .25em;font-weight:normal}.totp-details{margin:0 auto}.totp-details th{padding-right:.25em;text-align:left}.totp-details td{font-family:monospace}.totp-detail{display:inline-block;margin:0 .25em}guac-client-statistics{font-size:13px;color:white;background:#111}guac-client-statistics dl.client-statistics{display:table;margin:0;padding:.25em}guac-client-statistics dl.client-statistics dt,guac-client-statistics dl.client-statistics dd{display:table-cell;padding:.25em}guac-client-statistics dl.client-statistics dt{padding-right:.5em;padding-left:1em}guac-client-statistics dl.client-statistics dt:first-child{padding-left:.5em}guac-client-statistics dl.client-statistics dd{min-width:6em;border:1px solid rgba(255,255,255,0.125);border-radius:3px;background:black}guac-client-statistics dl.client-statistics dd.no-value::before{color:#888;content:'-'}