/* Minimal dark theme for Apache Guacamole UI */

html, body {
  background: #121212 !important;
  color: #e0e0e0 !important;
}

/* Main panels */
.login-ui, .home-ui, .settings-ui, .manage-ui {
  background: #121212 !important;
  color: #e0e0e0 !important;
}

div.login-ui .login-dialog,
div.home-ui .header,
div.home-ui .section,
div.settings-ui .settings,
div.manage-ui .manage {
  background: #1b1b1b !important;
  color: #e0e0e0 !important;
  border-color: #2a2a2a !important;
}

/* Lists / connection tiles */
.connection,
.connection-group,
.list-item,
.list-item .caption,
.header,
.section h2 {
  background: #1b1b1b !important;
  color: #e0e0e0 !important;
}

/* Inputs */
input, select, textarea {
  background: #222 !important;
  color: #e0e0e0 !important;
  border: 1px solid #333 !important;
}

/* Buttons */
button, .button, input[type="submit"] {
  background: #2b2b2b !important;
  color: #e0e0e0 !important;
  border: 1px solid #3a3a3a !important;
}

/* Links */
a { color: #8ab4f8 !important; }

/* Guacamole top bar and side menu */
.navbar, .menu, .menu-content, .header, .footer {
  background: #161616 !important;
  border-color: #2a2a2a !important;
}

/* Dialog overlays */
.modal, .modal-dialog, .notification, .notification .content {
  background: #1b1b1b !important;
  color: #e0e0e0 !important;
  border-color: #2a2a2a !important;
}
/* Dropdowns / Menüs (User-Menü oben rechts etc.) */
.menu, .menu-content, .menu-contents, .dropdown, .dropdown-menu,
[role="menu"], [role="menu"] * {
  background: #1b1b1b !important;
  color: #e0e0e0 !important;
  border-color: #2a2a2a !important;
}

/* Menü-Einträge */
.menu a, .menu-content a, .menu-contents a,
.dropdown-menu a, [role="menu"] a {
  color: #e0e0e0 !important;
}

.menu a:hover, .menu-content a:hover, .menu-contents a:hover,
.dropdown-menu a:hover, [role="menu"] a:hover {
  background: #232323 !important;
}

/* Icons im Menü */
.menu .icon, .menu-content .icon, .menu-contents .icon,
.dropdown-menu .icon {
  filter: brightness(1.2) !important;
}

/* Panels/Boxen die manchmal hell bleiben */
.panel, .dialog, .modal, .modal-dialog,
.notification, .notification .content,
.table, .form, .settings, .manage {
  background: #1b1b1b !important;
  color: #e0e0e0 !important;
  border-color: #2a2a2a !important;
}

/* Trennlinien */
hr, .divider, .separator {
  border-color: #2a2a2a !important;
}
/* Verbindungstitel in Listen und Kacheln */
.connection-name,
.connection .caption,
.connection-group .caption,
.list-item .caption,
.home-ui .connection,
.home-ui .connection-group,
.home-ui .list-item,
.home-ui .caption,
.home-ui .name {
  color: #e0e0e0 !important;
}

/* Auch Untertitel/Beschreibung */
.connection .details,
.connection-group .details,
.list-item .details {
  color: #bdbdbd !important;
}

/* Hover-Zustand */
.connection:hover .caption,
.connection-group:hover .caption,
.list-item:hover .caption {
  color: #ffffff !important;
}
/* Linke Baum-/Listenansicht ("Alle Verbindungen") */
.home-ui .directory,
.home-ui .directory * ,
.home-ui .section .directory,
.home-ui .section .directory * ,
.home-ui .tree,
.home-ui .tree * ,
.home-ui .connection-list,
.home-ui .connection-list * {
  color: #e0e0e0 !important;
}

/* Spezifisch: Einträge/Labels/Links */
.home-ui .directory a,
.home-ui .tree a,
.home-ui .connection-list a,
.home-ui .directory .name,
.home-ui .tree .name,
.home-ui .connection-list .name,
.home-ui .directory .caption,
.home-ui .tree .caption,
.home-ui .connection-list .caption,
.home-ui .directory .label,
.home-ui .tree .label,
.home-ui .connection-list .label {
  color: #e0e0e0 !important;
}

/* Hover/Active */
.home-ui .directory a:hover,
.home-ui .tree a:hover,
.home-ui .connection-list a:hover {
  color: #ffffff !important;
}

.home-ui .directory .selected,
.home-ui .tree .selected,
.home-ui .connection-list .selected {
  color: #ffffff !important;
}
/* HARD OVERRIDE: "Alle Verbindungen" links bleibt sonst schwarz */
.home-ui .section .directory li,
.home-ui .section .directory li *,
.home-ui .section .directory a,
.home-ui .section .directory span,
.home-ui .section .directory div {
  color: #e0e0e0 !important;
}

/* Falls es als Link ohne A-Tag gerendert wird */
.home-ui .section .directory .connection,
.home-ui .section .directory .connection *,
.home-ui .section .directory .connection-group,
.home-ui .section .directory .connection-group * {
  color: #e0e0e0 !important;
}

/* Aktiver/hover Eintrag */
.home-ui .section .directory li:hover,
.home-ui .section .directory li:hover *,
.home-ui .section .directory .selected,
.home-ui .section .directory .selected * {
  color: #ffffff !important;
}
/* Fix: Guacamole setzt .list-item .name explizit auf schwarz */
.home-ui .list-item .name,
.home-ui .list-item a .name,
.home-ui .list-item .caption .name,
.home-ui .connection-group .list-item .name,
.home-ui .directory .list-item .name {
  color: #e0e0e0 !important;
}

/* Optional: Hover/Selected etwas heller */
.home-ui .list-item:hover .name,
.home-ui .list-item.selected .name,
.home-ui .list-item:focus .name {
  color: #ffffff !important;
}
/* ===== FORCE FIX for connection list text ===== */

/* Basis */
.list-item .name,
.list-item .caption .name,
.connection-group .list-item .name,
.connection .name {
  color: #e6e6e6 !important;
}

/* Angular Material / Guac home view */
.home-ui .list-item .name,
.home-ui .list-item .caption .name,
.home-ui .directory .list-item .name,
.home-ui .connection-group .list-item .name {
  color: #e6e6e6 !important;
}

/* Ultra-hard fallback */
.list-item .name span,
.list-item span.name {
  color: #e6e6e6 !important;
}
/* ===== Proxmox Orange Accent + Hover Glow ===== */
:root {
  --accent: #E57000;          /* Proxmox-Orange */
  --accent-soft: rgba(229,112,0,.35);
  --accent-softer: rgba(229,112,0,.18);
}

/* Links & Fokus */
a { color: var(--accent) !important; }
a:hover { color: #ff8a2a !important; }

/* Buttons: Akzent */
button.primary, .button.primary,
input[type="submit"] {
  border-color: var(--accent) !important;
}
button:hover, .button:hover, input[type="submit"]:hover {
  box-shadow: 0 0 0 2px var(--accent-softer), 0 0 16px var(--accent-soft) !important;
}

/* Inputs: Fokus-Ring */
input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-softer) !important;
}

/* Verbindungskacheln (Recent Connections / Tiles) – Hover Glow */
.connection, .connection-group, .list-item {
  transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease !important;
  border: 1px solid #2a2a2a !important;
}

.connection:hover, .connection-group:hover, .list-item:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-softer), 0 0 22px var(--accent-soft) !important;
  transform: translateY(-1px);
}

/* Optional: aktives/ausgewähltes Element leicht hervorheben */
.selected, .active {
  border-color: var(--accent) !important;
}

/* Icons/Highlights etwas wärmer */
.icon, .header .icon, .menu .icon {
  filter: brightness(1.1) saturate(1.15);
}
/* Orange Akzentlinie oben */
.header, .navbar {
  border-bottom: 2px solid var(--accent) !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;

}