/* Support contacts shared by the public page and the dashboard. */
.support-workspace { max-width: 48rem; }
.support-account-id { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-bottom:24px; padding:16px 0; border-top:1px solid #dfe7ef; border-bottom:1px solid #dfe7ef; }
.support-account-id[hidden] { display:none; }
.support-account-id > span { color:#576579; font-size:14px; }
.support-account-id-control { display:flex; flex:0 1 22rem; max-width:100%; align-items:center; gap:8px; min-width:0; }
.support-account-id-control code { flex:1 1 0; min-width:0; color:#344054; overflow-wrap:anywhere; user-select:all; font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.support-account-id-control .icon-button { flex:0 0 40px; width:40px; height:40px; }
.support-contacts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid #dfe7ef; border-radius: .5rem; background: #fff; }
.support-contact { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); grid-template-areas: "icon copy" ". action"; align-items: center; gap: .75rem 1rem; padding: 1.5rem; color: #0f172a; text-decoration: none; transition: background-color 120ms ease; }
.support-contact:nth-child(2) { border-left: 1px solid #dfe7ef; }
.support-contact:hover { background: #f8fafc; }
.support-contacts .support-contact:focus-visible { outline: 2px solid #0284c7; outline-offset: -3px; }
.support-contact-icon { grid-area: icon; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: .5rem; color: #0284c7; background: #f0f9ff; }
.support-contact-icon svg { width: 1.375rem; height: 1.375rem; }
.support-contact-copy { grid-area: copy; min-width: 0; }
.support-contact-copy strong { display: block; font-size: 1rem; font-weight: 600; line-height: 1.5; letter-spacing: 0; }
.support-contact-address { display: block; margin-top: .125rem; color: #576579; font-size: .875rem; line-height: 1.5; overflow-wrap: anywhere; }
.support-contact-action { grid-area: action; display: inline-flex; align-items: center; justify-self: start; gap: .625rem; min-height: 1.75rem; color: #0369a1; font-size: .875rem; font-weight: 600; line-height: 1.5; white-space: nowrap; }
.support-contact:hover .support-contact-action-text { text-decoration: underline; text-underline-offset: .2em; }
.support-contact-action svg { flex: 0 0 auto; width: 1.125rem; height: 1.125rem; }
.support-contact--channel { grid-column: 1 / -1; grid-template-columns: 2.75rem minmax(0, 1fr) auto; grid-template-areas: "icon copy action"; padding-top: 1.25rem; padding-bottom: 1.25rem; border-top: 1px solid #dfe7ef; }
.support-contact--channel .support-contact-action { justify-content: center; min-width: 9rem; min-height: 2.75rem; padding: .625rem .875rem; border-radius: .375rem; color: #fff; background: #0369a1; }
.support-contact--channel:hover .support-contact-action { background: #075985; }
.support-contact--channel:hover .support-contact-action-text { text-decoration: none; }
.support-details { margin-top: 1.25rem; }
.support-details h2 { margin: 0; color: #344054; font-size: .9375rem; font-weight: 600; line-height: 1.5; }
.support-details p { max-width: 44rem; margin: .375rem 0 0; color: #576579; font-size: .9375rem; line-height: 1.65; }

.support-page { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; margin: 0; color: #0f172a; background: #f5faff; font: 400 1rem/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
.support-page *, .support-page *::before, .support-page *::after { box-sizing: border-box; }
.support-page a:focus-visible { outline: 2px solid #0284c7; outline-offset: 4px; }
.support-site-frame { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; max-width: 80rem; margin: 0 auto; padding: 0 2rem; }
.support-site-header { border-bottom: 1px solid #e1eaf3; background: #fff; }
.support-site-header .support-site-frame { min-height: 5rem; }
.support-logo { display: block; flex: 0 0 auto; line-height: 0; }
.support-logo .brand-logo { width: 9.375rem; height: auto; }
.support-site-header nav, .support-site-footer nav { display: flex; align-items: center; gap: 1.75rem; }
.support-site-header nav a, .support-site-footer nav a { color: #475569; font-size: .9375rem; font-weight: 500; text-decoration: none; }
.support-site-header nav a:hover, .support-site-footer nav a:hover { color: #0284c7; }
.support-site-header nav .support-login-link { display: inline-flex; align-items: center; gap: .625rem; min-height: 2.75rem; padding: .5625rem 1.125rem; border-radius: .625rem; color: #fff; background: #0f172a; }
.support-login-link svg { width: 1.125rem; height: 1.125rem; }
.support-site-main { flex: 1 0 auto; width: 100%; max-width: 56rem; margin: 0 auto; padding: 4rem 2rem; }
.support-site-intro { margin-bottom: 2.25rem; }
.support-site-intro h1 { margin: 0; font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 800; line-height: 1.2; letter-spacing: -.045em; }
.support-site-intro p { margin: .875rem 0 0; color: #576579; font-size: 1.0625rem; line-height: 1.65; }
.support-site-footer { margin-top: auto; border-top: 1px solid #e1eaf3; background: #fff; }
.support-site-footer .support-site-frame { min-height: 5rem; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #576579; font-size: .875rem; }
.support-site-footer nav a { font-size: .875rem; font-weight: 400; }

@media (max-width: 767px) {
  .support-contacts { grid-template-columns: 1fr; }
  .support-contact { grid-template-columns: 2rem minmax(0, 1fr) 1.25rem; grid-template-areas: "icon copy action"; column-gap: .5rem; min-height: 5.5rem; padding: 1rem; }
  .support-contact:nth-child(2) { border-top: 1px solid #dfe7ef; border-left: 0; }
  .support-contact-icon { width: 2rem; height: 2rem; }
  .support-contact-action { justify-self: end; }
  .support-contact-action-text { display: none; }
  .support-contact--channel { grid-template-columns: 2rem minmax(0, 1fr); grid-template-areas: "icon copy" ". action"; gap: .5rem 1rem; min-height: 0; }
  .support-contact--channel .support-contact-action { justify-self: start; min-height: 2.5rem; }
  .support-contact--channel .support-contact-action-text { display: inline; }
  .support-site-main { padding: 2.5rem 1.25rem; }
  .support-site-intro { margin-bottom: 1.5rem; }
  .support-site-frame { padding-right: 1.25rem; padding-left: 1.25rem; }
  .support-site-header .support-site-frame { min-height: 4.5rem; }
  .support-site-header nav .support-products-link { display: none; }
  .support-site-footer .support-site-frame { flex-wrap: wrap; gap: .75rem 1.5rem; }
  .support-site-footer nav { gap: 1rem; }
}