html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  background-color: #f0f4f9;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}


/* Footer Styles */
:root {
  --graphite: #20242B;
}
.wrap {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
}
footer {
  background: black;
  color: #8993A0;
  padding: 4px 0;
  font-family: 'IBM Plex Sans', sans-serif;
}
.sig-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.logo {
  font-family: 'Manrope', sans-serif;
  font-weight: 800;
  font-size: 1.12rem;
  color: var(--ink);
  letter-spacing: 0.01em;
}
.footer-fine {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.72rem;
  color: #727A85;
}

/* Role Badges */
.badge-role-attorney { background-color: lightgreen !important; color: black !important; }
.badge-role-paralegal { background-color: mediumseagreen !important; color: black !important; }
.badge-role-sysadmin { background-color: red !important; color: white !important; }
.badge-role-landlord { background-color: #E6E6FA !important; color: black !important; } /* Light purple (Lavender) */
.badge-role-processserver { background-color: white !important; color: black !important; border: 1px solid #ccc !important; }