/* Platform-level pages (module chooser, sign-in, super-admin). Small additions on AdminLTE 3. */
.ecg-module-card { display: block; color: inherit; text-decoration: none; }
.ecg-module-card:hover { color: inherit; text-decoration: none; }
.ecg-module-card .card { transition: transform .1s ease, box-shadow .1s ease; height: 100%; }
.ecg-module-card:hover .card { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.ecg-module-icon { width: 56px; height: 56px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #fff; }
.ecg-logo-preview { max-height: 120px; max-width: 100%; background: #fff; border: 1px solid #dee2e6; border-radius: .25rem; padding: .5rem; }
.ecg-kv dt { font-weight: 600; color: #6c757d; font-size: .8rem; text-transform: uppercase; letter-spacing: .03em; }
.ecg-kv dd { margin-bottom: .6rem; }
.login-logo img { max-height: 72px; }
.ecg-source { font-size: .72rem; }
/* Sidebar logo on a white tile: an institute logo is usually dark line art on a transparent background,
   which vanishes on the dark sidebar. The tile keeps any logo readable, and object-fit keeps a wide
   logo whole instead of cropping it into a circle. */
.brand-link .brand-image.ecg-brand-logo { background: #fff; border-radius: 6px; padding: 3px 6px; height: 34px;
  max-height: 34px; width: auto; max-width: 120px; object-fit: contain; opacity: 1; margin-top: -2px; }
.sidebar-mini.sidebar-collapse .main-sidebar:not(:hover) .brand-link .brand-image.ecg-brand-logo { max-width: 44px; padding: 2px; }