/* Login page: no Guacamole logo, no version number */
.login-ui .login-dialog .logo,
.login-ui .login-dialog .version .version-number {
    display: none !important;
}

.login-ui .login-dialog .version .app-name {
    font-size: 1.6em;
    text-transform: none;
}
/*
 * 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;

}
#session-tools {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 2147483000;
    display: none;
    align-items: center;
    gap: 6px;
    padding: 4px 4px 4px 10px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 24px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font: 600 12px/1 -apple-system, "Segoe UI", Roboto, sans-serif;
    opacity: 0.65;
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    transition: opacity 0.15s;
}

#session-tools.visible {
    display: flex;
}

#session-tools:hover,
#session-tools.dragging {
    opacity: 1;
}

#session-tools.dragging {
    cursor: grabbing;
}

#session-tools .ping {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 58px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

#session-tools .ping-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #9e9e9e;
    flex: none;
}

#session-tools .ping.good .ping-dot { background: #4caf50; }
#session-tools .ping.fair .ping-dot { background: #ffc107; }
#session-tools .ping.bad  .ping-dot { background: #f44336; }

#session-tools .fullscreen,
#session-tools .settings {
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#session-tools .fullscreen:hover,
#session-tools .settings:hover {
    background: rgba(255, 255, 255, 0.25);
}

#session-tools .fullscreen svg,
#session-tools .settings svg {
    width: 20px;
    height: 20px;
    pointer-events: none;
}

/* Settings dialog */

#session-tools-settings {
    position: fixed;
    inset: 0;
    z-index: 2147483001;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(0, 0, 0, 0.5);
    font: 14px/1.4 -apple-system, "Segoe UI", Roboto, sans-serif;
}

#session-tools-settings.visible {
    display: flex;
}

#session-tools-settings .dialog {
    width: 100%;
    max-width: 360px;
    max-height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 16px 20px 20px;
    border-radius: 12px;
    background: #fff;
    color: #222;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}

#session-tools-settings .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#session-tools-settings h2 {
    margin: 0;
    font-size: 18px;
}

#session-tools-settings h3 {
    margin: 0 0 8px;
    font-size: 14px;
}

#session-tools-settings .close {
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

#session-tools-settings .close:hover {
    background: #eee;
}

#session-tools-settings form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #ddd;
}

#session-tools-settings label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
}

#session-tools-settings input,
#session-tools-settings select {
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border: 1px solid #bbb;
    border-radius: 6px;
    background: #fff;
    color: inherit;
    font: inherit;
}

#session-tools-settings .hint {
    margin: 0;
    color: #666;
    font-size: 12px;
}

#session-tools-settings .status {
    margin: 0;
    font-size: 13px;
}

#session-tools-settings .status:empty {
    display: none;
}

#session-tools-settings .status.error   { color: #c62828; }
#session-tools-settings .status.success { color: #2e7d32; }

#session-tools-settings .primary {
    align-self: flex-start;
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    background: #1976d2;
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

#session-tools-settings .primary:hover {
    background: #1565c0;
}

#session-tools-settings .primary:disabled {
    background: #90a4ae;
    cursor: default;
}