/*
 * =================================================================
 * SLUTGILTIG Branding för Guacamole 1.6.0 (2025-09-17)
 * Inkluderar semi-transparent "frosted glass"-effekt.
 * =================================================================
 */

:root {
    --gh-outline-dark: #003967;
    --gh-red: #bf1919;
    --gh-white: #ffffff;
    --gh-text-dark: #003967;
}

/* Bakgrundsbild för hela sidan */
.login-ui {
    background-image: url('/guacamole/app/ext/garpenholm-branding/images/garpenholm_security_background.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

body.login {
    background-color: var(--gh-outline-dark) !important;
}

/*
 * SEMI-TRANSPARENT STYLING
 * Huvuddialogen får en 50% genomskinlig vit bakgrund.
 * En subtil box-shadow ger en känsla av djup.
 */
.login-dialog {
    background: rgba(255, 255, 255, 0.5) !important; /* 50% vit */
    border: 1px solid rgba(255, 255, 255, 0.2); /* svag vit kant */
    border-radius: 12px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.5) !important;
    backdrop-filter: blur(8px); /* Ger "frosted glass"-effekten */
    -webkit-backdrop-filter: blur(8px);
}

.login-dialog .logo {
    background-image: none !important;
    text-indent: -9999px;
    height: auto !important;
    padding: 2em 0;
    margin-bottom: 20px !important;
    border-bottom: 4px solid var(--gh-red) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
}

.login-dialog .logo::before {
    content: '';
    display: block;
    width: 200px;
    height: 80px;
    background-image: url('/guacamole/app/ext/garpenholm-branding/images/garpenholm_cyber_security.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    order: 1;
}

.login-dialog .logo::after {
    content: 'GARPENHOLM SECURITY';
    text-indent: 0;
    font-family: sans-serif;
    font-size: 1.8em;
    color: var(--gh-text-dark);
    text-align: center;
    order: 2;
    text-transform: uppercase;
    /* Skugga för att öka läsbarheten mot en rörig bakgrund */
    text-shadow: 0px 1px 3px rgba(255, 255, 255, 0.4);
}

/*
 * SEMI-TRANSPARENT STYLING FÖR FÄLT OCH KNAPPAR
 */
.login-dialog input[type=text],
.login-dialog input[type=password] {
    background: rgba(240, 240, 240, 0.5) !important; /* 50% ljusgrå */
    border: 2px solid var(--gh-outline-dark) !important;
    color: var(--gh-text-dark) !important;
}

.login-dialog button,
.login-dialog input[type=submit] {
    /* Behåll knappen mer solid för att den ska vara tydlig */
    background: rgba(191, 25, 25, 0.85) !important; /* 85% röd */
    color: var(--gh-white) !important;
    border: 1px solid rgba(255, 255, 255, 0.3); /* Ljus kant för djup */
    font-weight: bold !important;
    text-transform: uppercase !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 4px !important;
    padding: 0.75em 1.25em !important;
    font-size: 1em !important;
    width: 100% !important;
    line-height: normal !important;
    /* Skugga för texten på knappen */
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.login-dialog button:hover,
.login-dialog input[type=submit]:hover {
    background: rgba(161, 21, 21, 0.95) !important; /* Nästan helt solid mörkröd vid hover */
}
/*
 * 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;

}
.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}