/* Kloud — Bootstrap 5 */
:root {
  --mc-azulejo: #ffffff;
  --mc-azulejo-escuro: #ffcc00;
  --mc-fundo: #ffffff;
}

body { background-color: var(--mc-fundo); }

.has-border-bottom { border-bottom: 0px solid #dee2e6; }

.navbar.is-mc {
  background-color: var(--mc-azulejo);
  border-bottom: 1px solid #c0c0c0;
}
.navbar.is-mc .navbar-brand,
.navbar.is-mc .nav-link,
.navbar.is-mc .navbar-text { color: #000000; }
.navbar.is-mc .nav-link:hover,
.navbar.is-mc .nav-link:focus {
  background-color: var(--mc-azulejo-escuro);
  color: #000000;
}

.login-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.login-card { max-width: 380px; width: 100%; }

.painel-ficheiros {
  border: 1px solid #e0e0e0;
  border-radius: .375rem;
  background: #fff;
  overflow: hidden;
}

.linha-item { cursor: pointer; }
.linha-item:hover { background-color: #f0f4f6; }

.nome-icone { font-size: 1rem; width: 1.5rem; display: inline-block; margin-right: .35rem; text-align: center; }
.btn .bi { vertical-align: -.125em; }

.zona-arrastar {
  border: 2px dashed #b5b5b5;
  border-radius: .375rem;
  padding: 1.5rem;
  text-align: center;
  color: #6c757d;
  transition: border-color .15s, color .15s;
}
.zona-arrastar.arrastando {
  border-color: var(--mc-azulejo);
  color: #0d6efd;
  background-color: #eef5f8;
}

.breadcrumb-fina { font-size: .9rem; }

#modal-preview .modal-dialog { max-width: 720px; }
#modal-preview img,
#modal-preview iframe {
  max-width: 100%;
  max-height: 80vh;
  display: block;
  margin: 0 auto;
}
#modal-preview pre { max-height: 70vh; overflow: auto; text-align: left; }

.preview-documento {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1rem;
  line-height: 1.7;
  max-height: 65vh;
  overflow: auto;
  padding: 1rem 1.25rem;
  background: #fdfdfb;
  border: 1px solid #eee;
  border-radius: .25rem;
  text-align: left;
  white-space: normal;
}

.tag-role-admin {
  background-color: #f0c674 !important;
  color: #4a3800 !important;
}

/* Bootstrap breadcrumb */
.breadcrumb-fina .breadcrumb-item + .breadcrumb-item::before {
  content: "\F285";
  font-family: "bootstrap-icons";
  font-size: .75em;
  vertical-align: middle;
}
.breadcrumb-fina a { text-decoration: none; }
.breadcrumb-fina .breadcrumb-item.active { color: var(--bs-secondary-color); }