/* Radarz product experience. Scope every rule to authenticated/onboarding
   surfaces so marketing keeps its own visual identity. */
.app-page,
.onboarding-page {
  --ink: #1a2433;
  --ink-2: #263445;
  --paper: #f6f8f8;
  --paper-2: #eef3f3;
  --white: #ffffff;
  --muted: #687789;
  --line: #e3e9ea;
  --violet: #005f73;
  --violet-soft: #e8f4f3;
  --lime: #ee9b00;
  --lime-dark: #cf8200;
  --green: #0f766e;
  --red: #b42318;
  --shadow: 0 22px 55px rgba(26, 36, 51, .10);
  --shadow-sm: 0 8px 24px rgba(26, 36, 51, .055);
  font-family: "Montserrat", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
}

.app-page h1,
.app-page h2,
.app-page h3,
.app-page h4,
.onboarding-page h1,
.onboarding-page h2,
.onboarding-page h3,
.onboarding-page h4,
.app-page button,
.onboarding-page button,
.app-page input,
.onboarding-page input,
.app-page select,
.onboarding-page select,
.app-page textarea,
.onboarding-page textarea { font-family: "Montserrat", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

.app-page .button,
.onboarding-page .button { min-height: 46px; border-radius: 13px; font-family: inherit; font-weight: 700; }
.app-page .button--primary,
.onboarding-page .button--primary { color: #fff; background: #005f73; box-shadow: none; }
.app-page .button--primary:hover,
.onboarding-page .button--primary:hover { color: #fff; background: #074f60; box-shadow: 0 8px 20px rgba(0, 95, 115, .16); }
.app-page .button--dark,
.onboarding-page .button--dark { color: #fff; background: #005f73; }
.app-page .button--dark:hover,
.onboarding-page .button--dark:hover { background: #074f60; }
.app-page .button--ghost,
.onboarding-page .button--ghost { border-color: #d7dde5; color: #334155; background: #fff; box-shadow: none; }
.app-page .button:focus-visible,
.onboarding-page .button:focus-visible,
.app-page button:focus-visible,
.onboarding-page button:focus-visible,
.app-page a:focus-visible,
.onboarding-page a:focus-visible,
.app-page input:focus-visible,
.onboarding-page input:focus-visible,
.app-page select:focus-visible,
.onboarding-page select:focus-visible,
.app-page textarea:focus-visible,
.onboarding-page textarea:focus-visible { outline-color: rgba(0, 95, 115, .28); }

/* App shell — fixed 68px header, quiet sidebar, generous content canvas. */
.app-page { min-height: 100vh; min-height: 100dvh; overflow-x: hidden; }
.app-shell--simple { min-height: 100vh; min-height: 100dvh; }
.app-shell--simple .app-main { min-height: 100vh; margin-left: 232px; padding-top: 68px; }
.app-shell--simple .app-topbar {
  position: fixed;
  z-index: 80;
  inset: 0 0 auto;
  height: 68px;
  padding: 0 22px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .98);
  backdrop-filter: blur(18px);
}
.app-shell--simple .app-launch-brand { display: block; flex: 0 0 210px; }
.app-page .brand-lockup--topbar .brand-name { color: #1a2433; font-size: 18px; }
.app-page .brand-lockup--topbar .brand-mark__bubble--front { background: #ee9b00; }
.app-page .brand-lockup--topbar .brand-mark__spark { background: #005f73; box-shadow: -6px 0 0 -1px #94d2bd; }
.app-shell--simple .app-breadcrumb { display: flex; margin-left: 18px; color: #91a0ac; font-size: 10px; }
.app-shell--simple .app-breadcrumb strong { color: #3b4b5c; font-weight: 700; }
.app-shell--simple .app-sidebar {
  position: fixed;
  z-index: 65;
  inset: 68px auto 0 0;
  display: flex;
  flex-direction: column;
  width: 232px;
  padding: 26px 16px 18px;
  border-right: 1px solid var(--line);
  background: #fff;
  transform: none;
  box-shadow: none;
}
.app-sidebar__label { display: grid; gap: 5px; padding: 0 11px 22px; }
.app-sidebar__label span { color: #005f73; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.app-sidebar__label small { color: #91a0ac; font-size: 10px; font-weight: 600; }
.app-shell--simple .app-top-journey {
  display: grid;
  align-items: stretch;
  gap: 7px;
  margin: 0;
}
.app-page .app-top-journey button {
  justify-content: flex-start;
  width: 100%;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: #637284;
  background: transparent;
  font-size: 12px;
  font-weight: 650;
}
.app-page .app-top-journey button i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: #718091;
  background: #f0f4f4;
  font-size: 12px;
}
.app-page .app-top-journey button:hover { border-color: #e4ebeb; color: #1a2433; background: #f6f9f9; }
.app-page .app-top-journey button.active { border-color: #cfe4e2; color: #005f73; background: #edf7f6; box-shadow: inset 3px 0 0 #005f73; }
.app-page .app-top-journey button.active i { color: #fff; background: #005f73; }
.app-sidebar__footer { display: grid; gap: 7px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); }
.app-sidebar__footer button,
.app-sidebar__footer a { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 44px; border: 0; border-radius: 13px; padding: 0 12px; color: #687789; background: transparent; font-family: inherit; font-size: 11px; font-weight: 650; text-decoration: none; }
.app-sidebar__footer button:hover,
.app-sidebar__footer button.active,
.app-sidebar__footer a:hover { color: #005f73; background: #edf7f6; }
.app-sidebar__footer i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; background: #f0f4f4; font-size: 11px; font-style: normal; }
.app-page .app-top-actions { gap: 10px; }
.app-account-state {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 5px 11px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
}
.app-account-state > i { width: 8px; height: 8px; border-radius: 50%; background: #ee9b00; box-shadow: 0 0 0 4px rgba(238, 155, 0, .12); }
.app-account-state[data-state="active"] > i { background: #0f766e; box-shadow: 0 0 0 4px rgba(15, 118, 110, .12); }
.app-account-state > span { display: grid; gap: 1px; }
.app-account-state strong { max-width: 130px; overflow: hidden; color: #1a2433; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.app-account-state small { color: #64748b; font-size: 9px; }
.app-page .app-settings-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  color: #334155;
  background: #fff;
  font-size: 11px;
  font-weight: 700;
}
.app-page .app-settings-button:hover,
.app-page .app-settings-button.active { border-color: #94d2bd; color: #005f73; background: #edf8f6; }
.app-topbar .app-settings-button { display: none; }
.app-page .icon-button { width: 38px; height: 38px; border-color: #e2e8f0; border-radius: 12px; color: #475569; box-shadow: none; }
.app-account-menu { position: relative; }
.app-account-menu summary { list-style: none; cursor: pointer; }
.app-account-menu summary::-webkit-details-marker { display: none; }
.app-page .user-avatar { width: 38px; height: 38px; margin: 0; border: 1px solid #cfe7e4; border-radius: 12px; color: #005f73; background: #e6f6f2; }
.app-account-menu > div {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: grid;
  gap: 5px;
  width: 230px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .14);
}
.app-account-menu > div strong { font-size: 13px; }
.app-account-menu > div small { overflow: hidden; margin-bottom: 7px; color: #64748b; font-size: 11px; text-overflow: ellipsis; }
.app-account-menu > div a,
.app-account-menu > div button { width: 100%; border: 0; border-radius: 9px; padding: 9px 10px; color: #334155; background: #f8fafc; font-size: 11px; font-weight: 650; text-align: left; }
.app-account-menu > div button { color: #a33a31; }

.app-shell--simple .app-content { width: min(1240px, 100%); padding: 40px clamp(24px, 3.2vw, 48px) 92px; }
.app-page-heading,
.app-shell--simple .view-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}
.app-page .view-kicker { margin-bottom: 8px; color: #005f73; font-size: 10px; letter-spacing: .10em; }
.app-page-heading h1,
.app-shell--simple .view-heading h1 {
  margin: 0 0 7px;
  color: #1a2433;
  font: 750 clamp(31px, 3.2vw, 43px)/1.08 "Montserrat", "Manrope", sans-serif;
  letter-spacing: -.045em;
}
.app-page-heading p,
.app-shell--simple .view-heading p { max-width: 670px; margin: 0; color: #687789; font-size: 14px; line-height: 1.65; }
.activation-pilot-status { flex: none; padding: 9px 12px; border-color: #cfe7e4; color: #005f73; background: #edf8f6; font-size: 11px; }
.activation-pilot-status i { background: #ee9b00; box-shadow: 0 0 0 4px rgba(238, 155, 0, .12); }

/* Today */
.activation-start-card {
  display: grid;
  grid-template-columns: minmax(230px, .78fr) minmax(0, 1.55fr);
  gap: 26px;
  margin-bottom: 20px;
  padding: 24px;
  border: 1px solid #dce8e7;
  border-radius: 22px;
  background: linear-gradient(135deg, #f5fbfa 0%, #fff 62%);
  box-shadow: var(--shadow-sm);
}
.activation-start-card__copy { display: flex; flex-direction: column; justify-content: center; }
.activation-start-card__copy > span { color: #005f73; font: 800 9px "Montserrat", "Manrope", sans-serif; letter-spacing: .12em; }
.activation-start-card__copy h2 { margin: 11px 0 8px; color: #1a2433; font: 750 22px/1.22 "Montserrat", "Manrope", sans-serif; letter-spacing: -.035em; }
.activation-start-card__copy p { margin: 0; color: #687789; font-size: 12px; line-height: 1.6; }
.app-page .activation-journey { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.app-page .activation-journey > li {
  min-height: 126px;
  padding: 14px;
  border-color: #e2e8f0;
  border-radius: 16px;
  background: rgba(255, 255, 255, .86);
  box-shadow: none;
}
.app-page .activation-journey > li > span { color: #475569; background: #e2e8f0; }
.app-page .activation-journey small { color: #64748b; }
.app-page .activation-journey strong { color: #1a2433; font-size: 11px; }
.app-page .activation-journey p { color: #64748b; font-size: 8px; }
.app-page .activation-journey .is-current { border-color: #94d2bd; background: #edf8f6; }
.app-page .activation-journey .is-current > span { color: #fff; background: #005f73; }
.app-page .activation-journey .is-current small,
.app-page .activation-journey .is-current > b { color: #005f73; }
.app-page .activation-journey .is-ready { border-color: #f4c97c; background: #fff8e8; }
.app-page .activation-journey .is-ready > span { color: #7c5000; background: #f9d58c; }
.app-page .activation-journey .is-done { border-color: #cfe7e4; background: #f1faf8; }
.app-page .activation-journey .is-done > span { color: #fff; background: #0f766e; }

.app-shell--simple .activation-focus-grid { grid-template-columns: minmax(0, 1.6fr) minmax(280px, .9fr); gap: 20px; margin-bottom: 20px; }
.app-shell--simple .instagram-login-wizard,
.app-page .activation-next-card,
.app-page .target-confirmation-card,
.app-page .target-confirmation-note,
.app-page .activation-readiness,
.app-page .device-metrics-panel { border: 1px solid #e1e8e9; border-radius: 22px; box-shadow: var(--shadow-sm); }
.app-shell--simple .instagram-login-wizard { padding: 28px; background: #fff; }
.app-shell--simple .instagram-login-wizard::before { background: radial-gradient(circle, rgba(0, 95, 115, .10), rgba(238, 155, 0, .05) 48%, transparent 70%); }
.app-page .instagram-login-wizard__header small { color: #005f73; }
.app-page .instagram-login-wizard__header > em { color: #005f73; background: #e6f6f2; }
.app-page .instagram-login-steps li { border-color: #e2e8f0; background: #f8fafc; }
.app-page .instagram-login-steps li.is-current { border-color: #94d2bd; background: #edf8f6; box-shadow: none; }
.app-page .instagram-login-steps li.is-current > span { color: #fff; background: #005f73; }
.app-page .instagram-login-steps li.is-current strong { color: #005f73; }
.app-page .instagram-login-steps li.is-done { border-color: #cfe7e4; background: #f1faf8; }
.app-page .instagram-login-steps li.is-done > span { color: #fff; background: #0f766e; }
.app-page .instagram-login-stage { border: 1px solid #cfe7e4; border-radius: 15px; color: #1a2433; background: #edf8f6; }
.app-page .instagram-login-stage__status > i { border-color: #b9dcd7; background: #fff; }
.app-page .instagram-login-stage__status > i::before { background: #ee9b00; box-shadow: 0 0 0 4px rgba(238, 155, 0, .12); }
.app-page .instagram-login-stage__status span { color: #005f73; }
.app-page .instagram-login-stage__status strong { color: #1a2433; }
.app-page .instagram-login-stage__status small { color: #64748b; }
.app-page .instagram-login-stage .button:disabled { color: #64748b; background: #dfeeea; }
.app-page .instagram-login-form { border-color: #cfe7e4; border-radius: 15px; background: #f6fbfa; }
.app-page .instagram-login-form > div > span { color: #005f73; }
.app-page .instagram-login-form input:focus,
.app-page .instagram-login-form .input-prefix:focus-within { border-color: #005f73; outline-color: rgba(0, 95, 115, .12); }
.app-page .instagram-login-security { border-radius: 13px; color: #536274; background: #f4f7f7; }
.app-page .instagram-login-wizard.is-error .instagram-login-stage { border-color: #fecaca; background: #fff1f2; }
.app-page .instagram-login-wizard.is-error .instagram-login-stage__status span { color: #b42318; }
.app-page .instagram-login-wizard.is-verified .instagram-login-stage { border-color: #99d5c9; background: #eaf8f5; }

.app-page .activation-next-card { min-height: 100%; padding: 28px; color: #1a2433; background: linear-gradient(160deg, #fff9eb 0%, #fff 66%); }
.app-page .activation-next-card > span { color: #a86700; font-size: 9px; letter-spacing: .12em; }
.app-page .activation-next-card h2 { margin: 13px 0 10px; font: 750 23px/1.2 "Montserrat", "Manrope", sans-serif; letter-spacing: -.035em; }
.app-page .activation-next-card > p { color: #687789; font-size: 12px; line-height: 1.6; }
.app-page .activation-next-card .activation-target-chips span { color: #005f73; background: #e6f6f2; }
.app-page .activation-next-card > small { color: #7c6b4f; }
.activation-summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.activation-summary-grid article {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
  padding: 19px;
  border: 1px solid #e1e8e9;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(26, 36, 51, .035);
}
.activation-summary-grid article > i { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 13px; color: #005f73; background: #e6f6f2; font-style: normal; font-weight: 800; }
.activation-summary-grid article > div { display: grid; min-width: 0; gap: 3px; }
.activation-summary-grid small { color: #64748b; font-size: 9px; font-weight: 800; letter-spacing: .07em; }
.activation-summary-grid strong { overflow: hidden; font: 750 14px "Montserrat", "Manrope", sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.activation-summary-grid span { color: #64748b; font-size: 11px; line-height: 1.35; }
.app-page .activation-secondary-connection { border-color: #e2e8f0; background: #fff; }
.app-page .activation-secondary-connection summary > span { color: #005f73; background: #e6f6f2; }

/* Targets, activity and results */
.app-page .target-confirmation-layout { grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr); gap: 18px; }
.app-page .target-confirmation-card { padding: 26px; background: #fff; }
.app-page .target-confirmation-card > header small { color: #005f73; }
.app-page .target-confirmation-card > header > span.is-ready { color: #005f73; background: #e6f6f2; }
.app-page .activation-target-chips--large span { color: #005f73; background: #e6f6f2; }
.app-page .target-confirmation-check { background: #f8fafc; }
.app-page .target-confirmation-check:has(input:checked) { border-color: #94d2bd; background: #edf8f6; }
.app-page .target-confirmation-check input { accent-color: #005f73; }
.app-page .target-confirmation-note { padding: 26px; color: #0f172a; background: #fff8e8; }
.app-page .target-confirmation-note > span { color: #a86700; }
.app-page .target-confirmation-note p { color: #64748b; }
.app-page .target-confirmation-note li i { color: #005f73; }
.app-page .activation-off-state { color: #9a6700; background: #fff1c7; }

/* Automation plan studio — draft, canonical review, then separate approval. */
.automation-studio { overflow: hidden; margin-bottom: 22px; border: 1px solid #d8e1e2; border-radius: 26px; background: #f1f5f5; box-shadow: 0 24px 64px rgba(26, 36, 51, .10); }
.automation-studio__hero { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding: 34px; color: #fff; background: radial-gradient(circle at 87% 0, rgba(238, 155, 0, .25), transparent 35%), radial-gradient(circle at 58% 120%, rgba(148, 210, 189, .16), transparent 42%), #152230; }
.automation-studio__hero::after { position: absolute; right: 23%; bottom: -44px; width: 145px; height: 145px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 50%; content: ""; pointer-events: none; }
.automation-studio__hero > div:first-child { position: relative; z-index: 1; max-width: 720px; }
.automation-studio__hero > div:first-child > span { color: #94d2bd; font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.automation-studio__hero h2 { margin: 13px 0 10px; font: 760 clamp(26px, 3vw, 39px)/1.04 "Montserrat", "Manrope", sans-serif; letter-spacing: -.045em; }
.automation-studio__hero h2 em { color: #f5ba4e; font-style: normal; }
.automation-studio__hero p { max-width: 650px; margin: 0; color: rgba(255, 255, 255, .68); font-size: 12px; line-height: 1.65; }
.automation-studio__state { position: relative; z-index: 1; display: flex; align-items: center; flex: none; gap: 11px; min-width: 190px; padding: 13px 15px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 15px; background: rgba(255, 255, 255, .07); backdrop-filter: blur(12px); }
.automation-studio__state > i { width: 10px; height: 10px; border: 2px solid rgba(255, 255, 255, .45); border-radius: 50%; background: transparent; }
.automation-studio__state > span { display: grid; gap: 3px; }
.automation-studio__state small { color: rgba(255, 255, 255, .48); font-size: 7px; font-weight: 850; letter-spacing: .12em; }
.automation-studio__state strong { color: #fff; font-size: 11px; }
.automation-studio__state[data-state="draft"] > i { border-color: #f5ba4e; background: #f5ba4e; box-shadow: 0 0 0 4px rgba(245, 186, 78, .13); }
.automation-studio__state[data-state="approved"] > i { border-color: #94d2bd; background: #94d2bd; box-shadow: 0 0 0 4px rgba(148, 210, 189, .13); }
.automation-studio__state[data-state="error"] > i { border-color: #ff8f80; background: #ff8f80; }
.automation-plan-form { padding: 20px; }
.automation-plan-form__error { margin: 0 0 16px; padding: 13px 15px; border: 1px solid #fecaca; border-radius: 12px; color: #9f1c14; background: #fff1f2; font-size: 11px; line-height: 1.55; }
.automation-plan-form__error[hidden] { display: none; }
.automation-plan-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 350px); align-items: start; gap: 18px; }
.automation-plan-fields { display: grid; gap: 14px; min-width: 0; }
.automation-plan-section { min-width: 0; margin: 0; padding: 23px; border: 1px solid #dfe7e7; border-radius: 19px; background: #fff; box-shadow: 0 4px 16px rgba(26, 36, 51, .035); }
.automation-plan-section > legend { display: flex; align-items: center; gap: 11px; width: 100%; padding: 0 0 18px; }
.automation-plan-section > legend > span:first-child { display: grid; place-items: center; flex: none; width: 35px; height: 35px; border-radius: 11px; color: #005f73; background: #e6f6f2; font-size: 9px; font-weight: 850; }
.automation-plan-section > legend > span:last-child { display: grid; gap: 3px; min-width: 0; }
.automation-plan-section > legend strong { color: #1a2433; font-size: 14px; }
.automation-plan-section > legend small { color: #718091; font-size: 10px; font-weight: 500; line-height: 1.45; }
.automation-plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.automation-plan-grid--identity { grid-template-columns: minmax(210px, .8fr) minmax(260px, 1.2fr); }
.automation-plan-grid--timing { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.automation-field { display: grid; align-content: start; gap: 7px; min-width: 0; color: #344456; }
.automation-field > span:first-child { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 10px; font-weight: 780; }
.automation-field > span:first-child b { padding: 3px 6px; border-radius: 999px; color: #005f73; background: #e6f6f2; font-size: 7px; letter-spacing: .05em; }
.automation-field > input,
.automation-field > textarea,
.automation-field--timezone > input,
.automation-handle-input,
.automation-number-input { width: 100%; border: 1px solid #d7e0e1; border-radius: 12px; color: #1a2433; background: #f9fbfb; }
.automation-field > input,
.automation-field--timezone > input { min-height: 44px; padding: 0 13px; font-size: 12px; }
.automation-field > textarea { min-height: 102px; padding: 12px 13px; resize: vertical; font: 600 11px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; }
.automation-field > small { color: #7a8795; font-size: 9px; line-height: 1.45; }
.automation-field > input:focus,
.automation-field > textarea:focus,
.automation-field--timezone > input:focus,
.automation-handle-input:focus-within,
.automation-number-input:focus-within { border-color: #0f766e; outline: 3px solid rgba(15, 118, 110, .10); background: #fff; }
.automation-handle-input { display: flex; align-items: center; overflow: hidden; }
.automation-handle-input > i { display: grid; place-items: center; align-self: stretch; width: 38px; border-right: 1px solid #dce4e5; color: #005f73; background: #edf8f6; font-size: 12px; font-style: normal; font-weight: 800; }
.automation-handle-input > input { min-width: 0; min-height: 42px; padding: 0 12px; border: 0; outline: 0; color: #1a2433; background: transparent; font-size: 12px; }
.automation-number-input { display: flex; align-items: center; overflow: hidden; }
.automation-number-input input { min-width: 0; width: 100%; min-height: 42px; padding: 0 11px; border: 0; outline: 0; color: #1a2433; background: transparent; font-size: 13px; font-weight: 750; }
.automation-number-input i { align-self: stretch; display: grid; place-items: center; padding: 0 11px; border-left: 1px solid #dce4e5; color: #64748b; background: #f1f5f5; font-size: 8px; font-style: normal; font-weight: 750; }
.automation-target-builder { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e8eeee; }
.automation-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.automation-section-heading > div { display: grid; gap: 3px; }
.automation-section-heading strong { font-size: 11px; }
.automation-section-heading small { color: #7a8795; font-size: 9px; }
.automation-mini-button { flex: none; min-height: 36px; padding: 0 12px; border: 1px solid #b9d8d4; border-radius: 10px; color: #005f73; background: #edf8f6; font-size: 9px; font-weight: 800; cursor: pointer; }
.automation-mini-button:hover { border-color: #79bdb3; background: #e3f5f1; }
.automation-mini-button:disabled { cursor: not-allowed; opacity: .5; }
.automation-mini-button--wide { width: 100%; margin-top: 10px; border-style: dashed; }
.automation-target-list { display: grid; gap: 10px; margin-top: 13px; }
.automation-target-row { display: grid; grid-template-columns: minmax(170px, .62fr) minmax(260px, 1.38fr); gap: 14px; padding: 16px; border: 1px solid #e0e8e8; border-radius: 15px; background: #f8fafa; }
.automation-target-row > header { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #e5ecec; }
.automation-target-row > header strong { color: #005f73; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.automation-target-row > header button,
.automation-window-row > header button { padding: 4px; border: 0; color: #9f4238; background: transparent; font-size: 8px; font-weight: 750; cursor: pointer; }
.automation-target-row > fieldset,
.automation-window-row > fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.automation-target-row > fieldset > legend,
.automation-window-row > fieldset > legend { margin-bottom: 7px; color: #344456; font-size: 9px; font-weight: 780; }
.automation-action-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.automation-action-chips label,
.automation-weekdays label { cursor: pointer; }
.automation-action-chips input,
.automation-weekdays input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.automation-action-chips span { display: inline-flex; align-items: center; min-height: 31px; padding: 0 9px; border: 1px solid #d8e1e2; border-radius: 999px; color: #64748b; background: #fff; font-size: 8px; font-weight: 750; }
.automation-action-chips input:checked + span { border-color: #70b9af; color: #005f73; background: #e7f6f3; box-shadow: inset 0 0 0 1px rgba(0, 95, 115, .04); }
.automation-action-chips input:focus-visible + span,
.automation-weekdays input:focus-visible + span { outline: 3px solid var(--rz-focus); outline-offset: 2px; }
.automation-action-chips input:disabled + span { cursor: not-allowed; opacity: .42; text-decoration: line-through; }
.automation-window-list { display: grid; gap: 10px; margin-top: 15px; }
.automation-window-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 15px; padding: 15px; border: 1px solid #e0e8e8; border-radius: 15px; background: #f8fafa; }
.automation-window-row > header { grid-column: 1 / -1; display: flex; justify-content: space-between; }
.automation-window-row > header strong { color: #005f73; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.automation-weekdays { display: grid; grid-template-columns: repeat(7, minmax(31px, 1fr)); gap: 5px; }
.automation-weekdays span { display: grid; place-items: center; min-height: 34px; border: 1px solid #d9e2e3; border-radius: 9px; color: #697788; background: #fff; font-size: 8px; font-weight: 800; }
.automation-weekdays input:checked + span { border-color: #005f73; color: #fff; background: #005f73; }
.automation-window-times { display: flex; align-items: center; gap: 8px; }
.automation-window-times label { display: flex; align-items: center; gap: 5px; color: #64748b; font-size: 8px; font-weight: 750; }
.automation-window-times input { min-height: 34px; padding: 0 7px; border: 1px solid #d9e2e3; border-radius: 9px; color: #1a2433; background: #fff; font-size: 10px; }
.automation-window-times > span { color: #93a0ab; }
.automation-budget-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.automation-budget-grid > label { position: relative; display: grid; gap: 5px; padding: 13px; border: 1px solid #e0e7e8; border-radius: 13px; background: #f7f9f9; opacity: .48; }
.automation-budget-grid > label.is-used { border-color: #b9ddd7; background: #edf8f6; opacity: 1; }
.automation-budget-grid span { overflow: hidden; color: #566577; font-size: 8px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.automation-budget-grid input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; color: #005f73; background: transparent; font-size: 24px; font-weight: 780; }
.automation-budget-grid small { color: #82909d; font-size: 7px; line-height: 1.3; }
.automation-plan-submit { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 18px; border: 1px solid #f0d28d; border-radius: 16px; background: #fff8e8; }
.automation-plan-submit > p { display: flex; align-items: center; gap: 10px; margin: 0; }
.automation-plan-submit > p > i { display: grid; place-items: center; flex: none; width: 35px; height: 35px; border-radius: 10px; color: #7c5000; background: #f9dc9b; font-style: normal; }
.automation-plan-submit > p > span { display: grid; gap: 3px; }
.automation-plan-submit strong { color: #61420a; font-size: 10px; }
.automation-plan-submit small { color: #846f49; font-size: 8px; line-height: 1.4; }
.automation-plan-submit code { color: inherit; font: 700 8px ui-monospace, SFMono-Regular, Menlo, monospace; }
.automation-review { position: sticky; top: 88px; overflow: hidden; min-height: 430px; border-radius: 19px; color: #fff; background: radial-gradient(circle at 100% 0, rgba(238, 155, 0, .18), transparent 36%), #172431; box-shadow: 0 16px 38px rgba(26, 36, 51, .16); }
.automation-review__empty { display: grid; place-items: center; min-height: 430px; padding: 38px 28px; text-align: center; }
.automation-review__empty > span { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba(148, 210, 189, .28); border-radius: 18px; color: #94d2bd; background: rgba(148, 210, 189, .08); font-size: 21px; }
.automation-review__empty h3 { margin: 19px 0 8px; font-size: 18px; }
.automation-review__empty p { max-width: 260px; margin: 0; color: rgba(255, 255, 255, .56); font-size: 10px; line-height: 1.6; }
.automation-review__content { display: grid; gap: 0; padding: 23px; }
.automation-review__content[hidden], .automation-review__empty[hidden] { display: none; }
.automation-review__content > header { display: grid; gap: 5px; padding-bottom: 17px; border-bottom: 1px solid rgba(255, 255, 255, .10); }
.automation-review__content > header > span,
.automation-review__budgets > span,
.automation-review__digest > span { color: #94d2bd; font-size: 7px; font-weight: 850; letter-spacing: .13em; }
.automation-review__content > header > strong { font-size: 17px; }
.automation-review__content > header > small { color: rgba(255, 255, 255, .5); font-size: 8px; }
.automation-review__facts { display: grid; gap: 0; margin: 0; }
.automation-review__facts > div { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.automation-review__facts dt { color: rgba(255, 255, 255, .43); font-size: 8px; }
.automation-review__facts dd { overflow-wrap: anywhere; margin: 0; color: rgba(255, 255, 255, .86); font-size: 9px; font-weight: 650; line-height: 1.4; text-align: right; }
.automation-review__budgets { display: grid; gap: 9px; padding: 15px 0; }
.automation-review__budgets > div { display: flex; flex-wrap: wrap; gap: 5px; }
.automation-review__budgets b { padding: 6px 8px; border: 1px solid rgba(148, 210, 189, .16); border-radius: 999px; color: #cdece7; background: rgba(148, 210, 189, .07); font-size: 7px; font-weight: 750; }
.automation-review__safety { display: flex; gap: 10px; padding: 12px; border: 1px solid rgba(148, 210, 189, .18); border-radius: 12px; background: rgba(148, 210, 189, .07); }
.automation-review__safety > span { display: grid; place-items: center; flex: none; width: 25px; height: 25px; border-radius: 8px; color: #17362f; background: #94d2bd; font-size: 10px; font-weight: 900; }
.automation-review__safety p { display: grid; gap: 3px; margin: 0; }
.automation-review__safety strong { color: #d5f0eb; font-size: 8px; }
.automation-review__safety small { color: rgba(255, 255, 255, .5); font-size: 7px; line-height: 1.45; }
.automation-review__digest { display: grid; gap: 7px; padding: 15px 0; }
.automation-review__digest code { overflow-wrap: anywhere; padding: 9px; border-radius: 9px; color: #f5ba4e; background: rgba(0, 0, 0, .18); font: 600 8px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.automation-review__approval { display: flex; align-items: flex-start; gap: 9px; padding: 12px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 11px; background: rgba(255, 255, 255, .05); cursor: pointer; }
.automation-review__approval:has(input:checked) { border-color: rgba(148, 210, 189, .52); background: rgba(148, 210, 189, .11); }
.automation-review__approval input { flex: none; width: 17px; height: 17px; margin: 0; accent-color: #94d2bd; }
.automation-review__approval > span { display: grid; gap: 3px; }
.automation-review__approval strong { color: #fff; font-size: 8px; line-height: 1.4; }
.automation-review__approval small { color: rgba(255, 255, 255, .48); font-size: 7px; line-height: 1.4; }
.automation-review .button { margin-top: 10px; color: #12232e; background: #94d2bd; }
.automation-review .button:hover { color: #12232e; background: #b6e4dc; }
.automation-review .button:disabled { color: rgba(255, 255, 255, .42); background: rgba(255, 255, 255, .10); }
.automation-review__status { margin: 10px 0 0; color: rgba(255, 255, 255, .5); font-size: 8px; line-height: 1.45; text-align: center; }
.app-page .activation-readiness { background: #fff; }
.app-page .activation-readiness__intro > span { color: #005f73; }
.app-page .activation-readiness li > i { color: #475569; background: #f1f5f9; }
.app-page .activation-readiness li.is-done > i { color: #fff; background: #0f766e; }
.app-page .activation-readiness footer { color: #0f172a; background: #f8fafc; }
.app-page .activation-readiness footer strong { color: #005f73; }
.app-page .activation-readiness footer small { color: #64748b; }
.app-page .activation-policy-confirmation { display: flex; align-items: flex-start; gap: 12px; margin: 8px 26px 20px; padding: 16px; border: 1px solid #cbd5e1; border-radius: 12px; background: #f8fafc; }
.app-page .activation-policy-confirmation[hidden] { display: none; }
.app-page .activation-policy-confirmation:has(input:checked) { border-color: #94d2bd; background: #edf8f6; }
.app-page .activation-policy-confirmation input { width: 19px; height: 19px; margin-top: 1px; accent-color: #005f73; }
.app-page .activation-policy-confirmation span { display: grid; gap: 4px; }
.app-page .activation-policy-confirmation strong { color: #1a2433; font: 750 .85rem "Montserrat", "Manrope", sans-serif; }
.app-page .activation-policy-confirmation small { color: #64748b; font-size: .74rem; line-height: 1.45; }
.app-page .activation-readiness__actions { display: flex; align-items: center; gap: 10px; }
.app-page .activation-readiness.is-active { border-color: #94d2bd; box-shadow: 0 16px 42px rgba(0, 95, 115, .12); }
.app-page .activation-readiness.is-paused { border-color: #f0cf83; box-shadow: 0 16px 42px rgba(154, 103, 0, .08); }
.app-page .activation-readiness.is-paused .activation-readiness__intro > span { color: #9a6700; }
.app-page .activation-readiness.is-blocked .activation-readiness__intro > span { color: #a86700; }
.activity-preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 16px; }
.activity-preview-grid article { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; padding: 18px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; }
.activity-preview-grid article > i { grid-row: 1 / 3; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: #005f73; background: #e6f6f2; font-style: normal; }
.activity-preview-grid article > div { display: grid; gap: 3px; }
.activity-preview-grid strong { font-size: 13px; }
.activity-preview-grid small { color: #64748b; font-size: 11px; line-height: 1.4; }
.activity-preview-grid article > span { grid-column: 2; width: max-content; padding: 4px 8px; border-radius: 999px; color: #9a6700; background: #fff1c7; font-size: 9px; font-weight: 800; }
.app-page .activation-technical-details { border-color: #e2e8f0; background: #fff; }
.app-page .device-metrics-panel { background: #fff; }
.app-page .device-metrics-panel > header small { color: #005f73; }
.app-page .device-metrics-panel > header > span[data-state="ready"] { color: #005f73; background: #e6f6f2; }
.app-page .device-metrics-grid > div { border-color: #e2e8f0; }
.app-page .device-metrics-panel > footer { background: #f8fafc; }
.app-page .device-metrics-disclaimer { border-left-color: #005f73; color: #475569; background: #edf8f6; }
.app-page .device-metrics-disclaimer > span { color: #005f73; }

.app-page .activation-cockpit {
  display: grid;
  gap: 16px;
  margin: 20px 0;
  padding: 22px;
  border: 1px solid var(--rz-line);
  border-radius: 24px;
  background: linear-gradient(140deg, rgba(112, 79, 247, .07) 0%, var(--rz-white) 58%);
  box-shadow: var(--shadow-sm);
}
.activation-cockpit__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.activation-cockpit__header h2 { margin: 8px 0 5px; color: var(--rz-black); font: 750 22px/1.2 "Avenir Next", "SF Pro Display", sans-serif; letter-spacing: -.035em; }
.activation-cockpit__header p { margin: 0; color: #4d4f56; font-size: 13px; line-height: 1.55; }
.activation-cockpit__badge { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 8px 11px; border: 1px solid rgba(8, 9, 13, .12); border-radius: 999px; color: #fff; background: var(--rz-lime); font-size: 12px; font-weight: 800; white-space: nowrap; }
.activation-cockpit__badge i { width: 8px; height: 8px; border-radius: 50%; background: var(--rz-violet); }
.activation-cockpit__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.activation-cockpit__card { display: grid; align-content: start; gap: 8px; min-height: 164px; padding: 17px; border: 1px solid var(--rz-line); border-radius: 17px; background: rgba(255, 255, 255, .94); }
.activation-cockpit__card-head { display: flex; align-items: center; justify-content: space-between; color: #4d4f56; font: 800 12px "Avenir Next", "SF Pro Display", sans-serif; letter-spacing: .09em; }
.activation-cockpit__card-head i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: var(--rz-violet); background: rgba(112, 79, 247, .10); font-style: normal; font-size: 15px; letter-spacing: 0; }
.activation-cockpit__card > strong { color: var(--rz-black); font: 750 27px/1.05 "Avenir Next", "SF Pro Display", sans-serif; letter-spacing: -.045em; }
.activation-cockpit__card > span { color: #45474e; font-size: 12px; line-height: 1.45; }
.activation-cockpit__card > small { color: #4d4f56; font-size: 12px; line-height: 1.45; }
.activation-cockpit__card--metric { background: var(--rz-white); }
.activation-cockpit__card--metric > strong { color: var(--rz-violet); }
.activation-cockpit__delta { color: var(--rz-black) !important; font-weight: 750; }
.activation-cockpit__delta[data-direction="down"] { color: #8f2e23 !important; }
.activation-cockpit__delta[data-direction="flat"] { color: #4d4f56 !important; }
.activation-cockpit__card dl { display: grid; gap: 8px; margin: 5px 0 2px; }
.activation-cockpit__card dl div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.activation-cockpit__card dt { color: #4d4f56; font-size: 12px; }
.activation-cockpit__card dd { margin: 0; color: var(--rz-black); font-weight: 750; }
.activation-cockpit__chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 3px; }
.activation-cockpit__chips span { max-width: 100%; overflow: hidden; padding: 4px 7px; border-radius: 999px; color: #fff; background: var(--rz-lime); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.activation-cockpit__trend { display: flex; align-items: end; gap: 3px; height: 24px; margin-top: auto; padding-top: 4px; }
.activation-cockpit__trend[hidden] { display: none; }
.activation-cockpit__trend span { flex: 1; min-width: 3px; height: var(--trend-height); border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, var(--rz-violet), var(--rz-lime)); }
.activation-cockpit__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #4d4f56; font-size: 12px; line-height: 1.5; }
.activation-cockpit__footer span { display: inline-flex; align-items: center; gap: 5px; }
.activation-cockpit__footer i { display: grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 50%; color: var(--rz-white); background: var(--rz-violet); font-style: normal; font-weight: 800; }
@media (max-width: 720px) {
  .app-page .activation-cockpit { padding: 16px; }
  .activation-cockpit__header { flex-direction: column; }
  .activation-cockpit__footer { align-items: flex-start; flex-direction: column; }
}
.offer-months { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 0 32px 28px; }
.offer-months > span { display: grid; gap: 6px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; }
.offer-months small { color: #64748b; font-size: 10px; }
.offer-months strong { font: 700 16px "Montserrat", "Manrope", sans-serif; }
.offer-months .is-free { border-color: #f4c97c; color: #7c5000; background: #fff8e8; }

/* Authenticated desktop device center */
.desktop-center { display: grid; gap: 18px; }
.desktop-center-heading { align-items: flex-start; }
.desktop-gate-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  white-space: nowrap;
}
.desktop-gate-badge--open { border-color: #b8ddd7; color: #00665e; background: #e9f8f5; }
.desktop-gate-badge--closed { border-color: #e2e8f0; color: #64748b; background: #f4f7f8; }
.desktop-state-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.desktop-state-card { display: grid; gap: 7px; min-height: 126px; padding: 20px; border: 1px solid #dfe8e8; border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.desktop-state-card > span,
.desktop-card-heading > div > span,
.desktop-one-time-code > div:first-child > span { color: #005f73; font-size: 9px; font-weight: 800; letter-spacing: .11em; }
.desktop-state-card strong { color: #1a2433; font: 750 19px/1.2 "Montserrat", "Manrope", sans-serif; }
.desktop-state-card small { max-width: 55ch; color: #64748b; font-size: 11px; line-height: 1.55; }
.desktop-enrollment-card,
.desktop-device-list { padding: 24px; border-radius: 20px; }
.desktop-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.desktop-card-heading h2 { margin: 5px 0 6px; color: #1a2433; font: 750 20px/1.2 "Montserrat", "Manrope", sans-serif; letter-spacing: -.025em; }
.desktop-card-heading p { max-width: 70ch; margin: 0; color: #64748b; font-size: 12px; line-height: 1.6; }
.desktop-enrollment-controls { display: grid; align-items: end; grid-template-columns: minmax(220px, 1fr) auto; gap: 14px; margin-top: 20px; }
.desktop-enrollment-controls .field { margin: 0; }
.desktop-enrollment-controls select { width: 100%; min-height: 46px; }
.desktop-enrollment-controls .button { min-height: 46px; }
.desktop-inline-status { margin: 13px 0 0; color: #536273; font-size: 11px; line-height: 1.5; }
.desktop-one-time-code { display: grid; gap: 15px; margin-top: 18px; padding: 20px; border: 1px solid #b8ddd7; border-radius: 17px; background: #ecf8f6; }
.desktop-one-time-code > div:first-child { display: grid; gap: 5px; }
.desktop-one-time-code > div:first-child strong { color: #334155; font-size: 12px; line-height: 1.5; }
.desktop-one-time-code code { display: block; overflow-wrap: anywhere; padding: 15px; border: 1px solid #cbdad9; border-radius: 12px; color: #102a2e; background: #fff; font: 750 clamp(15px, 2vw, 20px)/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; letter-spacing: .045em; user-select: all; }
.desktop-code-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.desktop-error { margin: 14px 0 0; padding: 11px 13px; border: 1px solid #fecaca; border-radius: 11px; color: #9f1239; background: #fff1f2; font-size: 11px; line-height: 1.5; }
.desktop-device-list > ul { display: grid; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }
.desktop-device-card { display: grid; align-items: center; grid-template-columns: minmax(145px, .75fr) minmax(290px, 1.5fr) auto auto; gap: 16px; padding: 16px; border: 1px solid #e1e8e9; border-radius: 15px; background: #fbfcfc; }
.desktop-device-card--revoked { opacity: .72; }
.desktop-device-summary { display: grid; gap: 5px; min-width: 0; }
.desktop-device-summary strong { overflow: hidden; color: #1a2433; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.desktop-device-summary small { color: #64748b; font-size: 10px; }
.desktop-device-card dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.desktop-device-card dl > div { display: grid; gap: 3px; min-width: 0; }
.desktop-device-card dt { color: #8794a3; font-size: 8px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.desktop-device-card dd { overflow: hidden; margin: 0; color: #3f4d5c; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.desktop-device-state { display: inline-flex; align-items: center; min-height: 27px; padding: 0 9px; border-radius: 999px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.desktop-device-state--active { color: #00665e; background: #dff5f0; }
.desktop-device-state--revoked { color: #64748b; background: #e9eef1; }
.desktop-revoke { color: #9f1239; }
.desktop-device-empty { padding: 24px; border: 1px dashed #cdd9da; border-radius: 14px; color: #64748b; background: #f8fafb; font-size: 12px; text-align: center; }
.desktop-device-empty--error { border-color: #fecaca; color: #9f1239; background: #fff6f7; }
.desktop-unavailable { display: grid; align-items: center; grid-template-columns: auto minmax(0, 1fr); gap: 18px; padding: 28px; border-radius: 20px; }
.desktop-unavailable > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; color: #64748b; background: #eef2f3; font-size: 20px; }
.desktop-unavailable h2 { margin: 0 0 7px; color: #1a2433; font: 750 19px/1.25 "Montserrat", "Manrope", sans-serif; }
.desktop-unavailable p,
.desktop-safety-note { margin: 0; color: #64748b; font-size: 11px; line-height: 1.65; }
.desktop-safety-note { padding: 0 4px; }

/* Bottom navigation */
.app-page .app-bottom-nav { display: none; }

/* Onboarding */
.onboarding-page {
  min-height: 100vh;
  min-height: 100dvh;
  background:
    radial-gradient(circle at 12% 18%, rgba(0, 95, 115, .075), transparent 24rem),
    radial-gradient(circle at 92% 8%, rgba(238, 155, 0, .09), transparent 22rem),
    #f6f8f8;
}
.onboarding-page .onboarding-shell { min-height: 100vh; min-height: 100dvh; }
.onboarding-page .onboarding-header {
  position: fixed;
  z-index: 80;
  inset: 0 0 auto;
  width: 100%;
  min-height: 68px;
  padding-inline: max(20px, calc((100vw - 1120px) / 2));
  border-bottom: 1px solid #e3e9ea;
  background: rgba(255, 255, 255, .98);
  backdrop-filter: blur(18px);
}
.onboarding-page .onboarding-progress { position: fixed; z-index: 81; top: 68px; right: 0; left: 0; height: 3px; background: #e5ebec; }
.onboarding-page .onboarding-progress i { background: #005f73; }
.onboarding-page .onboarding-progress-meta { color: #687789; font-size: 10px; font-weight: 650; }
.onboarding-page .onboarding-progress-meta button { color: #005f73; }
.onboarding-page .onboarding-form { width: min(820px, calc(100vw - 40px)); padding: 104px 0 42px; }
.onboarding-page .onboarding-offer-bar { margin-bottom: 16px; border-color: #f0cf83; border-radius: 14px; background: #fff8e8; }
.onboarding-page .onboarding-offer-bar > span { color: #fff; background: #ee9b00; }
.onboarding-page .onboarding-offer-bar p { color: #74531a; font-size: 11px; }
.onboarding-page .onboarding-journey { width: 100%; margin-bottom: 18px; }
.onboarding-page .onboarding-journey li { min-height: 68px; border-color: #e1e8e9; border-radius: 16px; background: rgba(255, 255, 255, .86); }
.onboarding-page .onboarding-journey li > span { background: #f1f5f9; }
.onboarding-page .onboarding-journey li.is-current { border-color: #94d2bd; background: #edf8f6; box-shadow: none; }
.onboarding-page .onboarding-journey li.is-current > span { color: #fff; background: #005f73; }
.onboarding-page .onboarding-journey li.is-current strong { color: #005f73; }
.onboarding-page .onboarding-journey li.is-done { border-color: #cfe7e4; background: #f1faf8; }
.onboarding-page .onboarding-journey li.is-done > span { color: #fff; background: #0f766e; }
.onboarding-page .onboarding-workspace { display: block; }
.onboarding-page .onboarding-stage-card { min-height: 0; padding: 42px; border-color: #e1e8e9; border-radius: 24px; background: rgba(255, 255, 255, .98); box-shadow: var(--shadow-sm); }
.onboarding-page .step-badge { color: #005f73; background: #e6f6f2; }
.onboarding-page .onboarding-step > .eyebrow { color: #005f73; }
.onboarding-page .onboarding-step h1 { max-width: 680px; color: #1a2433; font: 750 clamp(31px, 5vw, 44px)/1.08 "Montserrat", "Manrope", sans-serif; letter-spacing: -.05em; }
.onboarding-page .onboarding-step h1 em { color: #005f73; }
.onboarding-page .onboarding-intro { margin-bottom: 30px; color: #687789; font-size: 14px; line-height: 1.65; }
.onboarding-page .field input,
.onboarding-page .field textarea,
.onboarding-page .field select,
.onboarding-page .input-prefix { min-height: 50px; border-color: #d7e0e1; border-radius: 13px; background: #fff; }
.onboarding-page .field input,
.onboarding-page .field select { min-height: 50px; }
.onboarding-page .field input:focus,
.onboarding-page .field textarea:focus,
.onboarding-page .field select:focus,
.onboarding-page .input-prefix:focus-within { border-color: #005f73; outline-color: rgba(0, 95, 115, .12); }
.onboarding-page .connection-preview { border-radius: 16px; background: #f4f7f7; }
.onboarding-page .connection-preview div > span { color: #005f73; background: #e6f6f2; }
.onboarding-page .onboarding-growth-offer { border: 1px solid #dce8e7; color: #1a2433; background: linear-gradient(135deg, #edf8f6, #fff); box-shadow: none; }
.onboarding-page .onboarding-growth-offer > div > span { color: #005f73; }
.onboarding-page .onboarding-growth-offer h2 { color: #1a2433; }
.onboarding-page .onboarding-growth-offer h2 small,
.onboarding-page .onboarding-growth-offer p { color: #64748b; }
.onboarding-page .onboarding-growth-offer dl div { color: #334155; background: #fff; }
.onboarding-page .onboarding-growth-offer dt { color: #64748b; }
.onboarding-page .onboarding-growth-offer .is-free { color: #7c5000; background: #fff1c7; }
.onboarding-page .onboarding-growth-offer > strong { border-top-color: #e2e8f0; color: #005f73; }
.onboarding-page .review-card { border-color: #e1e8e9; border-radius: 18px; background: #fff; }
.onboarding-page .review-policy { background: #edf8f6; }
.onboarding-page .review-policy > span { color: #fff; background: #005f73; }
.onboarding-page .onboarding-context-card {
  position: static;
  display: none;
  margin-top: 16px;
  padding: 22px;
  border: 1px solid #e1e8e9;
  color: #1a2433;
  background: #fff;
  box-shadow: none;
}
.onboarding-page .onboarding-actions {
  position: sticky;
  z-index: 25;
  bottom: 14px;
  margin-top: 22px;
  padding: 11px;
  border: 1px solid #dfe6e7;
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 42px rgba(26, 36, 51, .12);
  backdrop-filter: blur(14px);
}
.onboarding-page .step-dots i.active { background: #005f73; }

@media (max-width: 1040px) {
  .app-account-state { display: none; }
  .activation-start-card { grid-template-columns: 1fr; }
  .app-shell--simple .activation-focus-grid,
  .app-page .target-confirmation-layout { grid-template-columns: 1fr; }
  .app-page .activation-next-card { min-height: 0; }
  .automation-plan-layout { grid-template-columns: 1fr; }
  .automation-review { position: static; min-height: 0; }
  .automation-review__empty { min-height: 240px; }
}

@media (max-width: 900px) {
  .app-shell--simple .app-main { margin-left: 0; }
  .app-shell--simple .app-sidebar { display: none; }
  .app-shell--simple .app-launch-brand { flex-basis: 190px; }
  .app-topbar .app-settings-button { display: inline-flex; }
  .app-shell--simple .app-content { padding-bottom: 104px; }
  .app-page .app-bottom-nav {
    position: fixed;
    z-index: 75;
    right: 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 12px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-height: 66px;
    padding: 6px;
    border: 1px solid #dce2e9;
    border-radius: 18px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .16);
    backdrop-filter: blur(18px);
  }
  .app-page .app-bottom-nav button { display: grid; place-items: center; gap: 2px; border: 0; border-radius: 12px; padding: 6px 3px; color: #64748b; background: transparent; font-size: 9px; font-weight: 700; }
  .app-page .app-bottom-nav button i { font-size: 15px; font-style: normal; }
  .app-page .app-bottom-nav button.active { color: #005f73; background: #e6f6f2; }
}

@media (max-width: 760px) {
  .app-shell--simple .app-main { margin-left: 0; padding-top: 64px; }
  .app-shell--simple .app-topbar { height: 64px; padding: 0 15px; }
  .app-shell--simple .app-launch-brand { flex: 0 0 auto; }
  .app-shell--simple .app-breadcrumb { margin-left: 16px; }
  .app-shell--simple .app-breadcrumb span,
  .app-shell--simple .app-breadcrumb i { display: none; }
  .app-topbar .app-settings-button { display: inline-flex; }
  .app-page .app-settings-button { width: 38px; padding: 0; }
  .app-page .app-settings-button span { display: none; }
  .app-page .app-settings-button::before { color: #334155; content: "⚙"; font-size: 14px; }
  .app-page .icon-button { display: none; }
  .app-shell--simple .app-content { padding: 26px 16px 104px; }
  .app-page-heading,
  .app-shell--simple .view-heading { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 20px; }
  .app-page-heading h1,
  .app-shell--simple .view-heading h1 { font-size: 30px; }
  .app-page-heading p,
  .app-shell--simple .view-heading p { font-size: 14px; }
  .activation-start-card { padding: 19px; border-radius: 19px; }
  .app-page .activation-journey { grid-template-columns: 1fr 1fr; }
  .app-page .activation-journey > li { min-height: 112px; }
  .app-shell--simple .instagram-login-wizard { padding: 18px; }
  .app-page .instagram-login-steps { grid-template-columns: 1fr 1fr; }
  .app-page .instagram-login-stage { align-items: stretch; flex-direction: column; }
  .app-page .instagram-login-stage .button { width: 100%; }
  .app-page .instagram-login-form,
  .app-page .instagram-login-form--otp { grid-template-columns: 1fr; }
  .activation-summary-grid,
  .activity-preview-grid { grid-template-columns: 1fr; }
  .automation-studio__hero { align-items: stretch; flex-direction: column; padding: 26px; }
  .automation-studio__state { min-width: 0; }
  .automation-plan-grid--identity { grid-template-columns: 1fr; }
  .automation-plan-grid--timing { grid-template-columns: 1fr 1fr; }
  .automation-budget-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .automation-target-row { grid-template-columns: 1fr; }
  .automation-target-row > header { grid-column: 1; }
  .automation-window-row { grid-template-columns: 1fr; }
  .automation-window-times { justify-content: flex-start; }
  .automation-plan-submit { align-items: stretch; flex-direction: column; }
  .automation-plan-submit .button { width: 100%; }
  .desktop-state-grid { grid-template-columns: 1fr; }
  .desktop-enrollment-controls { align-items: stretch; grid-template-columns: 1fr; }
  .desktop-enrollment-controls .button { width: 100%; }
  .desktop-card-heading { align-items: stretch; flex-direction: column; }
  .desktop-card-heading > .button { width: 100%; }
  .desktop-device-card { align-items: stretch; grid-template-columns: 1fr auto; }
  .desktop-device-card dl { grid-column: 1 / -1; grid-row: 2; }
  .desktop-device-card .desktop-revoke { grid-column: 1 / -1; width: 100%; }
  .app-page .target-confirmation-actions,
  .app-page .activation-readiness footer,
  .app-page .device-metrics-panel > header { align-items: stretch; flex-direction: column; }
  .app-page .target-confirmation-actions .button,
  .app-page .activation-readiness footer .button { width: 100%; }
  .app-page .activation-readiness__actions { align-items: stretch; flex-direction: column-reverse; width: 100%; }
  .app-page .device-metrics-grid { grid-template-columns: 1fr 1fr; }
  .app-page .device-metrics-grid > div { border-top: 1px solid #e2e8f0; }
  .app-page .device-metrics-grid > div:nth-child(odd) { border-right: 1px solid #e2e8f0; }
  .app-page .device-metrics-grid > div:nth-child(even) { border-right: 0; }
  .app-page .device-metrics-grid > div:first-child,
  .app-page .device-metrics-grid > div:nth-child(2) { border-top: 0; }
  .offer-months { grid-template-columns: 1fr 1fr; padding: 0 22px 22px; }
  .onboarding-page .onboarding-header { min-height: 66px; padding-inline: 16px; }
  .onboarding-page .onboarding-progress { top: 66px; }
  .onboarding-page .onboarding-form { width: calc(100vw - 28px); padding-top: 92px; }
  .onboarding-page .onboarding-progress-meta button { display: none; }
  .onboarding-page .onboarding-journey { gap: 6px; }
  .onboarding-page .onboarding-journey li { min-height: 60px; padding: 9px; }
  .onboarding-page .onboarding-journey li small { display: none; }
  .onboarding-page .onboarding-stage-card { padding: 26px 21px; border-radius: 20px; }
  .onboarding-page .two-columns,
  .onboarding-page .onboarding-fields.two-columns { grid-template-columns: 1fr; }
  .onboarding-page .field--wide { grid-column: auto; }
  .onboarding-page .connection-preview { align-items: stretch; grid-template-columns: 1fr; }
  .onboarding-page .connection-preview > i { transform: rotate(90deg); }
  .onboarding-page .onboarding-growth-offer { grid-template-columns: 1fr; }
  .onboarding-page .onboarding-growth-offer dl { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 430px) {
  .app-page .brand-lockup--topbar .brand-name { font-size: 16px; }
  .app-shell--simple .app-breadcrumb { display: none; }
  .app-account-menu > div { right: -2px; width: min(230px, calc(100vw - 30px)); }
  .app-page .activation-journey { grid-template-columns: 1fr; }
  .app-page .activation-journey > li { min-height: 0; }
  .app-page .activation-view-heading { gap: 9px; margin-bottom: 14px; }
  .app-page .activation-view-heading h1 { font-size: 27px; }
  .app-page .activation-view-heading p { font-size: 12px; line-height: 1.4; }
  .app-page .activation-pilot-status { padding: 7px 9px; }
  .app-shell--simple .instagram-login-wizard { padding: 15px; }
  .app-page .instagram-login-wizard__header { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 9px; }
  .app-page .instagram-login-wizard__header > div { min-width: 0; padding-right: 76px; }
  .app-page .instagram-login-wizard__header h2 { font-size: 15px; }
  .app-page .instagram-login-wizard__header p { display: none; }
  .app-page .instagram-login-wizard__header > em { position: absolute; top: 0; right: 0; margin: 0; }
  .app-page .instagram-login-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin: 12px 0 10px; }
  .app-page .instagram-login-steps li { grid-template-columns: 1fr; justify-items: center; gap: 5px; min-height: 58px; padding: 6px 3px; text-align: center; }
  .app-page .instagram-login-steps li > span { width: 22px; height: 22px; }
  .app-page .instagram-login-steps small { display: none; }
  .app-page .instagram-login-steps strong { font-size: 7px; }
  .app-page .instagram-login-stage { gap: 10px; padding: 12px; }
  .app-page .instagram-login-stage__status small { display: none; }
  .app-page .instagram-login-security { margin-top: 9px; padding: 9px 10px; }
  .app-page .device-metrics-grid,
  .offer-months { grid-template-columns: 1fr; }
  .automation-studio { border-radius: 20px; }
  .automation-studio__hero { padding: 22px 19px; }
  .automation-studio__hero h2 { font-size: 27px; }
  .automation-plan-form { padding: 12px; }
  .automation-plan-section { padding: 18px 15px; }
  .automation-plan-grid,
  .automation-plan-grid--identity,
  .automation-plan-grid--timing { grid-template-columns: 1fr; }
  .automation-section-heading { align-items: stretch; flex-direction: column; }
  .automation-mini-button { width: 100%; }
  .automation-budget-grid { grid-template-columns: 1fr 1fr; }
  .automation-window-times { display: grid; grid-template-columns: 1fr auto 1fr; }
  .automation-window-times label { display: grid; }
  .automation-window-times input { width: 100%; }
  .automation-review__content { padding: 19px; }
  .desktop-center-heading { gap: 12px; }
  .desktop-gate-badge { min-height: 30px; }
  .desktop-enrollment-card,
  .desktop-device-list { padding: 18px; }
  .desktop-one-time-code { padding: 15px; }
  .desktop-code-actions { display: grid; }
  .desktop-device-card { grid-template-columns: 1fr; }
  .desktop-device-card dl { grid-column: 1; grid-template-columns: 1fr; }
  .desktop-device-state { justify-self: start; }
  .desktop-device-card .desktop-revoke { grid-column: 1; }
  .desktop-unavailable { align-items: start; grid-template-columns: 1fr; padding: 21px; }
  .app-page .device-metrics-grid > div { border-right: 0 !important; }
  .onboarding-page .onboarding-journey li { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .onboarding-page .onboarding-journey li p { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .automation-studio *,
  .automation-studio *::before,
  .automation-studio *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Radarz product experience ------------------------------------------------------
   The authenticated product is deliberately quieter than the marketing site:
   neutral surfaces, one restrained accent and no decorative gradients. */
.app-page,
.onboarding-page {
  --rz-black: #18181b;
  --rz-panel: #ffffff;
  --rz-paper: #f7f7f5;
  --rz-white: #ffffff;
  --rz-muted: #6b6b73;
  --rz-lime: #5b5bd6;
  --rz-violet: #5b5bd6;
  --rz-coral: #c7654a;
  --rz-line: #e6e6e3;
  --rz-focus: #4f46e5;
  color: var(--rz-black);
  background: var(--rz-paper);
  font-family: "Avenir Next", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.app-page h1,
.app-page h2,
.app-page h3,
.app-page h4,
.app-page button,
.app-page input,
.app-page select,
.app-page textarea,
.onboarding-page h1,
.onboarding-page h2,
.onboarding-page h3,
.onboarding-page h4,
.onboarding-page button,
.onboarding-page input,
.onboarding-page select,
.onboarding-page textarea { font-family: inherit; }

.app-page p,
.app-page label,
.app-page button,
.app-page a { font-size: 14px; }
.app-page small { font-size: 12px; }
.app-page :is(a, button, input, select, textarea, summary):focus-visible,
.onboarding-page :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--rz-focus);
  outline-offset: 3px;
}

.app-page .button,
.onboarding-page .button {
  min-height: 50px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 750;
}
.app-page .button--primary,
.onboarding-page .button--primary,
.app-page .button--dark,
.onboarding-page .button--dark {
  border-color: var(--rz-black);
  color: #fff;
  background: var(--rz-black);
  box-shadow: none;
}
.app-page .button--primary:hover,
.onboarding-page .button--primary:hover,
.app-page .button--dark:hover,
.onboarding-page .button--dark:hover {
  color: #fff;
  background: #303036;
  box-shadow: 0 12px 28px rgba(24, 24, 27, .16);
  transform: translateY(-1px);
}

/* One product header in the browser; the native app already supplies its own. */
.app-shell--simple .app-main { margin-left: 248px; padding-top: 76px; }
.app-shell--simple .app-topbar {
  height: 76px;
  padding: 0 26px;
  border-bottom-color: var(--rz-line);
  color: var(--rz-black);
  background: rgba(255, 255, 255, .96);
}
.app-page .brand-lockup--topbar .brand-name { color: var(--rz-black); font-size: 20px; letter-spacing: -.04em; }
.app-page .brand-lockup--topbar .brand-mark__bubble--front { background: var(--rz-violet); }
.app-page .brand-lockup--topbar .brand-mark__spark { background: #b8b8ed; box-shadow: -6px 0 0 -1px var(--rz-violet); }
.app-shell--simple .app-launch-brand { flex-basis: 222px; }
.app-shell--simple .app-breadcrumb { margin-left: 12px; color: #66666e; }
.app-shell--simple .app-breadcrumb strong { color: #595961; font-size: 13px; }
.app-account-state { min-height: 44px; border-color: var(--rz-line); color: var(--rz-black); background: #fafafa; }
.app-account-state > i { background: #26a269; box-shadow: 0 0 0 4px rgba(38, 162, 105, .10); }
.app-account-state strong { color: var(--rz-black); font-size: 13px; }
.app-account-state small { color: var(--rz-muted); font-size: 12px; }
.app-page .user-avatar { width: 42px; height: 42px; border-color: #dcdce8; color: #45459b; background: #eeeeff; }

.app-shell--simple .app-sidebar {
  inset: 76px auto 0 0;
  width: 248px;
  padding: 30px 18px 20px;
  border-right: 1px solid var(--rz-line);
  color: var(--rz-black);
  background: #fff;
}
.app-sidebar__label { gap: 7px; padding: 0 14px 26px; }
.app-sidebar__label span { color: var(--rz-violet); font-size: 12px; letter-spacing: .14em; }
.app-sidebar__label small { color: #66666e; font-size: 12px; }
.app-shell--simple .app-top-journey { gap: 8px; }
.app-page .app-top-journey button {
  min-height: 52px;
  padding: 0 14px;
  border-radius: 14px;
  color: #6b6b73;
  font-size: 14px;
}
.app-page .app-top-journey button i {
  width: 32px;
  height: 32px;
  color: #707078;
  background: #f1f1ef;
  font-size: 14px;
}
.app-page .app-top-journey button:hover { border-color: #e5e5e2; color: var(--rz-black); background: #f7f7f5; }
.app-page .app-top-journey button.active {
  border-color: #ddddf3;
  color: #44449a;
  background: #f2f2ff;
  box-shadow: inset 3px 0 0 var(--rz-violet);
}
.app-page .app-top-journey button.active i { color: #fff; background: var(--rz-violet); }
.app-sidebar__footer { border-top-color: var(--rz-line); }
.app-sidebar__footer button,
.app-sidebar__footer a { min-height: 48px; color: #707078; font-size: 13px; }
.app-sidebar__footer button:hover,
.app-sidebar__footer button.active,
.app-sidebar__footer a:hover { color: var(--rz-black); background: #f3f3f1; }
.app-sidebar__footer i { color: #66666e; background: #f1f1ef; font-size: 13px; }

.radarz-native-app .app-shell--simple .app-topbar { display: none; }
.radarz-native-app .app-shell--simple .app-main { padding-top: 0; }
.radarz-native-app .app-shell--simple .app-sidebar { inset-block-start: 0; }
.radarz-native-app [data-onboarding-step="download"],
.radarz-native-app [data-onboarding-step="install"] { display: none !important; }

.app-shell--simple .app-content { width: min(1180px, 100%); padding: 46px clamp(28px, 4vw, 64px) 96px; }

/* Before the seven verified gates complete, Radarz is one full-screen task.
   The class is rendered server-side and removed only after the fail-closed
   onboarding projection says `complete`, preventing a flash of unlocked UI. */
.app-shell--simple.is-preactivation .app-topbar,
.app-shell--simple.is-preactivation .app-sidebar,
.app-shell--simple.is-preactivation .app-bottom-nav,
.app-shell--simple.is-preactivation .app-flash,
.app-shell--simple.is-preactivation [data-view] {
  display: none !important;
}
.app-shell--simple.is-preactivation[data-preactivation-surface="overview"] [data-view="overview"],
.app-shell--simple.is-preactivation[data-preactivation-surface="devices"] [data-view="devices"],
.app-shell--simple.is-preactivation[data-preactivation-surface="agent"] [data-view="agent"] {
  display: block !important;
}
.app-shell--simple.is-preactivation [data-view="overview"] > :not([data-next-action-card]),
.app-shell--simple.is-preactivation[data-preactivation-surface="devices"] [data-view="devices"] > :not(.desktop-center),
.app-shell--simple.is-preactivation[data-preactivation-surface="devices"] .desktop-center > :not([data-instagram-preflight]),
.app-shell--simple.is-preactivation[data-preactivation-surface="agent"] [data-view="agent"] > :not(.automation-studio) {
  display: none !important;
}
.app-shell--simple.is-preactivation .app-main {
  margin-left: 0;
  padding-top: 0;
}
.app-shell--simple.is-preactivation .app-content {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 100vh;
  padding: clamp(18px, 4vw, 56px);
}
.app-shell--simple.is-preactivation [data-view="overview"],
.app-shell--simple.is-preactivation [data-view="devices"],
.app-shell--simple.is-preactivation [data-view="agent"] {
  width: min(1180px, 100%);
}
.app-shell--simple.is-preactivation .activation-start-card[data-next-action-card] {
  width: min(960px, 100%);
  min-height: 0;
  margin: 0;
}

@media (max-width: 700px) {
  .app-shell--simple.is-preactivation .app-content { padding: 12px; }
  .app-shell--simple.is-preactivation .activation-start-card[data-next-action-card] {
    min-height: 0;
  }
}
.app-page-heading,
.app-shell--simple .view-heading { align-items: flex-start; margin-bottom: 28px; }
.app-page .view-kicker { margin-bottom: 10px; color: #6248ec; font-size: 12px; letter-spacing: .13em; }
.app-page-heading h1,
.app-shell--simple .view-heading h1 { margin-bottom: 10px; font: 620 clamp(38px, 4vw, 54px)/1 "Avenir Next", "SF Pro Display", sans-serif; letter-spacing: -.065em; }
.app-page-heading p,
.app-shell--simple .view-heading p { max-width: 650px; color: #62646b; font-size: 16px; line-height: 1.6; }
.activation-service-status { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; padding: 0 14px; border: 1px solid #d6d6cf; border-radius: 999px; color: #4d4f56; background: rgba(255, 255, 255, .72); font-size: 13px; font-style: normal; font-weight: 700; }
.activation-service-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--rz-coral); box-shadow: 0 0 0 4px rgba(255, 128, 107, .12); }

/* Today: one next action, one short progress list, three facts. */
.activation-connection-details {
  margin: 0 0 16px;
  border: 1px solid #dadad4;
  border-radius: 15px;
  background: rgba(255, 255, 255, .7);
}
.activation-connection-details > summary { display: flex; align-items: center; gap: 11px; min-height: 50px; padding: 0 16px; cursor: pointer; list-style: none; }
.activation-connection-details > summary::-webkit-details-marker { display: none; }
.activation-connection-details > summary > span { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; color: #fff; background: var(--rz-lime); font-weight: 800; }
.activation-connection-details > summary strong { font-size: 14px; }
.activation-connection-details > summary small { margin-left: auto; color: #686a72; }
.activation-connection-details[open] > summary { border-bottom: 1px solid #deded8; }
.activation-connection-details .instagram-login-wizard { border: 0; border-radius: 0 0 15px 15px; box-shadow: none; }

.activation-start-card[data-next-action-card] {
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(30px, 4vw, 42px);
  min-height: 0;
  margin-bottom: 18px;
  padding: clamp(32px, 5vw, 56px);
  border: 1px solid var(--rz-line);
  border-radius: 26px;
  color: var(--rz-black);
  background: #fff;
  box-shadow: 0 24px 70px rgba(24, 24, 27, .08);
}
.activation-command-card__copy > span { color: #5555b7; font-size: 11px; letter-spacing: .11em; }
.activation-command-card__copy h2 { max-width: 680px; min-height: 1.04em; margin: 13px 0 12px; color: var(--rz-black); font: 620 clamp(34px, 4vw, 48px)/1.04 "Avenir Next", "SF Pro Display", sans-serif; letter-spacing: -.052em; }
.activation-command-card__copy > p { max-width: 680px; min-height: 3.2em; color: var(--rz-muted); font-size: 15px; line-height: 1.6; }
.activation-command-card__action { display: flex; align-items: center; gap: 16px; margin-top: 24px; }
.activation-command-card__action .button { min-width: 210px; }
.activation-command-card__action .button:focus-visible { outline: 3px solid #4f46e5; outline-offset: 4px; }
.activation-command-card__action small { max-width: 250px; color: #66666e; line-height: 1.45; }
.activation-command-card__status { min-height: 18px; margin-top: 14px !important; color: #66666e !important; font-size: 12px !important; }
.activation-start-card[data-onboarding-state="loading"] .activation-journey,
.activation-start-card[data-onboarding-state="error"] .activation-journey { visibility: hidden; min-height: 82px; }
.activation-start-card[data-onboarding-state="loading"] [data-next-action-button]::before {
  width: 14px;
  height: 14px;
  margin-right: 9px;
  border: 2px solid rgba(255, 255, 255, .45);
  border-top-color: #fff;
  border-radius: 50%;
  content: "";
  animation: radarz-button-spin .8s linear infinite;
}
.activation-start-card[data-onboarding-state="error"] { border-color: #e4c8c4; }
.activation-start-card[data-onboarding-state="error"] [data-next-action-kicker] { color: #9f3e32; }
@keyframes radarz-button-spin { to { transform: rotate(360deg); } }
.app-page [data-next-action-card] .activation-journey { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 12px; margin: 0; padding: 0; }
.app-page [data-next-action-card] .activation-journey::before {
  position: absolute;
  top: 16px;
  right: 24px;
  left: 24px;
  height: 1px;
  background: #e2e2e0;
  content: "";
}
.app-page [data-next-action-card] .activation-journey > li {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 9px;
  min-height: 0;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  color: #66666e;
  background: transparent;
  text-align: center;
  transition: color .18s ease, opacity .18s ease;
}
.app-page [data-next-action-card] .activation-journey > li > span { position: relative; z-index: 1; width: 32px; height: 32px; border: 1px solid #d9d9d6; border-radius: 50%; color: #66666e; background: #fff; box-shadow: 0 0 0 5px #fff; }
.app-page [data-next-action-card] .activation-journey > li > div { display: grid; gap: 3px; }
.app-page [data-next-action-card] .activation-journey small { color: #66666e; font-size: 9px; letter-spacing: .08em; }
.app-page [data-next-action-card] .activation-journey strong { color: #62626a; font-size: 12px; line-height: 1.3; }
.app-page [data-next-action-card] .activation-journey p {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.app-page [data-next-action-card] .activation-journey .is-current { min-height: 0; color: var(--rz-black); transform: none; box-shadow: none; }
.app-page [data-next-action-card] .activation-journey .is-current > span { border-color: var(--rz-black); color: #fff; background: var(--rz-black); }
.app-page [data-next-action-card] .activation-journey .is-current small,
.app-page [data-next-action-card] .activation-journey .is-current strong { color: var(--rz-black); }
.app-page [data-next-action-card] .activation-journey .is-done { border: 0; background: transparent; }
.app-page [data-next-action-card] .activation-journey .is-done > span { border-color: #d9d9ee; color: #4e4eaa; background: #eeeefe; }
.app-page [data-next-action-card] .activation-journey .is-done strong { color: #4f4f57; }
.app-page [data-next-action-card] .activation-journey .is-locked { opacity: 1; }
.app-page [data-next-action-card] .activation-journey .is-locked:hover { opacity: .82; }
.activation-summary-grid { gap: 12px; }
.activation-summary-grid article { min-height: 110px; padding: 20px; border-color: #dcdcd6; border-radius: 18px; box-shadow: none; }
.activation-summary-grid article > i { width: 40px; height: 40px; border-radius: 12px; color: #fff; background: var(--rz-lime); }
.activation-summary-grid small { color: #676970; font-size: 12px; }
.activation-summary-grid strong { font-size: 16px; }
.activation-summary-grid span { color: #676970; font-size: 13px; }

/* Sources and Plan inherit the same quieter hierarchy. */
.app-page .target-confirmation-card,
.app-page .target-confirmation-note,
.app-page .device-metrics-panel,
.app-page .activation-readiness { border-color: #dcdcd6; border-radius: 20px; box-shadow: none; }
.app-page .target-confirmation-note { background: #f3f3ff; }
.app-page .target-confirmation-note > span { color: #5050a8; font-size: 12px; }
.app-page .target-confirmation-note p { color: #555760; font-size: 14px; }
.automation-studio { border-color: var(--rz-line); border-radius: 24px; background: #f3f3f1; box-shadow: none; }
.automation-studio__hero { padding: 40px; border-bottom: 1px solid var(--rz-line); color: var(--rz-black); background: #fff; }
.automation-studio__hero::after { display: none; }
.automation-studio__hero > div:first-child > span { color: #5050a8; font-size: 12px; }
.automation-studio__hero h2 { font-size: clamp(34px, 4vw, 50px); font-weight: 580; }
.automation-studio__hero h2 em { color: #5050a8; }
.automation-studio__hero p { color: var(--rz-muted); font-size: 15px; }
.automation-studio__state { border-color: var(--rz-line); color: var(--rz-black); background: #f8f8f7; backdrop-filter: none; }
.automation-studio__state > i { border-color: #a8a8af; }
.automation-studio__state small { color: #66666e; }
.automation-studio__state strong { color: var(--rz-black); }
.automation-studio__state[data-state="loading"] > i { border-top-color: #5050a8; animation: radarz-button-spin .8s linear infinite; }
.automation-quick-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; border-bottom: 1px solid var(--rz-line); background: var(--rz-line); list-style: none; }
.automation-quick-steps li { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 16px 22px; background: #fafafa; }
.automation-quick-steps b { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%; color: #5050a8; background: #eeeefe; font-size: 12px; }
.automation-quick-steps span { display: grid; gap: 2px; min-width: 0; }
.automation-quick-steps strong { color: var(--rz-black); font-size: 13px; }
.automation-quick-steps small { overflow: hidden; color: var(--rz-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.automation-plan-form { padding: 18px; }
.automation-studio[aria-busy="true"] .automation-plan-form { pointer-events: none; opacity: .62; }
.automation-plan-form__error { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.automation-plan-form__error > span { min-width: 0; }
.automation-plan-form__error > button { flex: none; min-height: 36px; padding: 0 13px; border: 1px solid currentColor; border-radius: 9px; color: inherit; background: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.automation-plan-form__error > button:focus-visible { outline: 3px solid var(--rz-focus); outline-offset: 2px; }
.automation-plan-fields { gap: 14px; }
.automation-plan-section { padding: 26px; border-color: #d8d8d2; border-radius: 18px; }
.automation-plan-section legend strong { font-size: 16px; }
.automation-plan-section legend small,
.automation-field > small { color: #65676e; font-size: 12px; }
.automation-field > span:first-child { font-size: 13px; }
.automation-field > input,
.automation-field > textarea,
.automation-field--timezone > input,
.automation-handle-input,
.automation-number-input { min-height: 48px; border-color: #cecec8; border-radius: 12px; font-size: 14px; }
.automation-handle-input > input { min-height: 46px; font-size: 14px; }
.automation-review { border: 1px solid var(--rz-line); border-radius: 18px; color: var(--rz-black); background: #fff; box-shadow: none; }
.automation-review__empty > span { border-color: #ddddf3; color: #5050a8; background: #f1f1ff; }
.automation-review__empty h3 { font-size: 24px; }
.automation-review__empty p { color: var(--rz-muted); font-size: 13px; }
.automation-review__content > header { border-bottom-color: var(--rz-line); }
.automation-review__content > header > span,
.automation-review__budgets > span,
.automation-review__digest > span { color: #5050a8; }
.automation-review__technical { margin: 10px 0; border-block: 1px solid var(--rz-line); }
.automation-review__technical summary { padding: 12px 0; color: var(--rz-muted); cursor: pointer; font-size: 12px; }
.automation-review__facts > div { border-bottom-color: #eeeeeb; }
.automation-review__facts dt { color: #66666e; }
.automation-review__facts dd { color: #3f3f46; }
.automation-review__budgets b { border-color: #ddddf3; color: #4c4c92; background: #f4f4ff; }
.automation-review__safety { border-color: #cfe7db; background: #f1f9f5; }
.automation-review__safety > span { color: #fff; background: #27835c; }
.automation-review__safety strong { color: #245c45; }
.automation-review__digest code { color: #4f4f9d; background: #f5f5f4; }
.automation-review__approval { border-color: var(--rz-line); background: #fafafa; }
.automation-review__approval:has(input:checked) { border-color: #cfcfee; background: #f3f3ff; }
.automation-review__approval input { accent-color: var(--rz-violet); }
.automation-review__approval strong { color: var(--rz-black); }
.automation-review .button { color: #fff; background: var(--rz-black); }
.automation-review .button:hover { color: #fff; background: #303036; }
.automation-review .button:disabled { color: #9a9aa1; background: #eeeeec; }
.automation-review__facts dt,
.automation-review__content > header > small,
.automation-review__approval small,
.automation-review__status { color: var(--rz-muted); }
.automation-number-input i,
.automation-section-heading small,
.automation-mini-button,
.automation-target-row > header strong,
.automation-target-row > header button,
.automation-window-row > header strong,
.automation-window-row > header button,
.automation-target-row > fieldset > legend,
.automation-window-row > fieldset > legend,
.automation-action-chips span,
.automation-weekdays span,
.automation-window-times label,
.automation-window-times input,
.automation-budget-grid span,
.automation-budget-grid small,
.automation-plan-submit small,
.automation-plan-submit code,
.automation-review__content > header > span,
.automation-review__content > header > small,
.automation-review__budgets > span,
.automation-review__budgets b,
.automation-review__facts dt,
.automation-review__facts dd,
.automation-review__safety strong,
.automation-review__safety small,
.automation-review__digest > span,
.automation-review__digest code,
.automation-review__approval strong,
.automation-review__approval small,
.automation-review__status,
.automation-canary header span,
.automation-canary header strong,
.automation-canary > p { font-size: 12px; }
.automation-section-heading small,
.automation-budget-grid small { color: var(--rz-muted); }
.automation-section-heading strong,
.automation-plan-submit strong,
.automation-review__approval strong { font-size: 13px; }
.automation-action-chips span,
.automation-weekdays span { min-height: 36px; }
.automation-review__facts dd,
.automation-review__approval small,
.automation-review__status,
.automation-review__safety small { color: var(--rz-muted); }

/* Onboarding: focused canvas, three short screens, one primary CTA. */
.onboarding-page {
  background: var(--rz-paper);
}
.onboarding-page .onboarding-header {
  min-height: 76px;
  padding-inline: max(24px, calc((100vw - 940px) / 2));
  border-bottom-color: var(--rz-line);
  color: var(--rz-black);
  background: rgba(255, 255, 255, .96);
}
.onboarding-page .brand-lockup--onboarding .brand-name { color: var(--rz-black); }
.onboarding-page .onboarding-progress { top: 76px; height: 3px; background: #e8e8e5; }
.onboarding-page .onboarding-progress i { background: var(--rz-violet); }
.onboarding-page .onboarding-progress-meta { color: var(--rz-muted); font-size: 13px; }
.onboarding-page .onboarding-form { width: min(780px, calc(100vw - 40px)); padding: 108px 0 48px; }
.onboarding-page .onboarding-offer-bar {
  justify-content: center;
  margin-bottom: 20px;
  padding: 9px 13px;
  border-color: #ddddf0;
  border-radius: 999px;
  color: #5f5f67;
  background: #f3f3ff;
}
.onboarding-page .onboarding-offer-bar > span { padding: 0; color: #5050a8; background: transparent; font-size: 12px; }
.onboarding-page .onboarding-offer-bar p { color: #66666e; font-size: 12px; }
.onboarding-page .onboarding-journey { position: relative; gap: 0; margin: 0 0 18px; }
.onboarding-page .onboarding-journey::before { position: absolute; top: 19px; right: 16%; left: 16%; height: 1px; background: #ddddda; content: ""; }
.onboarding-page .onboarding-journey li {
  z-index: 1;
  grid-template-columns: 38px minmax(0, 1fr);
  min-height: 58px;
  padding: 7px 12px;
  border: 0;
  color: #66666e;
  background: transparent;
}
.onboarding-page .onboarding-journey li > span { width: 36px; height: 36px; border: 1px solid #d8d8d5; border-radius: 50%; color: #66666e; background: #fff; font-size: 12px; }
.onboarding-page .onboarding-journey li strong { color: #5f5f67; font-size: 13px; }
.onboarding-page .onboarding-journey li small { color: #66666e; font-size: 12px; }
.onboarding-page .onboarding-journey li.is-current { border: 0; background: transparent; }
.onboarding-page .onboarding-journey li.is-current > span { border-color: var(--rz-black); color: #fff; background: var(--rz-black); }
.onboarding-page .onboarding-journey li.is-current strong { color: var(--rz-black); }
.onboarding-page .onboarding-journey li.is-done { border: 0; background: transparent; }
.onboarding-page .onboarding-journey li.is-done > span { border-color: #d9d9ee; color: #4e4eaa; background: #eeeefe; }
.onboarding-page .onboarding-workspace { display: block; }
.onboarding-page .onboarding-stage-card { min-height: 0; padding: clamp(30px, 5vw, 54px); border: 1px solid var(--rz-line); border-radius: 26px; background: #fff; box-shadow: 0 24px 70px rgba(24, 24, 27, .08); }
.onboarding-page .onboarding-step > .eyebrow { margin-bottom: 14px; color: #5050a8; font-size: 12px; letter-spacing: .13em; }
.onboarding-page .onboarding-step h1 { max-width: 650px; margin: 0; color: var(--rz-black); font: 600 clamp(38px, 6vw, 55px)/.98 "Avenir Next", "SF Pro Display", sans-serif; letter-spacing: -.07em; }
.onboarding-page .onboarding-step h1 em { color: #5050a8; }
.onboarding-page .onboarding-intro { max-width: 620px; margin: 18px 0 30px; color: #61636b; font-size: 16px; line-height: 1.6; }
.onboarding-page .onboarding-fields { gap: 18px; }
.onboarding-page .onboarding-fields--account { max-width: 620px; }
.onboarding-page .onboarding-fields--compact { gap: 12px; }
.onboarding-page .field > span:first-child { margin-bottom: 8px; color: #292a30; font-size: 13px; font-weight: 750; }
.onboarding-page .field input,
.onboarding-page .field textarea,
.onboarding-page .field select,
.onboarding-page .input-prefix { min-height: 54px; border-color: #cacac4; border-radius: 13px; color: var(--rz-black); background: #fff; font-size: 16px; }
.onboarding-page .field textarea { padding: 14px 15px; line-height: 1.5; }
.onboarding-page .field input:focus,
.onboarding-page .field textarea:focus,
.onboarding-page .field select:focus,
.onboarding-page .input-prefix:focus-within { border-color: var(--rz-focus); outline: 3px solid var(--rz-focus); outline-offset: 2px; }
.onboarding-page .field-hint { margin-top: 7px; color: #686a71; font-size: 12px; line-height: 1.5; }
.onboarding-page .onboarding-reassurance { display: flex; align-items: center; gap: 9px; margin: 22px 0 0; color: #5b5d64; font-size: 13px; }
.onboarding-page .onboarding-reassurance span { display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; color: #fff; background: var(--rz-violet); font-weight: 800; }
.onboarding-page .onboarding-growth-offer { display: flex; align-items: center; gap: 24px; margin-bottom: 16px; padding: 20px 22px; border: 1px solid #ddddf0; border-radius: 18px; color: var(--rz-black); background: #f5f5ff; }
.onboarding-page .onboarding-growth-offer > div { flex: none; }
.onboarding-page .onboarding-growth-offer > div > span { color: #5050a8; font-size: 12px; }
.onboarding-page .onboarding-growth-offer h2 { margin: 4px 0 0; color: var(--rz-black); font-size: 30px; }
.onboarding-page .onboarding-growth-offer p { margin: 0; color: var(--rz-muted); font-size: 13px; line-height: 1.55; }
.onboarding-page .onboarding-growth-offer p strong { color: var(--rz-black); }
.onboarding-page .review-card { padding: 22px; border-color: #d7d7d1; border-radius: 18px; box-shadow: none; }
.onboarding-page .review-brand small,
.onboarding-page .review-brand span:not(.review-avatar),
.onboarding-page .review-details dt { font-size: 12px; }
.onboarding-page .review-details dd { font-size: 13px; }
.onboarding-page .review-policy p { color: #3f4a18; font-size: 12px; }
.onboarding-consents { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; border: 0; }
.onboarding-consents legend { margin-bottom: 2px; font-size: 13px; font-weight: 800; }
.onboarding-page .consent-check--final { margin: 0; padding: 12px 13px; border: 1px solid #d7d7d1; border-radius: 12px; color: #575961; background: #fff; font-size: 12px; line-height: 1.5; }
.onboarding-page .consent-check--final:has(input:checked) { border-color: #9cae52; background: #f7fbe8; }
.onboarding-page .consent-check input { width: 18px; height: 18px; accent-color: var(--rz-violet); }
.onboarding-page .onboarding-context-card { display: block; margin: 12px 8px 0; padding: 0; border: 0; color: var(--rz-muted); background: transparent; text-align: center; }
.onboarding-page .onboarding-context-card > span { color: #5050a8; font-size: 12px; }
.onboarding-page .onboarding-context-card > p { margin-top: 5px; color: #66666e; font-size: 12px; }
.onboarding-page .onboarding-actions {
  position: sticky;
  bottom: 14px;
  margin-top: 16px;
  padding: 10px;
  border: 1px solid var(--rz-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 40px rgba(24, 24, 27, .10);
  backdrop-filter: blur(18px);
}
.onboarding-page .onboarding-back { border: 0; color: #66666e; background: transparent; }
.onboarding-page .onboarding-back:disabled { opacity: .32; }
.onboarding-page .step-dots i { background: rgba(255, 255, 255, .24); }
.onboarding-page .step-dots i.active { background: var(--rz-lime); }

@media (max-width: 1040px) {
  .activation-start-card[data-next-action-card] { grid-template-columns: 1fr; }
  .app-page [data-next-action-card] .activation-journey { grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)); }
  .app-page [data-next-action-card] .activation-journey > li { grid-template-columns: 1fr; }
}

@media (max-width: 960px) {
  .app-shell--simple .app-main { margin-left: 0; }
  .app-page .app-bottom-nav { grid-template-columns: repeat(5, 1fr); }
  .app-page .app-bottom-nav button { color: #66666e; background: transparent; font-size: 12px; }
  .app-page .app-bottom-nav button.active { color: #47479f; background: #eeeefe; }
  .app-page .app-bottom-nav { border-color: var(--rz-line); background: rgba(255, 255, 255, .96); }
}

@media (max-width: 760px) {
  .app-shell--simple .app-main { padding-top: 66px; }
  .radarz-native-app .app-shell--simple .app-main { padding-top: 0; }
  .app-shell--simple .app-topbar { height: 66px; }
  .app-shell--simple .app-content { padding: 28px 16px 104px; }
  .app-page-heading h1,
  .app-shell--simple .view-heading h1 { font-size: 38px; }
  .app-page-heading p,
  .app-shell--simple .view-heading p { font-size: 15px; }
  .activation-start-card[data-next-action-card] { min-height: 0; padding: 26px 22px; border-radius: 22px; }
  .activation-command-card__copy h2 { font-size: 37px; }
  .activation-command-card__copy > p { min-height: 4.8em; }
  .activation-command-card__action { align-items: stretch; flex-direction: column; }
  .activation-command-card__action .button { width: 100%; }
  .app-page [data-next-action-card] .activation-journey { grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); gap: 16px 8px; }
  .app-page [data-next-action-card] .activation-journey::before { display: none; }
  .app-page [data-next-action-card] .activation-journey > li { min-height: 0; }
  .app-page [data-next-action-card] .activation-journey .is-current { min-height: 0; transform: none; }
  .activation-summary-grid { grid-template-columns: 1fr; }
  .activation-summary-grid article { min-height: 0; }
  .activation-connection-details > summary small { display: none; }
  .automation-studio__hero { padding: 28px 22px; }
  .automation-quick-steps { grid-template-columns: 1fr; }
  .automation-quick-steps li { padding: 12px 18px; }
  .automation-quick-steps small { white-space: normal; }
  .onboarding-page .onboarding-header { min-height: 66px; padding-inline: 16px; }
  .onboarding-page .onboarding-progress { top: 66px; }
  .onboarding-page .onboarding-form { width: calc(100vw - 24px); padding-top: 90px; }
  .onboarding-page .onboarding-offer-bar { align-items: center; }
  .onboarding-page .onboarding-offer-bar p { display: none; }
  .onboarding-page .onboarding-journey li { grid-template-columns: 1fr; justify-items: center; padding-inline: 4px; text-align: center; }
  .onboarding-page .onboarding-journey li p { display: block; }
  .onboarding-page .onboarding-journey li small { display: none; }
  .onboarding-page .onboarding-stage-card { padding: 29px 21px; border-radius: 22px; }
  .onboarding-page .onboarding-step h1 { font-size: 40px; }
  .onboarding-page .onboarding-intro { margin-bottom: 24px; font-size: 15px; }
  .onboarding-page .two-columns,
  .onboarding-page .onboarding-fields.two-columns { grid-template-columns: 1fr; }
  .onboarding-page .onboarding-growth-offer { align-items: flex-start; flex-direction: column; gap: 10px; }
  .onboarding-page .review-details { grid-template-columns: 1fr; }
  .onboarding-page .onboarding-actions { grid-template-columns: auto 1fr; gap: 8px; }
  .onboarding-page .step-dots { display: none; }
  .onboarding-page .onboarding-actions > .button--primary { width: 100%; }
}

@media (max-width: 430px) {
  .app-page-heading h1,
  .app-shell--simple .view-heading h1 { font-size: 34px; }
  .activation-service-status { min-height: 34px; }
  .activation-command-card__copy h2 { font-size: 34px; }
  .onboarding-page .onboarding-step h1 { font-size: 36px; }
  .onboarding-page .onboarding-progress-meta { font-size: 12px; }
  .onboarding-page .brand-lockup--onboarding .brand-name { font-size: 17px; }
}

@media (prefers-reduced-motion: reduce) {
  .app-page *,
  .app-page *::before,
  .app-page *::after,
  .onboarding-page *,
  .onboarding-page *::before,
  .onboarding-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Passwordless desktop adoption confirmation. The route contains exactly one
   enabled action and deliberately shares no application navigation chrome. */
.app-adoption-page { margin: 0; min-height: 100vh; background: #f6f8f8; color: #1a2433; font-family: "Montserrat", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.app-adoption { display: grid; min-height: 100vh; place-items: center; padding: 28px; }
.app-adoption__card { box-sizing: border-box; width: min(100%, 560px); padding: 42px; border: 1px solid #dbe6e6; border-radius: 24px; background: #fff; box-shadow: 0 22px 55px rgba(26, 36, 51, .10); }
.app-adoption__brand { color: #005f73; font-size: 22px; font-weight: 850; }
.app-adoption__step { margin: 28px 0 8px; color: #005f73; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.app-adoption h1 { margin: 0; font-size: 36px; line-height: 1.12; }
.app-adoption p { color: #607083; line-height: 1.65; }
.app-adoption form { display: grid; gap: 16px; margin-top: 28px; }
.app-adoption label { font-size: 13px; font-weight: 750; }
.app-adoption select { min-height: 48px; padding: 0 12px; border: 1px solid #cbd8d8; border-radius: 12px; background: #fff; font: inherit; }
.app-adoption button { width: 100%; min-height: 50px; border: 0; border-radius: 13px; color: #fff; background: #005f73; font: inherit; font-weight: 800; cursor: pointer; }
.app-adoption button:focus-visible,
.app-adoption select:focus-visible { outline: 3px solid rgba(0, 95, 115, .30); outline-offset: 3px; }
.app-adoption__safety { margin: 20px 0 0; font-size: 12px; }
@media (max-width: 600px) {
  .app-adoption { padding: 14px; }
  .app-adoption__card { padding: 28px 22px; }
  .app-adoption h1 { font-size: 30px; }
}

/* A single actionable next step, with secondary setup details on demand. */
.app-page,.onboarding-page { -webkit-font-smoothing: antialiased; }
.app-page :is(button,a,input,select,textarea,summary),
.onboarding-page :is(button,a,input,select,textarea,summary) { -webkit-tap-highlight-color: transparent; }
.app-page :is(button,a,input,select,textarea,summary):focus-visible,
.onboarding-page :is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid #6551cb; outline-offset: 3px; }
.app-page :is(h1,h2,h3,p,strong),.onboarding-page :is(h1,h2,h3,p,strong) { overflow-wrap: break-word; }
.app-page .button:disabled,.onboarding-page .button:disabled { cursor: not-allowed; }
.activation-setup-brand { display: none; }
.is-preactivation .activation-setup-brand { display: flex; align-items: center; gap: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--rz-line); }
.activation-setup-brand > span { color: var(--rz-black); font: 750 27px/1 "Avenir Next",-apple-system,sans-serif; letter-spacing: -.07em; }
.activation-setup-brand small { padding-left: 14px; border-left: 1px solid var(--rz-line); color: #73737e; font-size: 10px; letter-spacing: .1em; }
.activation-start-card[data-next-action-card] { gap: 26px; padding: clamp(28px,4vw,44px); border-radius: 22px; box-shadow: 0 12px 44px rgba(24,24,27,.055); }
.activation-command-card__copy h2 { max-width: 720px; font-size: clamp(30px,3.5vw,42px); line-height: 1.12; letter-spacing: -.045em; }
.activation-command-card__copy > p { min-height: 0; max-width: 650px; font-size: 16px; }
.activation-command-card__action { flex-wrap: wrap; gap: 13px 20px; margin-top: 25px; }
.activation-command-card__action .button { min-height: 52px; padding-inline: 22px; font-size: 14px; }
.activation-command-card__action small { max-width: 320px; font-size: 13px; line-height: 1.6; }
.activation-command-card__status { min-height: 20px!important; margin-bottom: 0; font-size: 13px!important; line-height: 1.6!important; }
.activation-progress-details { border-top: 1px solid var(--rz-line); }
.activation-progress-details > summary { display: flex; align-items: center; gap: 14px; min-height: 54px; padding-block: 15px 0; color: #42424d; cursor: pointer; list-style: none; }
.activation-progress-details > summary::-webkit-details-marker { display: none; }
.activation-progress-details > summary > span { font-size: 13px; font-weight: 650; }
.activation-progress-details > summary small { margin-left: auto; color: #72727b; font-size: 12px; }
.activation-progress-details > summary i { flex: none; color: #6761ae; font-size: 21px; font-style: normal; transition: transform .2s ease; }
.activation-progress-details[open] > summary i { transform: rotate(45deg); }
.app-page [data-next-action-card] .activation-progress-details .activation-journey { grid-template-columns: repeat(auto-fit,minmax(118px,1fr)); gap: 22px 12px; margin-top: 25px; padding-bottom: 4px; }
.app-page [data-next-action-card] .activation-progress-details .activation-journey::before { display: none; }
.app-page [data-next-action-card] .activation-progress-details .activation-journey > li { gap: 10px; }
.app-page [data-next-action-card] .activation-progress-details .activation-journey strong { font-size: 12px; line-height: 1.5; }
.app-page [data-next-action-card] .activation-progress-details .activation-journey small { font-size: 10px; line-height: 1.5; letter-spacing: .04em; }
.activation-start-card[data-onboarding-state="loading"] .activation-progress-details,
.activation-start-card[data-onboarding-state="error"] .activation-progress-details { display: none; }
.app-page .activation-connection-details > summary { min-height: 58px; }
.app-page .activation-connection-details > summary > span { color: #47404f; }
.app-page .activation-connection-details > summary small { font-size: 12px; }
.app-page .activation-live-activity { box-shadow: none; }
.app-page .activation-live-activity__empty { padding-block: 32px; line-height: 1.7; }
.app-page .app-account-state strong { max-width: 160px; font-size: 12px; }
.app-page .app-account-state small { font-size: 11px; }
.app-page .app-account-menu > div > a,
.app-page .app-account-menu > div > form > button { min-height: 44px; font-size: 13px; }
.app-page .app-account-menu summary { display: grid; place-items: center; }
.app-page .app-bottom-nav { padding-bottom: max(8px, env(safe-area-inset-bottom)); }
.app-page .app-bottom-nav button { min-height: 48px; }
.app-page .automation-mini-button { min-height: 42px; }
.app-page :is(.automation-field input,.automation-field textarea,.automation-field select) { font-size: 16px; }
.app-page .empty-state > p { max-width: 460px; line-height: 1.7; }
.app-page .empty-state > button { min-height: 44px; }
.onboarding-compatibility { margin: 20px 0; padding: 20px; border: 1px solid var(--rz-line); border-radius: 16px; background: #fafaf8; }
.onboarding-compatibility h3 { margin: 0 0 12px; font-size: 15px; }
.onboarding-compatibility > p { margin: 0; color: #62626d; font-size: 13px; line-height: 1.7; }
.onboarding-compatibility > p strong { color: #30303b; }
.onboarding-compatibility details { margin-top: 14px; border-top: 1px solid var(--rz-line); }
.onboarding-compatibility summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 44px; padding-top: 10px; color: #4e4b72; font-size: 13px; font-weight: 650; list-style: none; cursor: pointer; }
.onboarding-compatibility summary::-webkit-details-marker { display: none; }
.onboarding-compatibility summary span { font-size: 20px; }
.onboarding-compatibility details[open] summary span { transform: rotate(45deg); }
.onboarding-compatibility details p { margin: 10px 0 0; color: #62626d; font-size: 13px; line-height: 1.7; }
.onboarding-page .consent-check--final { padding: 14px; font-size: 13px; line-height: 1.65; }
.onboarding-page .onboarding-actions { bottom: max(14px,env(safe-area-inset-bottom)); }
.onboarding-page .onboarding-step h1 { font-size: clamp(34px,5vw,46px); line-height: 1.1; letter-spacing: -.055em; }
.onboarding-page .onboarding-stage-card { border-radius: 22px; box-shadow: 0 14px 45px rgba(24,24,27,.055); }
.app-adoption-page { background: #f6f6f3; color: #24242e; font-family: "Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.app-adoption__card { border-color: #deded8; box-shadow: 0 14px 45px rgba(24,24,27,.065); }
.app-adoption__brand,.app-adoption__step { color: #6151b5; }
.app-adoption button { background: #282832; }
.app-adoption button:hover { background: #3d3b4c; }
.app-adoption button:focus-visible,.app-adoption select:focus-visible { outline-color: #6551cb; }
@media (max-width: 760px) {
  .activation-start-card[data-next-action-card] { padding: 27px 22px; gap: 23px; border-radius: 20px; }
  .activation-command-card__copy h2 { font-size: clamp(29px,6.5vw,38px); }
  .activation-command-card__copy > p { min-height: 0; font-size: 15px; }
  .activation-command-card__action small { max-width: none; }
  .activation-progress-details > summary small { display: none; }
  .activation-progress-details > summary i { margin-left: auto; }
  .app-page [data-next-action-card] .activation-progress-details .activation-journey { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 14px; }
  .app-page [data-next-action-card] .activation-progress-details .activation-journey > li { grid-template-columns: 30px minmax(0,1fr); align-items: start; justify-items: start; gap: 10px; padding: 0; text-align: left; }
  .app-page [data-next-action-card] .activation-progress-details .activation-journey > li > span { width: 30px; height: 30px; }
  .activation-setup-brand > span { font-size: 25px; }
  .onboarding-page .onboarding-stage-card { padding: 27px 22px; }
  .onboarding-compatibility { padding: 16px; }
}