/* Moved verbatim from the <style> block of design/Dashboard.dc.html. */
  body { margin: 0; background: #FAFAFA; }
  nav::-webkit-scrollbar { display: none; }
  @media (max-width: 1100px) {
    .ax-header-icons { display: none !important; }
  }
  @media (max-width: 900px) {
    .ax-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .ax-activity-grid { grid-template-columns: 1fr !important; }
    .ax-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  }
  @media (max-width: 700px) {
    header > div:first-child { padding: 0 12px !important; gap: 8px !important; }
    header nav { margin-left: 4px !important; }
    .ax-user-session { display: none !important; }
    main { padding: 24px 16px 56px !important; }
    main > div > h2 { font-size: 30px !important; }
    .ax-status-card { padding: 18px !important; }
    .ax-status-layout { flex-direction: column !important; gap: 18px !important; }
    .ax-status-side { width: 100% !important; align-items: flex-start !important; }
    .ax-status-title-row { align-items: flex-start !important; }
    .ax-status-title-row h2 { font-size: 28px !important; }
    .ax-activity-grid { grid-template-columns: 1fr !important; }
    .ax-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .ax-footer-inner { align-items: flex-start !important; flex-direction: column !important; }
  }
  @media (max-width: 520px) {
    .ax-product-grid, .ax-support-grid { grid-template-columns: 1fr !important; }
    .ax-incident-banner { flex-direction: column !important; }
  }
  a { color: var(--ax-accent-deep); text-decoration-color: color-mix(in oklab, var(--ax-accent-deep) 45%, transparent); }
  a:hover { color: var(--ax-ink-900); text-decoration-color: currentColor; }

/* Spike additions. The mock-up used <button onClick> for navigation; links reproduce the button's UA styles. */
a.ax-btnlink { font: -webkit-small-control; font-size: 13.3333px; color: buttontext; line-height: normal; text-decoration: none; box-sizing: border-box; display: inline-block; letter-spacing: normal; }
a.ax-btnlink:hover { color: buttontext; }
a.ax-lift:hover { box-shadow: 0 6px 16px rgba(9,9,11,0.10) !important; }
a.ax-lift-sm:hover { box-shadow: 0 4px 12px rgba(9,9,11,0.08) !important; }

/* Links inside running text are underlined, so they do not rely on colour alone (WCAG 1.4.1, #2470). */
p a { text-decoration: underline; }

/* Application tiles no longer carry status, uptime or version (#2470), so below 900px each row takes its own height
   instead of every row matching the tallest card (the support card). */
@media (max-width: 900px) {
  .ax-product-grid { grid-auto-rows: auto !important; }
}