/* tylerpanel.css — Vyoma Cloud ops console ───────────────────────────────── */

/* ── Variables ──────────────────────────────────────────────────────────────── */
:root {
  --bg:         #08101e;
  --panel:      #0d1628;
  --panel-2:    #13203a;
  --panel-3:    #1a2a46;
  --text:       #dce6f8;
  --muted:      #6a88ae;
  --muted-2:    #96b2d4;
  --line:       #1c2d47;
  --line-2:     #243657;
  --accent:     #5aaff5;
  --accent-dim: rgba(90,175,245,0.10);
  --good:       #4ecf97;
  --good-dim:   rgba(78,207,151,0.12);
  --warn:       #f0b44a;
  --warn-dim:   rgba(240,180,74,0.12);
  --danger:     #ee5e5e;
  --danger-dim: rgba(238,94,94,0.12);
  --info:       #72cce0;
  --info-dim:   rgba(114,204,224,0.10);
  --surface-glow: radial-gradient(1200px 600px at 15% -10%, rgba(90,175,245,0.12), transparent 60%), radial-gradient(1000px 500px at 90% -20%, rgba(114,204,224,0.08), transparent 62%);
}

/* ── Reset & Base ────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  background-image: var(--surface-glow);
  background-attachment: fixed;
}

a { color: inherit; text-decoration: none; }

/* ── App shell ───────────────────────────────────────────────────────────────── */
.tylerpanel-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.tylerpanel-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0 1.75rem;
  height: 50px;
  border-bottom: 1px solid var(--line);
  background: rgba(8,16,30,0.97);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  position: sticky;
  top: 0;
  z-index: 100;
  flex-shrink: 0;
}

.tylerpanel-brand {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-shrink: 0;
}

.tylerpanel-brand-name {
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
}

.tylerpanel-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.topbar-domain-search {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-left: 0.4rem;
}

.topbar-domain-search input {
  background: var(--panel-2);
  border: 1px solid var(--line-2);
  color: var(--text);
  border-radius: 6px;
  min-height: 30px;
  min-width: 180px;
  padding: 0.3rem 0.6rem;
  font-size: 12px;
}

.topbar-domain-search button {
  appearance: none;
  border: 1px solid var(--line-2);
  background: var(--panel-2);
  color: var(--muted-2);
  border-radius: 6px;
  min-height: 30px;
  padding: 0 0.65rem;
  font-size: 12px;
  cursor: pointer;
}

.topbar-domain-search button:hover {
  border-color: var(--accent);
  color: var(--text);
}

.tylerpanel-nav {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--line-2) var(--panel);
}

.table-wrap { scrollbar-width: thin; scrollbar-color: var(--line-2) var(--panel); }
.tylerpanel-nav::-webkit-scrollbar, .table-wrap::-webkit-scrollbar { height: 4px; }
.tylerpanel-nav::-webkit-scrollbar-thumb, .table-wrap::-webkit-scrollbar-thumb { background: var(--line-2); border-radius: 4px; }
.tylerpanel-nav::-webkit-scrollbar-track, .table-wrap::-webkit-scrollbar-track { background: var(--panel); }

.tylerpanel-nav a {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--muted-2);
  padding: 0.3rem 0.65rem;
  border-radius: 6px;
  transition: background 0.13s, color 0.13s;
  white-space: nowrap;
}

.tylerpanel-nav a:hover {
  background: var(--panel-2);
  color: var(--text);
}

.signout-button {
  appearance: none;
  background: none;
  border: 1px solid var(--line-2);
  color: var(--muted);
  cursor: pointer;
  font: inherit;
  font-size: 11.5px;
  font-weight: 500;
  padding: 0.28rem 0.8rem;
  border-radius: 6px;
  margin-left: 0.5rem;
  transition: border-color 0.13s, color 0.13s;
}

.signout-button:hover {
  border-color: var(--muted-2);
  color: var(--text);
}

.tylerpanel-content {
  flex: 1;
  padding: 1.75rem 2.25rem 2.5rem;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}

.enterprise-footer {
  border-top: 1px solid var(--line);
  background: rgba(8, 16, 30, 0.92);
  padding: 1rem 2.25rem 1.25rem;
}

.enterprise-footer-grid {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem 1.2rem;
}

.enterprise-footer-title {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-2);
}

.enterprise-footer-copy {
  margin: 0.2rem 0 0;
  font-size: 12px;
  color: var(--muted);
}

.enterprise-footer-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.enterprise-footer-links a {
  font-size: 12px;
  color: var(--muted-2);
  border: 1px solid var(--line-2);
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
}

.enterprise-footer-links a:hover {
  border-color: var(--accent);
  color: var(--text);
}

/* ── Typography ─────────────────────────────────────────────────────────────── */
.eyebrow {
  margin: 0 0 0.35rem;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--accent);
}

.lede {
  margin: 0.2rem 0 0;
  color: var(--muted-2);
  font-size: 13px;
  line-height: 1.6;
  max-width: 72ch;
}

.mono {
  font-family: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: var(--muted-2);
}

/* ── Page headers ────────────────────────────────────────────────────────────── */
.console-header {
  margin: 0 0 1.75rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid var(--line);
}

