/*
 * 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;

}
/*
 * Tema NatoDigital Workspace - layout inspirado no login do painel
 * da vDatacenter: box de login na parte inferior esquerda, fundo
 * branco com linhas diagonais e pontos no roxo da marca (#763c96).
 */

/* ===== Fundo da tela de login: branco com linhas/pontos roxos ===== */
.login-ui,
.login-ui.initial {
    background-color: #ffffff !important;
    background-image:
        linear-gradient(115deg, transparent 49.85%, rgba(118,60,150,0.28) 49.95%, rgba(118,60,150,0.28) 50.05%, transparent 50.15%),
        linear-gradient(80deg,  transparent 49.9%,  rgba(118,60,150,0.16) 50%,   transparent 50.1%),
        linear-gradient(150deg, transparent 49.9%,  rgba(118,60,150,0.13) 50%,   transparent 50.1%),
        radial-gradient(circle at 18% 22%, rgba(118,60,150,0.85) 0, rgba(118,60,150,0.85) 1.5px, transparent 2.5px),
        radial-gradient(circle at 32% 38%, rgba(118,60,150,0.65) 0, rgba(118,60,150,0.65) 1px,   transparent 2px),
        radial-gradient(circle at 71% 64%, rgba(118,60,150,0.55) 0, rgba(118,60,150,0.55) 1px,   transparent 2px),
        radial-gradient(circle at 86% 18%, rgba(118,60,150,0.50) 0, rgba(118,60,150,0.50) 1px,   transparent 2px),
        radial-gradient(circle at 55% 80%, rgba(118,60,150,0.45) 0, rgba(118,60,150,0.45) 1px,   transparent 2px),
        linear-gradient(180deg, #ffffff 0%, #faf8fc 60%, #f3edf8 100%) !important;
}

/* ===== Posicionamento: box na parte inferior, a esquerda ===== */
.login-ui,
.login-ui.initial {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
}

.login-ui .login-dialog-middle,
.login-ui.initial .login-dialog-middle {
    display: block !important;
    width: auto !important;
    vertical-align: bottom !important;
}

/* ===== Caixa de login: faixa escura ===== */
.login-ui .login-dialog,
.login-ui.initial .login-dialog {
    background: rgba(255, 255, 255, 0.97) !important;
    border: 1px solid #e4dcee;
    border-radius: 6px;
    box-shadow: 0 14px 48px rgba(52, 23, 71, 0.18);
    color: #2a2f36;
    padding: 2.2em 2.6em 2.4em;
    max-width: 420px;
    margin: 0 0 9vh 7vw !important;
}

/* ===== Logo oficial (wordmark branco) + subtitulo ===== */
.login-ui .login-dialog .logo {
    width: 100%;
    height: 118px;
    margin: 0 0 1.2em;
    background: url('app/ext/natodigital-branding/images/favicon.png') no-repeat center top;
    background-size: auto 84px !important;

    position: relative;
}

.login-ui .login-dialog .logo::after {
    content: "W O R K S P A C E";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #3473b8;
    font-size: 0.95em;
    font-weight: 700;
    letter-spacing: 0.35em;
    white-space: nowrap;
}

/* ===== Campos ===== */
.login-ui .login-dialog .login-fields .field-header,
.login-ui .login-dialog label {
    color: #4a5560;
    font-weight: 600;
}

.login-ui .login-dialog input[type="text"],
.login-ui .login-dialog input[type="password"] {
    background: #ffffff;
    color: #1b2027;
    border: 1px solid #c9d2dc;
    border-radius: 3px;
    padding: 0.55em 0.7em;
}

.login-ui .login-dialog input[type="text"]:focus,
.login-ui .login-dialog input[type="password"]:focus {
    border-color: #3473b8;
    outline: none;
    box-shadow: 0 0 0 2px rgba(52, 115, 184, 0.35);
}

/* ===== Botao no roxo da marca ===== */
.login-ui .login-dialog input[type="submit"],
.login-ui .login-dialog button[type="submit"],
.login-ui .login-dialog .buttons input {
    background: #3473b8;
    color: #ffffff;
    border: none;
    border-radius: 3px;
    padding: 0.6em 1.8em;
    font-weight: 700;
    cursor: pointer;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
}

.login-ui .login-dialog input[type="submit"]:hover,
.login-ui .login-dialog .buttons input:hover {
    background: #2a62a3;
}

/* ===== Mensagens de erro na faixa ===== */
.login-ui .login-dialog .login-error {
    color: #c0392b;
}

/* Remove qualquer marca d'agua/versao exibida na tela de login */
.login-ui .version,
.login-ui .login-dialog .version {
    display: none;
}

/* ===== Responsivo: em telas estreitas, centraliza ===== */
@media (max-width: 640px) {
    .login-ui,
    .login-ui.initial {
        align-items: center !important;
        justify-content: center !important;
    }
    .login-ui .login-dialog,
    .login-ui.initial .login-dialog {
        margin: 0 1em !important;
    }
}

/* ===== Tela "sessao encerrada" (logout) no mesmo tema ===== */
.logged-out-modal {
    background-color: #ffffff !important;
    background-image:
        linear-gradient(115deg, transparent 49.85%, rgba(118,60,150,0.28) 49.95%, rgba(118,60,150,0.28) 50.05%, transparent 50.15%),
        linear-gradient(80deg,  transparent 49.9%,  rgba(118,60,150,0.16) 50%,   transparent 50.1%),
        radial-gradient(circle at 18% 22%, rgba(118,60,150,0.85) 0, rgba(118,60,150,0.85) 1.5px, transparent 2.5px),
        radial-gradient(circle at 71% 64%, rgba(118,60,150,0.55) 0, rgba(118,60,150,0.55) 1px,   transparent 2px),
        linear-gradient(180deg, #ffffff 0%, #faf8fc 60%, #f3edf8 100%) !important;
}

.logged-out-modal .notification,
.logged-out-modal .modal .notification {
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #e4dcee;
    border-radius: 6px;
    box-shadow: 0 14px 48px rgba(52, 23, 71, 0.18);
    padding: 2em 2.6em 2.2em;
}

/* Logo no topo do cartao */
.logged-out-modal .notification::before {
    content: "";
    display: block;
    width: 100%;
    height: 72px;
    margin-bottom: 1em;
    background: url('app/ext/natodigital-branding/images/favicon.png') no-repeat center center;
    background-size: auto 64px;
}

.logged-out-modal .notification p {
    color: #2a2f36;
}

.logged-out-modal .notification button {
    background: #3473b8;
    color: #ffffff;
    border: none;
    border-radius: 3px;
    padding: 0.6em 1.8em;
    font-weight: 700;
    cursor: pointer;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
}

.logged-out-modal .notification button:hover {
    background: #2a62a3;
}

/* Modal do guac-modal sem molduras padrao */
.logged-out-modal .modal,
.logged-out-modal guac-modal .modal {
    background: transparent;
    border: none;
    box-shadow: none;
}