/* Cyber Sharks look for Guacamole's own screens (sign-in, home, menus). Colours: theme brand tokens. */
@font-face { font-family: Bungee; src: url("app/ext/cs-branding/bungee.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: Saira; src: url("app/ext/cs-branding/saira.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
body, .menu, .menu-content, .login-ui { font-family: Saira, system-ui, sans-serif; }
html, body { background: #050d21; }
.login-ui { background: #050d21 radial-gradient(ellipse at top, #0e2a5e 0%, #081532 40%, #050d21 100%) no-repeat fixed !important; }
.login-ui .version-number, .login-ui .login-dialog .version .version-number { background: transparent !important; color: #33c8f5 !important; font-style: normal; }
.login-ui .login-dialog { background: rgba(8, 21, 50, .92); color: #e6ecf6; border: 1px solid #1d3566; border-radius: 14px;
                           box-shadow: 0 12px 48px rgba(0, 0, 0, .5); max-width: 26em; }
.login-ui .login-dialog .logo { background-image: url("app/ext/cs-branding/crest.webp"); background-size: contain;
                                 width: 9em; height: 9em; margin: .5em auto; }
.login-ui .login-dialog .version .app-name { font-family: Bungee, Saira, sans-serif; text-transform: uppercase; color: #f2f23c;
                                              font-size: 1.15em; letter-spacing: .02em; }
.login-ui .login-dialog .version .version-number { color: #33c8f5; text-transform: uppercase; letter-spacing: .14em; font-size: .75em; }
.login-ui .login-fields input, .login-ui .login-fields .labeled-field input { background: #0e2a5e; color: #e6ecf6; border: 1px solid #2c4f8f;
                                  border-radius: 10px; padding: .6em .8em; }
.login-ui .login-fields input:focus, .login-ui .login-fields input:-webkit-autofill { background: #143672 !important; color: #e6ecf6 !important;
                                  -webkit-text-fill-color: #e6ecf6; box-shadow: 0 0 0 1000px #143672 inset; outline: 2px solid #33c8f5; }
.login-ui .login-fields input::placeholder, .login-ui .login-fields input:focus::placeholder { color: rgba(214, 226, 244, .6); -webkit-text-fill-color: rgba(214, 226, 244, .6); }
.login-ui .login-fields .field-header, .login-ui .login-fields .labeled-field .field-header { color: rgba(214, 226, 244, .78); }
.login-ui .buttons input.login { background: #f2f23c; color: #0a1020; border: 0; border-radius: 10px; min-height: 44px;
                                 font-family: Saira, system-ui, sans-serif; font-weight: 700; padding: .7em 1em; width: 100%;
                                 box-shadow: 0 6px 24px rgba(242, 242, 60, .25); }
.login-ui .buttons input.login:hover, .login-ui .buttons input.login:focus-visible { filter: brightness(1.08); outline: 3px solid #33c8f5; outline-offset: 3px; }
.cs-login-hint { color: rgba(214, 226, 244, .78); font-size: .85em; }
.cs-login code { color: #33c8f5; }
.login-ui .login-error { color: #ff5a6e; }
.cs-login { text-align: left; line-height: 1.5; color: #e6ecf6; }
.cs-login p { margin: .6em 0; }
.home, .settings, .header { background: #081532; color: #e6ecf6; }
.header h2 { font-family: Bungee, Saira, sans-serif; text-transform: uppercase; }
a, .home a { color: #33c8f5; }
.home .list-item .name, .home .list-item .caption, .connection .name, .recent-connections .placeholder { color: #e6ecf6 !important; }
.home .list-item:hover, .home .list-item:focus-within { background: #0e2a5e; }
.header .filter input, .filter input { background: #0e2a5e; color: #e6ecf6; border: 1px solid #1d3566; }
.user-menu, .user-menu .menu-dropdown { color: #e6ecf6; }
/*
 * 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;

}