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

}
/* ===== FUNDAL modern (gradient brand) ===== */
.login-ui {
    background: linear-gradient(135deg, #eef5fb 0%, #cfe2f2 45%, #b9d5ec 100%) !important;
}

/* ===== CARD login ===== */
.login-ui .login-dialog {
    max-width: 22em;
    font-size: 1.15em;
    background: #ffffff;
    border: none;
    border-top: 4px solid #1a5490;
    border-radius: 16px;
    padding: 2.1em 2.1em 1.8em;
    box-shadow: 0 16px 48px rgba(20,60,100,0.20), 0 3px 8px rgba(20,60,100,0.08);
}

/* ===== LOGO ICD360S ===== */
.login-ui .login-dialog .logo {
    width: 4.4em; height: 4.4em;
    margin: 0.1em auto 0.4em;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij4KICA8cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHJ4PSI4IiBmaWxsPSIjMWE1NDkwIi8+CiAgPHRleHQgeD0iMzIiIHk9IjI2IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+SUNEPC90ZXh0PgogIDx0ZXh0IHg9IjMyIiB5PSI0NiIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzY0YjVmNiIgdGV4dC1hbmNob3I9Im1pZGRsZSI+MzYwPC90ZXh0Pgo8L3N2Zz4K") !important;
    background-size: contain !important;
    background-position: center; background-repeat: no-repeat;
    filter: drop-shadow(0 3px 6px rgba(20,60,100,0.18));
}

/* ===== NUME + SLOGAN + DESCRIERE ===== */
.login-ui .login-dialog .version { padding: 0 0 0.1em; }
.login-ui .login-dialog .version .app-name {
    text-transform: none;
    color: #16416e;
    font-size: 1.25em;
    letter-spacing: 0.01em;
}
.login-ui .login-dialog .version .version-number { display: none; }
.login-ui .portal-slogan {
    text-align: center;
    font-size: 0.66em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #2673b8;
    font-weight: 700;
    margin: 0.2em 0 0.9em;
}
.login-ui .portal-desc {
    max-width: 22em;
    margin: 0 auto 0.3em;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.55;
    color: #5a6b7b;
}

/* ===== CAMPURI ===== */
.login-ui .login-fields { margin-top: 1.1em; }
.login-ui .labeled-field { display: block; margin-bottom: 0.9em; }
.login-ui .field-header label {
    display: block;
    font-size: 0.72em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    font-weight: 600;
    margin-bottom: 0.35em;
    text-shadow: none;
}
.login-ui .form-field .text-field,
.login-ui .form-field .password-field { position: relative; }
.login-ui .login-fields input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.62em 0.75em;
    border: 1px solid #cfdae6;
    border-radius: 9px;
    background: #f7fafc;
    font-size: 0.9em;
    color: #1e2a36;
    transition: border-color .15s, box-shadow .15s, background .15s;
}
.login-ui .login-fields .password-field input { padding-right: 2.5em; }
.login-ui .login-fields input:focus {
    outline: none;
    border-color: #1a5490;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(26,84,144,0.15);
}

/* ===== BUTON LOGIN ===== */
.login-ui .login-dialog .buttons { text-align: center; margin-top: 1.4em; }
.login-ui .login-dialog .buttons .login {
    -webkit-appearance: none; appearance: none;
    width: 100%;
    padding: 0.72em 1em;
    border: none;
    border-radius: 9px;
    background: linear-gradient(135deg, #1a5490 0%, #2673b8 100%);
    color: #fff;
    font-size: 0.95em;
    font-weight: 700;
    letter-spacing: 0.03em;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(26,84,144,0.28);
    transition: filter .15s, box-shadow .15s, transform .05s;
}
.login-ui .login-dialog .buttons .login:hover {
    filter: brightness(1.08);
    box-shadow: 0 5px 16px rgba(26,84,144,0.38);
}
.login-ui .login-dialog .buttons .login:active { transform: translateY(1px); }

/* ===== FOOTER ===== */
.login-ui .site-footer { margin-top: 1.7em; text-align: center; line-height: 1.7; }
.login-ui .legal-links a {
    color: #2673b8; text-decoration: none;
    margin: 0 0.5em; white-space: nowrap; font-size: 0.82em; font-weight: 600;
}
.login-ui .legal-links a:hover { text-decoration: underline; }
.login-ui .copyright { font-size: 0.76em; color: #8a99a8; margin-top: 0.5em; }
.login-ui .powered-by { font-size: 0.7em; color: #aab6c2; margin-top: 0.15em; }
.login-ui .powered-by a { color: inherit; text-decoration: none; }
.login-ui .powered-by a:hover { text-decoration: underline; }
