:root {
  --bima-navy: #00205b;
  --bima-dark: #001a49;
  --bima-blue: #5c88da;
  --bima-pale: #e9f1fb;
  --green: var(--bima-navy);
  --dark: var(--bima-dark);
  --mint: var(--bima-pale);
}

.login-brand-logo {
  width: 310px;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.login-brand-logo img {
  display: block;
  width: 300px;
  height: 300px;
  object-fit: contain;
  transform: scale(1.55);
}

.login-brand .eyebrow.light {
  color: #d7e5ff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .22);
}

.mobile-brand-logo {
  display: none;
  width: 118px;
  height: 118px;
  object-fit: contain;
  margin: 0 auto 32px;
}

.section-brand {
  display: block;
  width: 118px;
  height: 42px;
  object-fit: contain;
}

.mobile-header-brand {
  display: none;
  width: 92px;
  height: 30px;
  object-fit: contain;
}

.badge,
.status.ready,
.policy-status.ready,
.review-note.ready,
.alert.success {
  background: var(--bima-pale) !important;
  color: var(--bima-navy) !important;
}

.drop-zone:hover,
.drop-zone.drag {
  border-color: var(--bima-blue) !important;
  background: #edf4ff !important;
}

.upload-icon,
.file-mark,
.section-heading > span {
  background: var(--bima-pale) !important;
  color: var(--bima-navy) !important;
}

.next-note {
  border-left-color: var(--bima-blue) !important;
  background: #f4f8fe !important;
}

.history-page header a,
.import-header a,
.eyebrow,
.format-fields label em {
  color: var(--bima-navy) !important;
}

.history-filters button,
.generate-pdf {
  background: var(--bima-navy) !important;
  color: #fff !important;
}

.history-filters a {
  background: var(--bima-pale) !important;
  color: var(--bima-navy) !important;
}

.history-summary .export {
  background: #164f82 !important;
}

.format-fields label[hidden] {
  display: none !important;
}

@media (max-width: 850px) {
  .app-shell header .mobile-header-brand { display: block; }
  .app-shell header { gap: 16px; }
}

@media (max-width: 650px) {
  .mobile-brand-logo { display: block; }
  .section-brand { width: 94px; height: 34px; }
}