.console-header h2 {
  margin: 0 0 0.3rem;
  font-size: 22px;
  font-weight: 760;
  letter-spacing: -0.02em;
  color: var(--text);
  line-height: 1.2;
}

.section-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 0.75rem;
}

/* ── Link actions ────────────────────────────────────────────────────────────── */
.link-action {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--accent);
  transition: opacity 0.13s;
}

.link-action:hover { opacity: 0.7; }

/* ── Alerts ──────────────────────────────────────────────────────────────────── */
.login-alert {
  padding: 0.65rem 0.9rem;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 1rem;
  border: 1px solid var(--warn);
  background: var(--warn-dim);
  color: var(--warn);
}

.danger-alert {
  border-color: var(--danger);
  background: var(--danger-dim);
  color: var(--danger);
}

.success-alert {
  border-color: var(--good);
  background: var(--good-dim);
  color: var(--good);
}

/* ── Badges ──────────────────────────────────────────────────────────────────── */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--panel-3);
  color: var(--muted-2);
}

/* green: healthy, active, running, deployed, verified, approved, online */
.badge-healthy, .badge-active, .badge-running,
.badge-deployed, .badge-verified, .badge-approved,
.badge-good, .badge-online {
  background: var(--good-dim);
  color: var(--good);
}

/* yellow: degraded, pending, warning */
.badge-degraded, .badge-pending,
.badge-warn, .badge-warning, .badge-paused {
  background: var(--warn-dim);
  color: var(--warn);
}

/* red: unreachable, failed, rejected, error, critical */
.badge-unreachable, .badge-failed, .badge-rejected,
.badge-error, .badge-critical, .badge-crit, .badge-down {
  background: var(--danger-dim);
  color: var(--danger);
}

/* blue: provisioning, updating */
.badge-info, .badge-provisioning, .badge-updating {
  background: var(--info-dim);
  color: var(--info);
}

/* muted: unknown, inactive, stopped, unverified, archived */
.badge-unknown, .badge-inactive, .badge-stopped,
.badge-unverified, .badge-archived, .badge-disabled {
  background: var(--panel-3);
  color: var(--muted);
}

/* ── Data tables ─────────────────────────────────────────────────────────────── */
.data-section {
  margin-bottom: 1.4rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(18,32,56,0.42) 0%, rgba(13,22,40,0.92) 100%);
  padding: 1rem 1rem 1.1rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.015), 0 18px 35px rgba(0,0,0,0.24);
}

.table-wrap {
  overflow-x: auto;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(19,32,58,0.75) 0%, rgba(13,22,40,0.95) 100%);
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.data-table thead {
  position: sticky;
  top: 50px;
  z-index: 10;
}

.data-table thead th {
  background: var(--panel-2);
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  padding: 0.7rem 0.9rem;
  text-align: left;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}

.data-table tbody tr {
  border-bottom: 1px solid var(--line);
  transition: background 0.1s;
}

.data-table tbody tr:nth-child(even) {
  background: rgba(19,32,58,0.28);
}

.data-table tbody tr:last-child { border-bottom: none; }

.data-table tbody tr:hover { background: var(--panel-2); }

.data-table td {
  padding: 0.62rem 0.9rem;
  vertical-align: middle;
  color: var(--text);
}

.data-table td.mono { color: var(--muted-2); }
.operation-output { white-space: pre-wrap; overflow-wrap: anywhere; max-inline-size: 65ch; font-size: .85rem; }

/* ── Metric cards ────────────────────────────────────────────────────────────── */
.metric-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.metric-card {
  flex: 1 1 150px;
  min-width: 110px;
  background: linear-gradient(180deg, rgba(19,32,58,0.9) 0%, rgba(13,22,40,0.96) 100%);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0.9rem 1rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}

.metric-link {
  display: block;
  cursor: pointer;
  transition: border-color 0.13s, transform 0.1s, background 0.13s;
}

.metric-link:hover,
.metric-link:focus-visible {
  border-color: var(--accent);
  background: linear-gradient(180deg, rgba(26,42,70,0.95) 0%, rgba(19,32,58,0.98) 100%);
}

.metric-link:active {
  transform: translateY(1px);
}

.metric-label {
  margin: 0 0 0.35rem;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--muted);
}

.metric-value {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--text);
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}

.metric-value.mono { font-size: 16px; }

/* ── Action cards ────────────────────────────────────────────────────────────── */
.action-sections {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 0.95rem;
  margin-bottom: 2.5rem;
}

.quickstart-panel {
  margin-bottom: 1.2rem;
}

.quickstart-grid {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 1rem;
  align-items: start;
}

.action-card {
  background: linear-gradient(180deg, rgba(21,36,63,0.95) 0%, rgba(13,22,40,0.98) 100%);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 1rem 1rem 1.05rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 12px 22px rgba(0,0,0,0.22);
}

.action-card h3 {
  margin: 0 0 0.35rem;
  font-size: 14px;
  font-weight: 760;
  color: var(--text);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--line);
}

.login-copy {
  margin: 0.2rem 0 0.8rem;
  font-size: 12.5px;
  color: var(--muted);
  line-height: 1.5;
}

