/* Styles généraux et page de connexion */
body {
	font-family: 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #f5f7fa;
	color: #333;
  }
  
  div.login-ui {
	background: #f5f7fa;
	background-image: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .login-ui .login-dialog {
	background-color: white;
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
	padding: 36px;
	width: 400px;
	max-width: 90%;
	transition: all 0.3s ease;
  }
  
  .login-ui .login-dialog .logo {
	background-image: url('app/ext/tempnamespace/images/logo-placeholder.png');
	width: 120px;
	height: 120px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto 24px;
  }
  
  .login-ui .login-dialog h1 {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 24px;
	color: #2c3e50;
  }
  
  .login-dialog.notification .field-header {
	display: flex !important;
	align-items: center;
	height: 80%;
  }
  
  /* Champs de saisie */
  .login-ui .login-dialog input[type="text"],
  .login-ui .login-dialog input[type="password"],
  .login-ui .login-dialog select {
	display: block;
	width: 100%;
	padding: 12px 16px;
	margin-bottom: 16px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	font-size: 16px;
	align-items: center;
	transition: border 0.3s, box-shadow 0.3s;
	background-color: #fafafa;
  }

  .login-ui .login-dialog input[type="text"]:focus,
  .login-ui .login-dialog input[type="password"]:focus,
  .login-ui .login-dialog select:focus {
	outline: none;
	border-color: #4a90e2;
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
	background-color: white;
  }
  
  /* Labels */
  .login-ui .login-dialog label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
	color: #555;
	font-size: 14px;
  }
  
  /* Bouton de connexion */
  .login{
	display: block;
	width: 100%;
	background-color: #4a90e2;
	color: white;
	border: none;
	border-radius: 6px;
	padding: 14px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.3s, transform 0.1s;
  }
  
  .login{
	background-color: #3d7ec9;
  }
  
  .login:active{
	transform: scale(0.98);
  }
  .continue-login {
	display: none;
  }

  .version-number {
	display: none;
  }
  
  /* Messages d'erreur */
  .login-ui .login-dialog .login-failure {
	background-color: #fff1f0;
	border-left: 4px solid #ff4d4f;
	color: #cf1322;
	padding: 12px 16px;
	margin-bottom: 20px;
	border-radius: 4px;
	font-size: 14px;
  }
  
  /* Pop-ups modaux et notifications */
  guac-modal {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
  }
  
  .notification,
  .fatal-page-error {
	background-color: white;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	padding: 28px;
	max-width: 480px;
	width: 90%;
	text-align: center;
  }
  
  .notification p,
  .fatal-page-error p {
	margin-bottom: 20px;
	color: #555;
	font-size: 16px;
	line-height: 1.5;
  }
  
  .fatal-page-error h1 {
	color: #ff4d4f;
	font-size: 26px;
	margin-bottom: 16px;
  }
  
  /* Boutons dans les pop-ups */
  .notification button,
  .fatal-page-error button {
	background-color: #4a90e2;
	color: white;
	border: none;
	border-radius: 6px;
	padding: 12px 24px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.3s;
  }
  
  .notification button:hover,
  .fatal-page-error button:hover {
	background-color: #3d7ec9;
  }
  
  .notification button:disabled,
  .fatal-page-error button:disabled {
	background-color: #ccc;
	cursor: not-allowed;
  }
  
  /* Animation subtile pour les modals */
  @keyframes fadeIn {
	from { opacity: 0; transform: translateY(-20px); }
	to { opacity: 1; transform: translateY(0); }
  }
  
  .notification,
  .fatal-page-error {
	animation: fadeIn 0.3s ease-out forwards;
  }
  
  /* Styles pour les éléments de texte d'aide */
  .login-ui .login-dialog .help {
	color: #777;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
  }
  
  /* Styles pour les liens */
  .login-ui .login-dialog a {
	color: #4a90e2;
	text-decoration: none;
	transition: color 0.2s;
  }
  
  .login-ui .login-dialog a:hover {
	color: #3d7ec9;
	text-decoration: underline;
  }
  
  /* Media queries pour responsivité */
  @media (max-width: 480px) {
	.login-ui .login-dialog {
	  padding: 24px;
	}
	
	.login-ui .login-dialog .logo {
	  width: 80px;
	  height: 80px;
	  margin-bottom: 16px;
	}
	
	.login-ui .login-dialog h1 {
	  font-size: 20px;
	}
  }/*
 * 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}