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

.login-ui .sso-providers {

    padding: 0.25em 0.5em;
    position: absolute;
    bottom: 0;
    left: 0;

    display: none;

}

.login-ui .sso-providers:last-child {
    display: block;
}

.sso-providers ul {
    list-style: none;
}

.sso-providers ul, .sso-providers li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sso-providers li::before {
    content: ' / ';
}

.sso-providers li:first-child::before {
    display: 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;

}
/* ============================================================================
   Theme « verre dose » de l intranet RG applique a Guacamole (watch.gaboriaud.net)
   Couvre la page d accueil ET les pages Parametres (onglets/tableaux/formulaires).
   ============================================================================ */

/* --- Fond + typographie globale --------------------------------------------- */
html, body {
  background-color: #070a0f !important;
  color: #eef2f8 !important;
  font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
}
body {
  background-image:
    radial-gradient(70% 55% at 12% 8%, #0d1a28 0%, transparent 50%),
    radial-gradient(60% 50% at 88% 18%, #111b2e 0%, transparent 55%),
    radial-gradient(80% 60% at 50% 110%, #0a1320 0%, transparent 60%) !important;
  background-attachment: fixed !important;
}
#content, .view, .home-view, .connection-list-ui, .settings-view, .settings { background: transparent !important; }
h1, h2, h3 { color: #eef2f8 !important; }
a { color: #c9bdaa; }
a:hover { color: #e0d6c6; }

/* --- Banniere de marque (accueil) ------------------------------------------- */
.connection-list-ui::before {
  content: "Intranet \00B7 Acces distant";
  display: block;
  margin: 20px 20px 10px;
  padding: 15px 20px;
  border-radius: 14px;
  background: rgba(30,38,52,.62);
  border: 1px solid rgba(255,255,255,.07);
  color: #e0d6c6;
  font-weight: 680;
  font-size: 15px;
  letter-spacing: .02em;
}

/* --- En-tetes de section (accueil + parametres) ----------------------------- */
.connection-list-ui .header,
.settings-view .header {
  background: rgba(30,38,52,.62) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 12px !important;
  margin: 10px 20px !important;
  padding: 9px 16px !important;
  display: flex !important; align-items: center; justify-content: space-between;
}
.connection-list-ui .header h2,
.settings-view .header h2 {
  text-transform: uppercase !important; letter-spacing: .14em !important;
  font-size: 11px !important; font-weight: 600 !important; color: #9aa7bb !important; border: 0 !important;
}
.recent-connections, .recent-connections .placeholder { color: #5f6b7e !important; }

/* --- Liste des connexions (accueil) ----------------------------------------- */
.all-connections { margin: 0 20px 20px !important; padding: 4px 0 !important; }
a.home-connection {
  display: flex !important; align-items: center; gap: 10px;
  background: #141a24 !important; border: 1px solid #222c3b !important;
  border-radius: 12px !important; margin: 8px 0 !important; padding: 12px 14px !important;
  color: #eef2f8 !important; transition: border-color .15s, transform .15s, background .15s;
}
a.home-connection:hover {
  border-color: rgba(201,189,170,.45) !important; background: #182030 !important;
  transform: translateY(-1px); text-decoration: none !important;
}
.home-connection .name { color: #eef2f8 !important; font-weight: 550 !important; }
.home-connection .icon.type { opacity: .9; }

/* --- Onglets (parametres) --------------------------------------------------- */
.page-tabs { margin: 4px 20px 0 !important; border-bottom: 1px solid #222c3b; }
.page-tabs .page-list-level { display: flex; gap: 4px; flex-wrap: wrap; }
.page-tabs .page-list a {
  display: inline-block; color: #9aa7bb !important; padding: 8px 14px !important;
  border-radius: 9px 9px 0 0 !important; font-size: 13px !important; text-decoration: none !important;
}
.page-tabs .page-list a:hover { color: #eef2f8 !important; background: rgba(255,255,255,.04) !important; }
.page-tabs .page-list a.current {
  color: #e0d6c6 !important; background: rgba(201,189,170,.10) !important;
  font-weight: 550 !important; box-shadow: inset 0 -2px 0 #c9bdaa;
}

/* --- Contenu parametres : texte, sections ----------------------------------- */
.settings.section, .settings .section { margin: 0 20px !important; }
.settings p, .settings .description, .settings .notice { color: #9aa7bb !important; }
.placeholder { color: #5f6b7e !important; }

/* --- Tableaux --------------------------------------------------------------- */
table { color: #c2cdde !important; border-collapse: collapse; }
table thead th, .sorted thead th, .sorted th {
  color: #9aa7bb !important; text-transform: uppercase; letter-spacing: .05em;
  font-size: 11px !important; border-bottom: 1px solid #222c3b !important; background: transparent !important;
}
table td, .sorted td { border-bottom: 1px solid rgba(255,255,255,.06) !important; }
table tr:hover td { background: rgba(127,127,127,.06) !important; }

/* --- Boutons ---------------------------------------------------------------- */
.button, button, input[type="submit"], input[type="button"], input[type="reset"] {
  background: rgba(30,38,52,.62) !important; border: 1px solid rgba(255,255,255,.10) !important;
  color: #eef2f8 !important; border-radius: 9px !important; padding: 0 14px !important;
  min-height: 34px; font-weight: 600; font-size: 12.5px; cursor: pointer;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
  border-color: #c9bdaa !important; color: #e0d6c6 !important; text-decoration: none !important;
}
.button.danger, .danger.button, .delete-sessions.danger {
  background: rgba(240,138,138,.12) !important; border-color: rgba(240,138,138,.40) !important; color: #f0a0a0 !important;
}
.button[disabled], button[disabled] { opacity: .45 !important; cursor: default !important; }

/* --- Champs (input/select/textarea) ----------------------------------------- */
input, select, textarea {
  background: rgba(0,0,0,.25) !important; border: 1px solid #222c3b !important;
  color: #eef2f8 !important; border-radius: 9px !important;
}
input:focus, select:focus, textarea:focus { border-color: #c9bdaa !important; outline: none !important; }
.filter input { height: 32px !important; }
.user-menu, .user-menu * { color: #e0d6c6 !important; }
.user-menu .menu-dropdown .menu-contents { background: #141a24 !important; border: 1px solid #222c3b !important; }
.user-menu .menu-dropdown .menu-contents a { color: #eef2f8 !important; }

/* --- Barres de defilement discretes (comme l intranet) ---------------------- */
* { scrollbar-width: thin; scrollbar-color: rgba(130,145,165,.32) transparent; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-thumb { background: rgba(130,145,165,.28); border-radius: 10px; border: 3px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(130,145,165,.5); background-clip: content-box; }