/* ── Forms ───────────────────────────────────────────────────────────────────── */
.control-form,
.login-form {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}

.control-form label,
.login-form label {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.control-form label span,
.login-form label span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-2);
}

.control-form input,
.control-form select,
.login-form input {
  background: var(--panel-2);
  border: 1px solid var(--line-2);
  color: var(--text);
  padding: 0.58rem 0.78rem;
  border-radius: 7px;
  font: inherit;
  font-size: 13px;
  outline: none;
  transition: border-color 0.13s;
  width: 100%;
  min-height: 38px;
}

.control-form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position: calc(100% - 16px) calc(50% - 3px), calc(100% - 10px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 2rem;
}

.control-form input:focus,
.control-form select:focus,
.login-form input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-dim);
}

.control-form input::placeholder,
.login-form input::placeholder {
  color: var(--muted);
  opacity: 0.6;
}

option {
  background: var(--panel-2);
  color: var(--text);
}

.control-form button,
.login-form button[type="submit"] {
  align-self: flex-start;
  appearance: none;
  background: var(--accent);
  color: #050e1c;
  font: inherit;
  font-size: 12.5px;
  font-weight: 760;
  border: none;
  padding: 0.52rem 1.1rem;
  border-radius: 7px;
  cursor: pointer;
  transition: opacity 0.13s, transform 0.1s;
}

.control-form button:hover,
.login-form button[type="submit"]:hover { opacity: 0.85; }

.control-form button:active,
.login-form button[type="submit"]:active { transform: translateY(1px); }

.compact-form {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
}

.secondary-form { margin-top: 0.75rem; }

.secondary-button {
  appearance: none;
  background: none;
  border: 1px solid var(--line-2);
  color: var(--muted-2);
  font: inherit;
  font-size: 13px;
  padding: 0.5rem 1rem;
  border-radius: 7px;
  cursor: pointer;
  transition: border-color 0.13s, color 0.13s;
  width: 100%;
}

.secondary-button:hover {
  border-color: var(--muted-2);
  color: var(--text);
}

/* ── Lane links ──────────────────────────────────────────────────────────────── */
.lane-links {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.75rem;
}

.lane-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  transition: border-color 0.13s, background 0.13s;
}

.lane-links a::after {
  content: "→";
  color: var(--accent);
  font-size: 14px;
  flex-shrink: 0;
}

.lane-links a:hover {
  border-color: var(--accent);
  background: linear-gradient(180deg, rgba(26,42,70,0.92) 0%, rgba(19,32,58,0.98) 100%);
}

/* ── Auth / login pages ──────────────────────────────────────────────────────── */
.hero,
.hero-auth {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  align-items: center;
  min-height: calc(100vh - 50px);
  padding: 2rem 0;
}

.hero-copy { max-width: 46ch; }

.hero-copy h2 {
  margin: 0.3rem 0 0.6rem;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--text);
}

.login-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 1.75rem;
}

.login-card h3 {
  margin: 0 0 0.35rem;
  font-size: 17px;
  font-weight: 700;
  color: var(--text);
}

/* ── Responsive ──────────────────────────────────────────────────────────────── */
@media (max-width: 800px) {
  .tylerpanel-content { padding: 1.25rem 1rem; }
  .tylerpanel-topbar { padding: 0.65rem 1rem; height: auto; min-height: 50px; flex-wrap: wrap; gap: 0.4rem; }
  .tylerpanel-actions { width: 100%; }
  .tylerpanel-nav { flex: 1; }
  .tylerpanel-actions > form { flex-shrink: 0; }
  .tylerpanel-nav a { font-size: 11px; padding: 0.28rem 0.5rem; }
  .topbar-domain-search { display: none; }
  .enterprise-footer { padding: 1rem; }
  .enterprise-footer-grid { flex-direction: column; align-items: flex-start; }
  .quickstart-grid { grid-template-columns: 1fr; }

  .hero, .hero-auth {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    min-height: 0;
  }
  .hero-copy { display: none; }

  .action-sections { grid-template-columns: 1fr; }
  .lane-links { grid-template-columns: 1fr; }
  .metric-row { gap: 0.75rem; }
}

