/* Keep support within reach while the navigation above it scrolls. */
.portal-shell #portal-navigation { display: flex; flex-direction: column; }
.portal-shell #portal-navigation .sidebar-wrapper { min-height: 0; padding-bottom: 0; }
.portal-shell #portal-navigation > .sidebar-wrapper { flex: 1 1 auto; height: auto !important; max-height: none; }
.portal-shell #portal-navigation .sidebar-content { padding-bottom: 20px; }
.portal-shell #portal-navigation > .portal-nav-close { flex-shrink: 0; }
.portal-sidebar-footer { flex: 0 0 auto; padding: 12px 16px max(16px, env(safe-area-inset-bottom)); border-top: 1px solid #ffffff1f; }
.portal-report-button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #506079; border-radius: 6px; background: transparent; color: #dce5f2; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.portal-report-button:hover { background: #2c3a53; color: #fff; border-color: #8ab9ff; }
.portal-report-button:focus-visible { outline: 2px solid #8ab9ff; outline-offset: 3px; }
.portal-report-button i { flex: 0 0 20px; text-align: center; }

#reportIssueModal .modal-dialog { width: calc(100% - 32px); max-width: 600px; }
#reportIssueModal .modal-content { max-height: calc(100vh - 56px); max-height: calc(100dvh - 56px); }
#reportIssueModal .modal-header, #reportIssueModal .modal-footer { flex-shrink: 0; }
#reportIssueModal .close { color: #edf2fa; text-shadow: none; }
#reportIssueModal .btn-outline-secondary { color: #dce5f2; border-color: #73809a; }
#reportIssueModal .btn-outline-secondary:hover, #reportIssueModal .btn-outline-secondary:focus { color: #fff; background: #344764; }
#reportIssueModal .modal-body { min-height: 0; overflow-y: auto; }
#reportIssueModal .form-group { padding: 0; margin-bottom: 16px; }
#reportIssueModal .form-control { background: #172136; color: #edf2fa; border-color: #73809a; }
#reportIssueModal .form-control:focus { border-color: #8ab9ff; box-shadow: 0 0 0 3px #8ab9ff26; }
#reportIssueModal .form-control::placeholder { color: #acb8cc; opacity: 1; }
#reportIssueModal textarea { min-height: 144px; resize: vertical; }
#reportIssueModal fieldset { min-width: 0; }
#reportIssueModal .report-issue-note { color: #bac4d3; font-size: .85rem; line-height: 1.5; }
#reportIssueModal .report-issue-reference { overflow-wrap: anywhere; }
#reportIssueModal .alert:focus { outline: 2px solid #8ab9ff; outline-offset: 3px; }
#reportIssueModal [hidden] { display: none !important; }

@media (min-width: 992px) {
  .sidebar_minimize .portal-sidebar-footer { padding-right: 10px; padding-left: 10px; }
  .sidebar_minimize .sidebar:not(:hover) .portal-report-button { justify-content: center; padding: 10px 0; }
  .sidebar_minimize .sidebar:not(:hover) .portal-report-button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
}
@media (max-width: 575.98px) {
  #reportIssueModal .modal-content { max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
  #reportIssueModal .modal-header, #reportIssueModal .modal-footer { padding: 12px 16px; }
}