/*
 * 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}/* Mavi Desk: yalnızca giriş ekranı */
.login-ui {background:radial-gradient(ellipse at 15% 10%,#24799c66,transparent 60%),linear-gradient(135deg,#143e67,#176e7b 55%,#268264)!important;min-height:100vh;font-family:"Segoe UI",Arial,sans-serif;}
.login-ui .login-dialog {background:#fff!important;border:1px solid #ffffff66!important;border-radius:20px!important;box-shadow:0 25px 80px #072a4055!important;padding:30px!important;width:340px!important;max-width:calc(100vw - 48px)!important;box-sizing:border-box;}
.login-ui .login-dialog .logo {background-image:url('app/ext/mavi-desk/images/mavi-logo.png')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;width:100%!important;height:92px!important;margin:0 auto 16px!important;}
.login-ui .login-dialog .version {color:#28637c!important;}
.login-ui .login-dialog input[type=text],.login-ui .login-dialog input[type=password] {box-sizing:border-box;background:#f7fafc!important;border:1px solid #d5e5e8!important;border-radius:10px!important;padding:12px!important;color:#234d64!important;}
.login-ui .login-dialog input:focus {outline:2px solid #54aa9b!important;outline-offset:2px;}
.login-ui .login-dialog input[type=submit],.login-ui .login-dialog button {background:linear-gradient(110deg,#2678b0,#27966f)!important;color:#fff!important;border:0!important;border-radius:10px!important;box-shadow:0 6px 16px #287d8525!important;padding:12px 18px!important;}
.login-ui .login-dialog label {color:#527386!important;}
.login-ui .login-dialog:after {content:"Mavi Desk · Güvenli Uzak Erişim";display:block;text-align:center;color:#6c8995;font-size:12px;margin-top:22px;padding-top:18px;border-top:1px solid #e1ebee;}
@media(max-width:480px){.login-ui .login-dialog{padding:24px!important}.login-ui .login-dialog .logo{height:78px!important}}

.login-ui .login-dialog .version{display:none!important}
.login-ui .login-dialog:after{display:none!important}

.home-view {
  min-height:100vh;
  background:linear-gradient(135deg,#edf4fb,#eaf5ee)!important;
  font-family:"Segoe UI",Arial,sans-serif;
}
.home-view .connection-list-ui {
  max-width:1100px;
  margin:auto;
  padding:28px 24px;
}
.home-view .connection-list-ui:before {
  content:"";
  display:block;
  width:280px;
  max-width:100%;
  height:90px;
  margin-bottom:24px;
  background:url('app/ext/mavi-desk/images/mavi-logo.png') center/contain no-repeat;
}
.home-view .header {
  background:linear-gradient(110deg,#19588b,#197a86,#2a9067)!important;
  color:white!important;
  border:0!important;
  border-radius:12px;
  padding:12px 16px!important;
  box-shadow:0 7px 20px #195e791a;
}
.home-view .header h2 {
  color:white!important;
  font-size:16px!important;
  text-transform:none!important;
}
.home-view .header .user-menu {
  background:transparent!important;
  color:white!important;
}
.home-view .header .user-menu .username {
  color:white!important;
}
.home-view .all-connections {
  margin:24px 0!important;
}
.home-view a.home-connection {
  display:flex!important;
  align-items:center;
  gap:16px;
  max-width:440px;
  padding:25px!important;
  margin:14px 0;
  border:1px solid #cfe2e7!important;
  border-radius:16px;
  background:linear-gradient(120deg,#fff,#f0faf5)!important;
  color:#21536e!important;
  box-shadow:0 10px 28px #205b7514;
  text-decoration:none!important;
}
.home-view a.home-connection:hover {
  border-color:#479d96!important;
  box-shadow:0 13px 32px #205b7526;
}
.home-view a.home-connection .name {
  font-size:17px;
  font-weight:600;
}
.home-view a.home-connection:after {
  content:"→";
  margin-left:auto;
  color:#278c79;
  font-size:24px;
}
.home-view .recent-connections {
  color:#728c98;
  padding:20px 0!important;
}
@media(max-width:600px) {
  .home-view .connection-list-ui {padding:20px 15px}
  .home-view a.home-connection {max-width:none;padding:20px!important}
}