:root {
  --appn-green: #2f6b3a;
  --appn-green-dark: #234f2b;
}
body { background: #f6f7f5; }
.site-header { background: #fff; border-bottom: 1px solid #e3e5e1; }
.logo { height: 40px; width: auto; max-width: 100%; display: block; }
.site-nav { background: var(--appn-green); }
.site-nav .nav-link { color: rgba(255, 255, 255, .85); }
.site-nav .nav-link:hover { color: #fff; }
.card-project { transition: box-shadow .15s; }
.card-project:hover { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .08); }
.badge-env-F { background: #2f6b3a; }
.badge-env-C { background: #5a4a9c; }
.badge-type-E { background: #0b6e99; }
.badge-type-I { background: #6c757d; }
.table-browse td, .table-browse th { vertical-align: middle; }
.table-browse .name { word-break: break-all; }
.folder-icon::before { content: "\1F4C1"; margin-right: .4rem; }
.file-icon::before { content: "\1F4C4"; margin-right: .4rem; }
.auth-card { max-width: 460px; }
@media (max-width: 576px) {
  .logo { height: 28px; }
  .hide-sm { display: none; }
}