/* ============================================================
   FIRST-FIVE-MINUTES PASS — 2026-08-03
   ============================================================ */

/* First-run activation card: dominant, clear single mission. */
.gn-first-run-card {
  margin: 10px 0 16px !important;
  padding: 22px 18px !important;
  border: 1px solid rgba(0, 212, 255, .4) !important;
  border-top: 3px solid #00d4ff !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(0, 212, 255, .08), rgba(0, 0, 0, .18)) !important;
  text-align: center !important;
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
}
.gn-first-run-card .empty-ico { opacity: 1 !important; }
.gn-first-run-card .gn-first-run-title {
  font-size: .92rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  color: var(--text-primary, #eef6f8) !important;
}
.gn-first-run-sub {
  display: block !important;
  font-size: .78rem !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  color: var(--text-mid, #9fb7c2) !important;
  letter-spacing: .01em !important;
  max-width: 280px !important;
}
.gn-first-run-card .empty-cta {
  min-height: 48px !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
  min-width: 220px !important;
  margin-top: 4px !important;
}
html[data-theme="light"] .gn-first-run-card {
  background: linear-gradient(180deg, rgba(0, 111, 130, .1), rgba(0, 0, 0, .03)) !important;
  border-color: rgba(0, 111, 130, .45) !important;
  border-top-color: #006f82 !important;
}
html[data-theme="light"] .gn-first-run-card .gn-first-run-title { color: #1a2328 !important; }
html[data-theme="light"] .gn-first-run-sub { color: #33454c !important; }

/* Entry-ways preview on the landing hero: the three entry paths are named
   before the first tap, so ENTER THE GRID is never a leap into the unknown. */
.landing-entry-ways {
  margin: 10px auto 0 !important;
  max-width: 340px !important;
  text-align: center !important;
  color: var(--text-2, #b7c7d3) !important;
  font: 600 var(--type-caption, .62rem)/1.6 var(--font-m, monospace) !important;
  letter-spacing: .08em !important;
}
html[data-theme="light"] .landing-entry-ways { color: #33454c !important; }

/* JACK IN subtitle — entry-language clarity. */
.gn-auth-subtitle {
  margin: 2px 0 10px !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  color: var(--text-mid, #b7c7d3) !important;
  text-align: center !important;
}
html[data-theme="light"] .gn-auth-subtitle { color: #33454c !important; }

/* LAB focus: directory subdued while a tool is open; tool prominent. */
.gn-tool-focus .gn-foundation-section:not([open]) { opacity: .45 !important; pointer-events: none !important; }
.gn-tool-focus .gn-foundation-section[open] {
  border: 1px solid rgba(0, 212, 255, .45) !important;
  border-top: 2px solid #00d4ff !important;
  border-radius: 10px !important;
  padding: 12px !important;
  margin: 10px 0 !important;
  background: rgba(0, 212, 255, .04) !important;
}
html[data-theme="light"] .gn-tool-focus .gn-foundation-section[open] {
  border-color: rgba(0, 111, 130, .5) !important;
  border-top-color: #006f82 !important;
  background: rgba(0, 111, 130, .05) !important;
}

/* Date/calendar + dropdown polish inside DAY OPS: readable options. */
html[data-theme="light"] .cp-dropdown { box-shadow: 0 14px 40px rgba(30, 40, 45, .25) !important; }
html[data-theme="light"] .cp-dropdown .cp-option { color: #1a2328 !important; }
html[data-theme="light"] .cp-dropdown .cp-option:hover,
html[data-theme="light"] .cp-dropdown .cp-option.selected { background: rgba(0, 111, 130, .14) !important; color: #0d3c48 !important; }
html[data-theme="light"] .cp-group-minimized { color: #1a2328 !important; background: rgba(0, 111, 130, .07) !important; }
html[data-theme="light"] .gn-date-panel { background: var(--surface-elevated, #f8f5ed) !important; color: #1a2328 !important; }
html[data-theme="light"] .gn-date-panel .cal-day { color: #1a2328 !important; }
html[data-theme="light"] .gn-date-panel .cal-day.selected { background: #006f82 !important; color: #fff !important; }

/* LAB focused view: keep the back control reachable while the tool content
   scrolls (the overlay is the scroll container; the header must stay on top). */
.gn-lab-tool-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  background: #080b10 !important;
  padding-top: 10px !important;
  margin: -14px -14px 12px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}
html[data-theme="light"] .gn-lab-tool-head { background: var(--surface-elevated, #f8f5ed) !important; }
.gn-lab-back {
  min-height: 44px !important;
  padding: 10px 12px !important;
  font-size: .64rem !important;
}