/* Customer cloud UI. Operator routes retain their independent operational layout. */
.tylerpanel-shell:has(.customer-auth){background:#f7f9fd;color:#102044;min-height:100vh}.tylerpanel-shell:has(.customer-auth) .tylerpanel-topbar{background:#fff;border-bottom:1px solid #dce4f2;max-width:none;padding:24px max(24px,calc((100vw - 1280px)/2));color:#102044}.tylerpanel-shell:has(.customer-auth) .tylerpanel-brand-name{color:#102044;font-size:26px;font-weight:800;letter-spacing:-.06em}.tylerpanel-shell:has(.customer-auth) .tylerpanel-nav a{color:#40547a;font-size:14px}.tylerpanel-shell:has(.customer-auth) .tylerpanel-content{width:min(1280px,calc(100% - 48px));margin:auto;padding:0}.customer-auth{display:grid;grid-template-columns:1fr 480px;align-items:center;gap:80px;padding:96px 0 110px;min-height:690px}.customer-auth .eyebrow,.customer-eyebrow{color:#536986;font-size:11px;font-weight:750;letter-spacing:.15em}.customer-auth h2{font-size:clamp(44px,5vw,72px);letter-spacing:-.065em;line-height:1.04;font-weight:760;max-width:10ch;color:#102044;margin:24px 0}.customer-auth h2 span{display:block;color:#075bfa}.customer-auth .lede{font-size:18px;color:#52627b;line-height:1.7;max-width:41ch}.customer-auth .login-card{border:1px solid #dbe3ef;box-shadow:0 18px 60px #132b5710;background:#fff;border-radius:18px;padding:36px;color:#102044}.customer-auth h3{color:#102044;font-size:30px;letter-spacing:-.04em;margin:12px 0}.customer-auth .login-copy{font-size:14px;color:#596981;line-height:1.65;margin:0 0 28px}.customer-auth .login-form label span{color:#405373;font-size:12px;font-weight:650;letter-spacing:.06em}.customer-auth .login-form input{background:#f9fbff;color:#102044;border:1px solid #bdcce0;border-radius:8px;min-height:50px;font:inherit;width:100%;padding:12px}.customer-auth .login-form button{width:100%;min-height:52px;background:#075bfa;color:#fff;border:0;border-radius:8px;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.customer-auth .login-alert{background:#fff7e5;color:#654400;border:1px solid #dfc27b}.customer-login-help{font-size:12px;color:#6a7990;margin-top:20px}.customer-operator-access{font-size:12px;color:#52627b;display:block;margin-top:20px}.customer-footer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;justify-content:space-between;padding:28px max(24px,calc((100vw - 1280px)/2));border-top:1px solid #dce4f2;background:#fff;color:#64728a;font-size:12px}.customer-footer>a{font-weight:750;color:#102044;text-decoration:none}.customer-footer nav{display:flex;gap:24px}.customer-footer a{color:#40547a}.customer-workspace{background:#f6f8fc;color:#142343;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}.customer-workspace *{box-sizing:border-box}.customer-workspace a{color:#075bfa}.customer-workspace a:focus-visible,.customer-workspace button:focus-visible,.customer-workspace input:focus-visible,.customer-auth a:focus-visible,.customer-auth button:focus-visible,.customer-auth input:focus-visible{outline:3px solid #075bfa;outline-offset:4px}.customer-skip{position:absolute;top:-100px;left:20px;background:#fff;padding:12px}.customer-skip:focus{top:12px}.customer-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 32px;border-bottom:1px solid #dce4f2;background:#fff}.customer-workspace-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.customer-workspace-header nav a{text-decoration:none;color:#455877;font-size:14px}.customer-workspace-header form{margin:0}.customer-workspace button{background:#075bfa;color:#fff;border:1px solid #075bfa;border-radius:7px;padding:10px 16px;font:inherit;cursor:pointer}.customer-wordmark{font-weight:800;font-size:25px;letter-spacing:-.06em;text-decoration:none;color:#102044!important}.customer-wordmark span{font-size:11px;font-weight:500;display:block;letter-spacing:.04em;color:#60738f}.customer-workspace-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 200px)}.customer-workspace-sidebar{background:#fff;border-right:1px solid #dce4f2;padding:32px 20px}.customer-workspace-sidebar>p{font-size:11px;color:#7a879a;text-transform:uppercase;letter-spacing:.1em}.customer-workspace-sidebar>a{display:block;text-decoration:none;color:#455877;padding:12px;border-radius:7px;margin-bottom:4px}.customer-workspace-sidebar>a:hover{background:#eff4ff;color:#075bfa}.customer-workspace #workspace-content{padding:40px clamp(24px,4vw,64px);max-width:1400px;overflow-wrap:anywhere}.customer-workspace h1{font-size:36px;color:#122344;letter-spacing:-.045em;margin:12px 0 24px}.customer-workspace h2{font-size:24px;letter-spacing:-.025em}.customer-workspace h3{font-size:19px}.customer-workspace #workspace-content>p{max-width:78ch;color:#5b6b83}.customer-workspace article{background:#fff;border:1px solid #d9e2f0;border-radius:12px;padding:24px;margin:20px 0}.customer-workspace form{max-width:900px}.customer-workspace input,.customer-workspace select,.customer-workspace textarea{font:inherit;background:#fff;color:#142343;border:1px solid #bccadf;border-radius:7px;padding:10px;max-width:100%}.customer-workspace dt{font-size:12px;color:#65758d}.customer-workspace dd{margin:0 0 14px;color:#142343}.customer-workspace .customer-footer{padding:24px 32px}.customer-workspace table{width:100%;border-collapse:collapse;background:#fff}.customer-workspace th,.customer-workspace td{padding:12px;border-bottom:1px solid #dce4f2;text-align:left}@media(max-width:900px){.customer-auth{grid-template-columns:1fr;gap:36px;padding:44px 0 64px;max-width:600px;margin:auto}.customer-auth h2{max-width:16ch;font-size:46px}.customer-auth .login-card{padding:28px}.customer-workspace-layout{grid-template-columns:1fr}.customer-workspace-sidebar{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px;border-right:0;border-bottom:1px solid #dce4f2}.customer-workspace-sidebar>p{width:100%}.customer-workspace-sidebar>a{padding:6px;font-size:12px}.customer-workspace-header{padding:20px;flex-wrap:wrap}.customer-workspace-header nav{gap:16px}.customer-workspace #workspace-content{padding:28px 20px}.customer-workspace h1{font-size:29px}.customer-footer{gap:12px}.customer-footer nav{gap:16px}}@media(prefers-reduced-motion:reduce){.customer-auth *,.customer-workspace *{scroll-behavior:auto!important;transition:none!important}}

.customer-auth .hero-copy{display:block}

/* Customer commerce: durable cart, clear totals and a visible next action. */
.commerce-nav{display:flex;gap:24px;flex-wrap:wrap;border-block:1px solid #dce4f2;padding:16px 0;margin:24px 0}.commerce-intro{font-size:18px;line-height:1.6;max-width:64ch}.commerce-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:32px;align-items:start}.commerce-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}.customer-workspace .commerce-products article{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}.commerce-products h3{margin:0}.commerce-products ul{padding-left:20px;flex:1;line-height:1.8}.commerce-price{font-size:32px;font-weight:700;letter-spacing:-.035em;margin:12px 0}.commerce-price small{font-size:14px;font-weight:400;letter-spacing:0;color:#566982}.commerce-cart{position:sticky;top:24px;background:#fff;border:1px solid #cbd8ec;border-radius:12px;padding:24px;box-shadow:0 12px 36px #1535630b}.commerce-cart h2{margin-top:0}.commerce-cart-line{border-bottom:1px solid #dce4f2;padding:18px 0;display:grid;gap:8px}.commerce-cart-line span{color:#526780}.commerce-total{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:16px}.customer-workspace .commerce-layout button,.customer-workspace .commerce-orders button,.customer-workspace #workspace-content>article button{background:#1558e8;color:#fff;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;max-width:100%}.customer-workspace button:focus-visible,.customer-workspace a:focus-visible{outline:3px solid #f2a93b;outline-offset:4px}.commerce-cart button{width:100%}.commerce-cart-line form button{background:#f0f5ff!important;color:#174296!important}.commerce-products label{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.commerce-products input[type=number]{width:78px}.commerce-products form{display:grid;gap:14px}.commerce-accounts{display:flex;flex-direction:column;max-width:800px;gap:16px}.commerce-account{display:flex;justify-content:space-between;gap:20px;padding:24px;background:#fff;border:1px solid #d6e1f2;border-radius:12px;text-decoration:none}.commerce-account span{color:#526780}.commerce-state{display:inline-block;background:#eaf2ff;color:#123e84;border-radius:20px;padding:7px 14px;font-weight:600;overflow-wrap:anywhere}.commerce-timeline{padding-left:24px}.commerce-timeline li{padding:12px 0 12px 12px;border-left:2px solid #b9cfee}.commerce-orders article{overflow-wrap:anywhere}@media(max-width:760px){.commerce-layout{grid-template-columns:1fr;gap:24px}.commerce-cart{position:static;grid-row:1}.commerce-nav{gap:16px}.commerce-account{flex-direction:column;gap:8px}.commerce-price{font-size:28px}.commerce-products{grid-template-columns:1fr}.commerce-cart button{min-height:48px}}

/* Integrated application workspace: task navigation and real account/service journeys. */
.customer-app{margin:0;background:#f7f9fc!important;color:#17263d;font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-frame{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.app-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #e3e8f0;display:flex;flex-direction:column;min-width:0}.app-brand{display:flex;align-items:baseline;gap:9px;height:80px;padding:24px 25px;color:#1558e8;font-size:27px;letter-spacing:-1.3px;text-decoration:none;font-weight:800}.app-brand span{font-size:9px;letter-spacing:1.2px;color:#7890ae;font-weight:700}.app-sidebar nav{padding:8px 14px;overflow:auto;flex:1}.app-nav-label{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#8a98ad;margin:20px 12px 10px}.app-nav-link{display:flex;align-items:center;gap:13px;min-height:40px;padding:9px 12px;border-radius:7px;text-decoration:none;color:#5b6a82;font-size:13px;font-weight:550;transition:background .15s,color .15s}.app-nav-link>span{font-size:18px;width:22px;text-align:center;color:#8b9db5}.app-nav-link:hover{background:#f3f6fc;color:#1c4b96}.app-nav-link.is-active{background:#eaf1ff;color:#1455df;font-weight:700}.app-nav-link.is-active>span{color:#1455df}.app-sidebar-bottom{border-top:1px solid #e9edf4;padding:18px 25px;display:grid;gap:12px}.app-sidebar-bottom>a{font-size:12px;color:#61738d;text-decoration:none}.app-sidebar-bottom button{font:inherit;font-size:12px;background:none;border:0;padding:0;color:#61738d;cursor:pointer}.app-canvas{min-width:0;display:flex;flex-direction:column}.app-topbar{height:80px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e3e8f0;padding:0 42px;gap:24px}.app-topbar-context{display:flex;gap:14px;align-items:center;color:#8795aa;font-size:12px;text-decoration:none}.app-topbar-context span{color:#c1cbd9}.app-topbar-context strong{color:#54667f;font-weight:550}.app-user{display:flex;gap:10px;align-items:center}.app-user>div{display:grid;line-height:1.4}.app-user strong{font-size:12px;font-weight:650}.app-user small{font-size:10px;color:#92a0b4}.app-avatar{background:#e7efff;color:#1558e8;width:34px;height:34px;border:1px solid #d8e4fc;display:grid;place-items:center;border-radius:50%;font-weight:700}.customer-app #workspace-content{padding:40px 42px 60px;max-width:1600px;width:100%;margin:auto;flex:1;box-sizing:border-box;min-width:0}.customer-app h1{font-size:30px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin:8px 0 10px;color:#1a2b43}.customer-app h2{font-size:20px;letter-spacing:-.45px;font-weight:650;color:#24374f}.customer-app h3{font-size:16px;font-weight:650;color:#24374f}.workspace-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#7b8ca5;margin:0 0 8px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.workspace-heading p:not(.workspace-kicker){color:#7c8da5;margin:0}.workspace-primary,.workspace-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:11px 18px;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap}.workspace-primary{background:#1558e8;color:#fff;box-shadow:0 3px 8px #1558e82a}.workspace-primary:hover{background:#124ac7;color:#fff}.workspace-secondary{background:#fff;border:1px solid #d8e2f1;color:#315b95}.workspace-launchpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0 42px}.workspace-launchpad>a{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-decoration:none;padding:25px;background:#fff;border:1px solid #e0e7f1;border-radius:11px;box-shadow:0 2px 3px #17355203}.workspace-launchpad>a:hover{border-color:#afc8f4;box-shadow:0 8px 24px #19376409}.workspace-icon{background:#edf3ff;color:#1b61ec;font-size:22px;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:8px}.workspace-launchpad strong{color:#253852;font-size:15px;font-weight:650}.workspace-launchpad>a>span:not(.workspace-icon){font-size:12px;color:#8291a5;line-height:1.6}.workspace-launchpad b{font-size:11px;color:#2862c9;margin-top:8px;font-weight:650}.workspace-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 20px}.workspace-section-heading h2{margin:0}.workspace-section-heading>span{font-size:11px;color:#8b9ab0}.workspace-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.customer-app article.workspace-account{border:1px solid #e1e8f1;border-radius:10px;padding:22px;margin:0;min-width:0;box-shadow:none}.workspace-account-top{display:flex;justify-content:space-between;align-items:center}.workspace-account-avatar{width:36px;height:36px;display:grid;place-items:center;background:#f1f5fa;color:#53739f;border-radius:9px;font-weight:700}.workspace-role{font-size:10px;color:#7291af;background:#f4f7fb;padding:3px 8px;border-radius:4px;text-transform:capitalize}.workspace-account h3{margin:17px 0 5px;overflow-wrap:anywhere}.workspace-account>p{font-size:11px;color:#8a99ad;margin:0 0 22px}.workspace-account-actions{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #edf0f6;padding-top:15px}.workspace-account-actions>a{font-size:10px;text-decoration:none;color:#7390b5}.workspace-account-actions>a:first-child{font-weight:650;color:#2766cb;margin-right:auto}.workspace-operations-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eef4ff;border:1px solid #dbe7ff;padding:27px 30px;border-radius:11px;margin-top:35px}.workspace-operations-banner h2{margin:4px 0 6px}.workspace-operations-banner p:last-child{font-size:12px;color:#6f84a3;margin:0}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 42px;border-top:1px solid #e4eaf3;color:#9ba8bb;font-size:10px}.app-footer nav{display:flex;gap:20px}.app-footer a{color:#8395ae;text-decoration:none}.operator-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.operator-tools>a{background:#fff;border:1px solid #e0e7f1;border-radius:10px;padding:24px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start}.operator-tools>a:hover{border-color:#b3caf0}.operator-tool-icon{font-size:24px;color:#306ade;background:#edf3ff;border-radius:8px;width:38px;height:38px;display:grid;place-items:center;margin-bottom:14px}.operator-tools h2{font-size:16px;margin:8px 0}.operator-tools p{font-size:12px;color:#8090a7;flex:1}.operator-tools>a>span:last-child{font-size:11px;font-weight:600;color:#3271da}.workspace-breadcrumb{display:flex;gap:12px;font-size:12px;color:#8493ab;margin-bottom:20px}.workspace-breadcrumb a{color:#436ba9;text-decoration:none}.operator-content{min-width:0}.operator-content .data-table-wrap,.operator-content .table-scroll{max-width:100%;overflow:auto}.operator-content table{font-size:11px;border:1px solid #dfe7f1;border-radius:8px;background:#fff}.operator-content td,.operator-content th{padding:12px!important;white-space:normal;min-width:70px}.operator-content th{background:#f1f5fb;color:#5f7290;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.operator-content .control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.operator-content .control-form,.operator-content article{background:#fff;padding:22px;border:1px solid #dfe7f1;border-radius:9px;min-width:0}.operator-content .form-row{display:flex;flex-direction:column;gap:6px;margin:14px 0}.operator-content label{color:#627995;font-size:11px}.customer-app .operator-content input,.customer-app .operator-content select,.customer-app .operator-content textarea{font-size:12px;width:100%;box-sizing:border-box}.operator-content button{font:inherit;font-size:12px;background:#1558e8;color:#fff;border:0;padding:10px 15px;border-radius:6px;cursor:pointer}.operator-content .metric-grid,.operator-content .provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px}.operator-content>section,.operator-content>div{margin-bottom:28px}.operator-content p{color:#7b8da6;font-size:12px;line-height:1.7}.operator-content .login-alert{background:#fff8e9;border:1px solid #f0dfb6;padding:16px;border-radius:8px;color:#8a784e}.operator-content pre{overflow:auto;max-width:100%;font-size:11px}.operator-content h2{font-size:25px}.operator-content h3{margin-top:30px}.operator-content .section-subtitle{max-width:80ch}.customer-app #workspace-content>ul{padding:0;list-style:none;display:grid;gap:12px}.customer-app #workspace-content>ul>li{background:#fff;border:1px solid #e1e8f1;border-radius:9px;padding:20px}.customer-app #workspace-content>ul>li>a{font-size:16px;font-weight:650;text-decoration:none}.customer-app #workspace-content>ul>li>span,.customer-app #workspace-content>ul>li>p{display:block;font-size:11px;color:#8294ae;margin-top:8px}@media(min-width:1600px){.workspace-account-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.workspace-account-grid,.operator-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-app #workspace-content{padding:30px}.app-topbar{padding:0 30px}.workspace-launchpad{gap:12px}.workspace-launchpad>a{padding:20px}.workspace-launchpad strong{font-size:13px}}@media(max-width:760px){.app-frame{grid-template-columns:1fr}.app-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #e1e8f1}.app-brand{height:auto;padding:15px 20px;font-size:24px}.app-sidebar nav{display:flex;overflow:auto;gap:5px;padding:0 12px 10px}.app-nav-label{display:none}.app-nav-link{white-space:nowrap;padding:7px 11px;min-height:34px;font-size:11px}.app-nav-link>span{font-size:15px;width:auto}.app-sidebar-bottom{display:none}.app-topbar{height:64px;padding:0 20px}.app-topbar-context{font-size:11px;gap:9px}.app-topbar-context>strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user>div{display:none}.app-avatar{width:30px;height:30px}.customer-app #workspace-content{padding:25px 20px 35px}.workspace-heading{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:22px}.customer-app h1{font-size:27px}.workspace-heading>div>p{font-size:12px}.workspace-heading .workspace-primary{padding:11px 14px}.workspace-launchpad{grid-template-columns:1fr;margin:24px 0 32px;gap:12px}.workspace-launchpad>a{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;row-gap:5px;padding:20px}.workspace-launchpad .workspace-icon{grid-row:1/4;width:38px;height:38px}.workspace-launchpad>a>span:not(.workspace-icon),.workspace-launchpad b{grid-column:2}.workspace-launchpad b{margin-top:5px}.workspace-account-grid,.operator-tools{grid-template-columns:1fr}.workspace-section-heading>span{font-size:10px;max-width:75px;text-align:right}.workspace-section-heading h2{font-size:18px}.workspace-operations-banner{flex-direction:column;align-items:flex-start;padding:23px}.app-footer{padding:20px;flex-wrap:wrap;font-size:9px}.operator-content .control-grid{grid-template-columns:1fr}.operator-content table{display:block;overflow:auto;max-width:100%}.operator-content .control-form{padding:16px}.operator-content button{min-height:44px}.workspace-account-actions>a{font-size:11px}}
/* Secondary text remains readable on the light application canvas. */
.customer-app .app-nav-label,.customer-app .app-brand span,.customer-app .app-user small,.customer-app .app-topbar-context,.customer-app .app-footer,.customer-app .app-footer a,.customer-app .workspace-kicker,.customer-app .workspace-heading p:not(.workspace-kicker),.customer-app .workspace-launchpad>a>span:not(.workspace-icon),.customer-app .workspace-section-heading>span,.customer-app .workspace-account>p,.customer-app .workspace-role,.customer-app .workspace-account-actions>a,.customer-app .operator-tools p,.customer-app .operator-content p,.customer-app .workspace-breadcrumb{color:#526783}

.payment-settings-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:28px;align-items:start}.payment-settings-form,.payment-settings-status{background:#fff;border:1px solid #dfe7f1;border-radius:11px;padding:28px}.payment-settings-form>label{display:flex;flex-direction:column;gap:7px;margin:20px 0 8px;font-size:12px;font-weight:600;color:#536a87}.payment-settings-form input,.payment-settings-form select{width:100%;box-sizing:border-box}.payment-settings-form p,.payment-settings-status p,.payment-settings-form small{font-size:12px;color:#526783;line-height:1.7}.payment-settings-form h2:not(:first-child){margin-top:34px;padding-top:24px;border-top:1px solid #e8edf5}.payment-tax-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-tax-fields label{display:grid;gap:8px;font-size:12px;color:#526783}.payment-settings-form .payment-confirm{display:flex;flex-direction:row;align-items:flex-start;gap:12px;line-height:1.7;margin:26px 0}.payment-confirm input{width:16px;margin-top:4px}.payment-settings-status{position:sticky;top:24px}.payment-settings-status dt{font-size:11px;font-weight:650;color:#526783}.payment-settings-status dd{font-size:13px;margin:4px 0 20px!important;overflow-wrap:anywhere}.payment-settings-form .workspace-primary{border:0;cursor:pointer}.customer-app .payment-settings-form input:focus-visible,.customer-app .payment-settings-form select:focus-visible{outline:3px solid #98b9fb;outline-offset:2px}@media(max-width:1000px){.payment-settings-layout{grid-template-columns:1fr}.payment-settings-status{position:static;grid-row:1}}@media(max-width:760px){.payment-settings-form,.payment-settings-status{padding:20px}.payment-tax-fields{grid-template-columns:1fr}}

.customer-app a.workspace-primary,.customer-app a.workspace-primary:hover,.customer-app a.workspace-primary:visited{color:#fff}.customer-app .workspace-primary:focus-visible{outline:3px solid #98b9fb;outline-offset:3px}

.customer-app .operator-content .data-section,.customer-app .operator-content .panel,.customer-app .operator-content .card{background:#fff;border-color:#dfe7f1;color:#20344f}.customer-app .operator-content .data-table{background:#fff;color:#20344f}.customer-app .operator-content .data-table th{background:#f1f5fb;color:#526783}.customer-app .operator-content .data-table td,.customer-app .operator-content .data-table td.mono{color:#314761;border-color:#e4ebf4}.customer-app .operator-content .data-table tbody tr:nth-child(even){background:#f7f9fd}.customer-app .operator-content .data-table tbody tr:hover{background:#edf3ff}.customer-app .operator-content p,.customer-app .operator-content label,.customer-app .operator-content .section-subtitle{color:#526783}.customer-app .operator-content .table-wrap{max-width:100%;overflow:auto}.customer-app .operator-content pre{background:#f1f5fb;color:#314761}

.registrar-inventory-section{background:#fff;border:1px solid #dfe7f1;border-radius:11px;padding:26px;margin:28px 0}.registrar-inventory-section p,.registrar-inventory-note{font-size:12px;color:#526783;line-height:1.7}.registrar-table-scroll{max-width:100%;overflow:auto}.registrar-inventory-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.registrar-inventory-table th{background:#f2f6fb;color:#526783;font-size:11px}.registrar-inventory-table td,.registrar-inventory-table th{padding:14px 12px;border-bottom:1px solid #e5ebf3;white-space:nowrap}.registrar-inventory-table td{color:#314761}.registrar-inventory-table tbody tr:last-child td{border:0}@media(max-width:760px){.registrar-inventory-section{padding:18px}.registrar-inventory-table{font-size:12px}}

.platform-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr);gap:24px;margin:26px 0}.platform-card{background:#fff;border:1px solid #dfe7f1;border-radius:11px;padding:26px;margin:24px 0;min-width:0}.platform-layout>.platform-card{margin:0}.platform-card p{color:#526783;font-size:13px;line-height:1.7}.platform-form{display:grid;gap:16px;margin:22px 0}.platform-form label{display:grid;gap:7px;color:#435b78;font-size:12px}.platform-form input,.platform-form select,.platform-form textarea{width:100%;box-sizing:border-box}.platform-form .workspace-primary{border:0;cursor:pointer}.platform-resource{padding:18px 0;border-bottom:1px solid #e5ebf3}.platform-resource:last-child{border:0}.platform-resource h3{margin:0}.app-footer button,[data-privacy-open]{font:inherit;color:#315b91;border:0;background:transparent;cursor:pointer;text-decoration:underline}.privacy-dialog{width:min(520px,calc(100% - 40px));box-sizing:border-box;padding:28px;border:1px solid #dce4f0;border-radius:14px;background:#fff;color:#17263d;box-shadow:0 25px 80px #10204430}.privacy-dialog::backdrop{background:#10204470}.privacy-dialog h2{font-size:24px;margin:0 0 14px}.privacy-dialog p{font-size:14px;line-height:1.7;color:#435b78}.privacy-dialog label{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:14px}.privacy-dialog input{width:18px;height:18px;flex:none}.privacy-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.privacy-actions button{flex:1;min-height:44px;padding:10px;border:1px solid #1558e8;border-radius:6px;color:#1558e8;background:#fff;font-weight:650}.privacy-actions button:last-child{background:#1558e8;color:#fff}.privacy-dialog .privacy-close{margin-top:14px;border:0;background:transparent;color:#435b78;min-height:40px}.privacy-dialog :focus-visible{outline:3px solid #8eb5ff;outline-offset:3px}@media(max-width:1000px){.platform-layout{grid-template-columns:1fr}}@media(max-width:760px){.platform-card{padding:20px}.privacy-dialog{padding:22px}}

.platform-facts {margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.platform-facts dt{font-size:.8rem;color:var(--text-muted,#536b8d)}.platform-facts dd{margin:.3rem 0;overflow-wrap:anywhere}.platform-timeline{padding-left:1.4rem}.platform-timeline li{padding:.65rem 0}.platform-timeline time{display:block;color:#536b8d;font-size:.8rem}.platform-resource + .workspace-primary{display:inline-flex;margin:.5rem 0 1.5rem}