/* Atlas Desk mobile cohesion, 2026-07-03.
   Loaded after atlas.css so it can override older mobile fragments without
   changing the static/SEO HTML model. */

.fc-live-activity-strip,
.fc-desk-preflight {
  display: grid;
  gap: 6px;
  margin: 16px 0;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--accent, #22d3ee) 24%, transparent);
  border-radius: 16px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent, #22d3ee) 11%, transparent), transparent 62%),
    color-mix(in srgb, var(--panel, #07111f) 82%, transparent);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

.fc-live-activity-strip span,
.fc-desk-preflight span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent, #22d3ee);
  font: 900 0.62rem/1 var(--mono, ui-monospace, monospace);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.fc-live-activity-strip span::before,
.fc-desk-preflight span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--accent, #22d3ee);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, #22d3ee) 14%, transparent);
  animation: atlas-live-pulse 2.4s ease-in-out infinite;
}

.fc-live-activity-strip strong,
.fc-desk-preflight strong {
  color: var(--text-primary, #e8eef5);
  font-size: 0.98rem;
  line-height: 1.3;
}

.fc-live-activity-strip small,
.fc-desk-preflight small {
  color: var(--text-muted, #a7bfd2);
  font-size: 0.82rem;
  line-height: 1.55;
}

@keyframes atlas-live-pulse {
  0%, 100% { transform: scale(1); opacity: 0.78; }
  50% { transform: scale(1.22); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .fc-live-activity-strip span::before,
  .fc-desk-preflight span::before {
    animation: none;
  }
}

@media (max-width: 820px) {
  body[data-site="atlas"] .fc-mobile-bottom-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body[data-site="atlas"] .fc-mobile-bottom-nav a {
    font-size: 0.72rem !important;
    letter-spacing: 0.04em !important;
  }

  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-workstation-page-head {
    padding: 16px 14px !important;
    margin-bottom: 10px !important;
    border: 1px solid rgba(82, 220, 255, 0.18) !important;
    border-radius: 18px !important;
    background: rgba(5, 18, 32, 0.66) !important;
  }

  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-workstation-page-head h1 {
    font-size: clamp(1.65rem, 8vw, 2.25rem) !important;
    line-height: 1.06 !important;
  }

  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-workstation-page-head p {
    color: #c7d9e8 !important;
  }

  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-hero-cta-row {
    display: none !important;
  }

  body[data-site="atlas"]:has(.atlas-workstation-page) .fc-desk-preflight {
    margin: 10px 0 12px !important;
    background: rgba(2, 9, 20, 0.54) !important;
    box-shadow: none !important;
  }

  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-ws-secondary-divider {
    width: min(calc(100vw - 20px), 1180px) !important;
    margin: 12px auto 6px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(82, 220, 255, 0.18) !important;
    border-radius: 14px !important;
    background: rgba(64, 217, 246, 0.08) !important;
    color: #c7d9e8 !important;
    font-size: 0.70rem !important;
    letter-spacing: 0.08em !important;
    line-height: 1.45 !important;
  }

  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-market-center-drawer,
  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-workstation-drawer {
    width: min(calc(100vw - 20px), 1180px) !important;
    max-width: calc(100vw - 20px) !important;
    margin: 10px auto 0 !important;
    border: 1px solid rgba(82, 220, 255, 0.18) !important;
    border-radius: 14px !important;
    background: rgba(5, 18, 32, 0.82) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-market-center-drawer > summary,
  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-workstation-drawer > summary {
    min-height: 56px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(64, 217, 246, 0.08) !important;
    color: #eafcff !important;
    font: 900 0.74rem/1.2 var(--mono, ui-monospace, monospace) !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-market-center,
  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-calendar,
  body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-templates {
    width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(3, 14, 26, 0.64) !important;
    box-shadow: none !important;
  }

  html[data-theme="light"] body[data-site="atlas"] .fc-live-activity-strip,
  html[data-theme="light"] body[data-site="atlas"] .fc-desk-preflight {
    background:
      linear-gradient(135deg, rgba(7, 95, 124, 0.07), transparent 62%),
      rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(7, 65, 90, 0.22) !important;
    box-shadow: 0 14px 34px rgba(6, 17, 32, 0.08) !important;
  }

  html[data-theme="light"] body[data-site="atlas"] .fc-live-activity-strip strong,
  html[data-theme="light"] body[data-site="atlas"] .fc-desk-preflight strong {
    color: #061120 !important;
  }

  html[data-theme="light"] body[data-site="atlas"] .fc-live-activity-strip small,
  html[data-theme="light"] body[data-site="atlas"] .fc-desk-preflight small {
    color: #405164 !important;
  }

  html[data-theme="light"] body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-workstation-page-head,
  html[data-theme="light"] body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-market-center-drawer,
  html[data-theme="light"] body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-workstation-drawer {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(7, 65, 90, 0.20) !important;
  }

  html[data-theme="light"] body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-workstation-page-head p,
  html[data-theme="light"] body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-ws-secondary-divider {
    color: #405164 !important;
  }

  html[data-theme="light"] body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-market-center-drawer > summary,
  html[data-theme="light"] body[data-site="atlas"]:has(.atlas-workstation-page) .atlas-workstation-drawer > summary {
    background: rgba(7, 95, 124, 0.07) !important;
    color: #061120 !important;
  }
}