body { font-family: "Segoe UI", Arial, sans-serif; line-height: 1.55; }
.navbar-brand { font-weight: 600; }
.page-header { font-weight: 600; padding-bottom: 18px; }
.panel, .well { border-radius: 10px; }
.panel { box-shadow: 0 3px 14px rgba(0,0,0,.06); }
.panel-heading { border-radius: 9px 9px 0 0; }
.btn, .form-control { border-radius: 6px; }
.btn { transition: background-color .15s, box-shadow .15s; }
.btn:focus-visible, a:focus-visible, [data-theme-toggle]:focus-visible {
  outline: 3px solid #c19d62; outline-offset: 3px;
}
.form-control { min-height: 36px; }
.login-panel { margin-top: 12vh; }
.login-panel .panel-body { padding: 24px; }
.login-panel .panel-heading { padding: 24px; font-weight: 600; }
.sidebar .nav a { padding-top: 13px; padding-bottom: 13px; }
.table-responsive { border-radius: 8px; }
.table > thead > tr > th { white-space: nowrap; }
.table > tbody > tr > td { vertical-align: middle; }
#panel-request-error { margin-top: 20px; }
.integration-frame { width: 100%; height: 75vh; border: 1px solid var(--color-border); border-radius: 10px; }
@media (max-width: 767px) {
  #page-wrapper { padding: 15px; }
  .page-header { font-size: 26px; margin-top: 20px; }
  .login-panel { margin-top: 30px; }
  .navbar-brand { font-size: 16px; }
}