.dayjo-wordmark {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 192px;
  padding: 8px 22px;
  background: transparent;
}

.dayjo-wordmark img {
  display: block;
  width: 122px;
  height: 48px;
  object-fit: contain;
  filter: grayscale(1) brightness(0) invert(1);
  opacity: .94;
}

:root {
  --dayjo-navy: #212d45;
  --dayjo-navy-dark: #172136;
  --dayjo-yellow: #ffc03d;
  --dayjo-text: #4b4f58;
  --dayjo-paper: #f5f6f8;
  --dayjo-line: #d9dde5;
  --black: var(--dayjo-navy);
  --charcoal: var(--dayjo-navy-dark);
  --paper: var(--dayjo-paper);
  --muted: #6d7480;
  --line: var(--dayjo-line);
  --amber: #c88400;
}

body { background: var(--dayjo-paper); color: var(--dayjo-navy); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
.topbar { background: var(--dayjo-navy); }
.dayjo-wordmark { border-right-color: rgba(255,255,255,.12); background: transparent; }
.product span { color: #d9deea; }
.sync { border-color: rgba(255,255,255,.32); background: var(--dayjo-navy-dark); }
.sync i { background: var(--dayjo-yellow); }
.sidebar { border-right-color: var(--dayjo-line); }
.nav-item { color: var(--dayjo-text); }
.nav-item span { color: var(--dayjo-navy); }
.nav-item:hover,.nav-item.active { background: #edf0f5; color: var(--dayjo-navy); box-shadow: inset 4px 0 var(--dayjo-yellow); }
.kicker { color: var(--dayjo-text); }
.primary,.bridge-detail-button,.table-detail-button { border-color: var(--dayjo-navy); background: var(--dayjo-navy); color: #fff; }
.primary:hover,.bridge-detail-button:hover,.table-detail-button:hover { border-color: var(--dayjo-navy-dark); background: var(--dayjo-navy-dark); }
.secondary { border-color: var(--dayjo-navy); color: var(--dayjo-navy); }
.install-app { border-color: var(--dayjo-yellow); background: var(--dayjo-yellow); color: var(--dayjo-navy); border-radius: 999px; }
.state-card:hover,.state-card.active { border-color: var(--dayjo-navy); box-shadow: inset 0 -4px var(--dayjo-yellow); }
.survey-choice.active { border-color: var(--dayjo-navy); background: var(--dayjo-navy); box-shadow: inset 0 -4px var(--dayjo-yellow); }
.selection-summary,.field-readonly { border-left-color: var(--dayjo-yellow); background: #fff8e8; }
.dialog-heading,.survey-dialog .dialog-heading,.compact-dialog .dialog-heading { background: var(--dayjo-navy); color: #fff; }
.dialog-heading p,.dialog-heading .kicker,.survey-dialog .kicker,.survey-dialog .dialog-heading p { color: #e3e7ef; }
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus { border-color: var(--dayjo-navy); outline: 3px solid rgba(255,192,61,.34); }
.form-progress i { background: var(--dayjo-yellow); }
.activity #homeSurveyList button.selected { background: #fff8e8; box-shadow: inset 4px 0 var(--dayjo-yellow); }
.toast { background: var(--dayjo-navy-dark); }
.conditional-fields { margin-top: 4px; padding: 16px; border: 1px solid var(--dayjo-line); border-radius: 12px; background: #f8f9fb; }

@media (max-width: 720px) {
  body { background: var(--dayjo-paper); }
  .topbar { background: var(--dayjo-navy); }
  .nav-item.active { background: #edf0f5; color: var(--dayjo-navy); box-shadow: inset 0 3px var(--dayjo-yellow); }
  .page-heading #newSurveyButton,
  .survey-dialog .dialog-actions .primary,
  .dialog-actions button[type="submit"] { border-color: var(--dayjo-yellow); background: var(--dayjo-yellow); color: var(--dayjo-navy); }
  .dialog-actions #saveOfflineDraftButton { border-color: var(--dayjo-navy); color: var(--dayjo-navy); }
  .mobile-module-grid button,#mobileRecentRecords>button { color: var(--dayjo-navy); }
}

@media (max-width: 850px) {
  .dayjo-wordmark { display: none; }
}