/* Shared application layout. Keep the public website's visual identity independent. */
body:is(.surface-workspace, .surface-onboarding) {
  --app-header-height: 88px;
  --app-rail-width: 256px;
  --workspace-width: 1240px;
  --workspace-gutter: 40px;
  --app-panel-space: 28px;
  --app-border: #dfe6f0;
  --app-copy: #52627a;
  --app-heading-font: Inter, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Use the original theme typography for copy and inherited form controls. */
  font-family: inherit;
  font-size: 16px;
  line-height: 1.6;
}
body:is(.surface-workspace, .surface-onboarding) #app {
  padding-top: var(--app-header-height);
  background: #f7f9fc;
}
body:is(.surface-workspace, .surface-onboarding) #app > .app-header.shell-header {
  grid-template-columns: var(--app-rail-width) minmax(0, 1fr) auto;
  height: var(--app-header-height);
  padding: 0 var(--workspace-gutter) 0 0;
  column-gap: 0;
  box-shadow: 0 2px 10px #263c5903;
}
#app > .app-header.shell-header .brand {
  align-self: stretch;
  width: 100%;
  height: 100%;
  padding: 0 28px;
  margin: 0;
  border-right: 1px solid var(--app-border);
  border-radius: 0;
  justify-content: flex-start;
}
.shell-header .shell-section {
  padding-inline: var(--workspace-gutter) 28px;
}
.shell-header .shell-title {
  font-family: var(--app-heading-font);
  font-size: 18px;
  font-weight: 850;
  line-height: 1.4;
  letter-spacing: -.3px;
  color: #263851;
}
.shell-header .shell-context-back {
  min-height: 48px;
  width: auto;
  justify-self: end;
  white-space: nowrap;
  padding: 10px 16px;
  gap: 8px;
  background: #f3f6fb;
  border-color: #dce4f0;
}
.shell-header .shell-context-back strong { font-size: 14px; }
.surface-workspace #app > main.page {
  width: 100%;
  max-width: var(--workspace-width);
  margin: 0 auto;
  padding: 40px var(--workspace-gutter) 64px;
  box-sizing: border-box;
}
body:is(.surface-workspace, .surface-onboarding) #app main :is(h1, h2, h3) {
  font-family: var(--app-heading-font);
  font-weight: 850;
  color: #19283e;
  hyphens: none;
  text-wrap: pretty;
}
body:is(.surface-workspace, .surface-onboarding) #app main h1 {
  font-size: clamp(28px, 2.7vw, 36px);
  line-height: 1.2;
  letter-spacing: -1px;
  margin: 0 0 24px;
  font-weight: 850;
}
.surface-workspace #app main h1 br { display: none; }
.surface-workspace #app main :is(h2, h3) { line-height: 1.35; letter-spacing: -.45px; }
.surface-workspace #app main h2 { font-size: 23px; }
.surface-workspace #app main h3 { font-size: 18px; }
.surface-workspace #app main > .eyebrow,
.surface-workspace #app main > .intro > .eyebrow { margin: 0 0 12px; }
.surface-workspace #app main > .intro { margin: 0 0 32px; }
.surface-workspace #app main > .intro > p:not(.eyebrow) { margin: 0; max-width: 68ch; line-height: 1.65; color: var(--app-copy); font-size: 16px; }
.surface-workspace #app main .eyebrow { line-height: 1.5; letter-spacing: 1.35px; font-weight: 750; }
.surface-workspace #app main :is(.lead, .account-intro, .portfolio-intro) { line-height: 1.65; color: var(--app-copy); }
body:is(.surface-workspace, .surface-onboarding) :is(button, input, select, textarea) { font-family: inherit; }
body:is(.surface-workspace, .surface-onboarding) :is(button, a, summary, input, select, textarea) {
  scroll-margin-top: calc(var(--app-header-height) + 24px);
  scroll-margin-bottom: 140px;
}
.surface-workspace #app main .button {
  min-height: 52px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  border-radius: 13px;
  white-space: normal;
  text-align: center;
  gap: 10px;
}
.surface-workspace #app main .text-button { min-height: 44px; font-size: 14px; font-weight: 650; line-height: 1.5; }
.surface-workspace #app main .field,
.surface-workspace #app main .bm-field > :is(input, select, textarea) {
  min-height: 52px;
  font-size: 16px;
  line-height: 1.5;
  padding: 13px 14px;
  border-radius: 12px;
  border-color: #bbc9dc;
  background: #fff;
  color: #263851;
}
.surface-workspace #app main textarea.field { min-height: 144px; resize: vertical; }
.surface-workspace #app main :is(.pm-field, .bm-field) { gap: 10px; font-size: 15px; line-height: 1.5; }
.surface-workspace #app main .edit-label { margin-bottom: 10px; line-height: 1.5; font-size: 15px; }
.surface-workspace #app main :is(.pm-panel form, .mp-editor form, .mr-editor form, .business-module-form) { gap: 24px; }
.surface-workspace #app main :is(.mp-actions, .mr-actions, .portfolio-actions, .payment-card-actions) { gap: 12px; }
.surface-workspace #app main :is(.card, .diagnostic-panel, .mp-editor, .mp-draft, .mr-card, .mr-editor) {
  border-radius: 20px;
  border-color: var(--app-border);
  padding: var(--app-panel-space);
}
.surface-workspace #app main :is(.card, .diagnostic-panel) > h2:first-child { margin-top: 0; }
.surface-workspace #app main :is(.info-box, .error-box) { padding: 18px 20px; border-radius: 14px; line-height: 1.65; }
.surface-workspace #app main .easy-details { margin-block: 20px; border-radius: 16px; }
.surface-workspace #app main .easy-details > summary { min-height: 52px; line-height: 1.5; padding-block: 14px; }
.surface-workspace #app main :is(.easy-footnote, .audit-foot, .offer-fineprint, .account-footnote) { line-height: 1.65; color: #5b6b82; }
.surface-workspace #app main .consent { line-height: 1.65; gap: 12px; }
.surface-workspace #app main .consent input { flex-shrink: 0; }
/* One readable column per task, with breathing room between independent sections. */
.surface-workspace #app main .optimization-category-body { min-width: 0; }
.surface-workspace #app main .optimization-business-name { margin: -10px 0 28px; font-size: 14px; line-height: 1.6; }
.surface-workspace #app main .optimization-section-score { padding: 24px; margin: 0 0 24px; border-radius: 20px; }
.surface-workspace #app main .optimization-next { gap: 16px; margin-block: 28px; }
.surface-workspace #app main :is(.pm-change, .mr-draft) { margin-block: 24px; }
.surface-workspace #app main .account-section-title { align-items: center; gap: 20px; margin-bottom: 20px; }
.surface-workspace #app main .account-section-title h2 { margin: 0; }
.surface-workspace #app main :is(.account-business-list, .account-settings-links, .portfolio-grid) { gap: 20px; }
.surface-workspace #app main .account-settings-links { margin-block: 28px; }
.surface-workspace #app main .dashboard-priority { gap: 24px; margin-top: 24px; }
.surface-workspace #app main .dashboard-priority .easy-start > .button { max-width: none; width: 100%; margin: 0; }
.surface-workspace #app main .easy-shortcuts { gap: 20px; }
.surface-workspace #app main .easy-shortcuts > button { padding: 24px; }
.surface-workspace #app main .easy-score .text-button { margin-top: 12px; }
.surface-workspace #app main .dashboard-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.surface-workspace #app main .dashboard-heading h1 { margin-bottom: 8px; }
.surface-workspace #app main .dashboard-heading p:last-child { margin: 0; color: var(--app-muted); }
.surface-workspace #app main .dashboard-refresh { display: grid; justify-items: end; gap: 8px; max-width: 300px; text-align: right; }
.surface-workspace #app main .dashboard-refresh > .button { width: auto; margin: 0; }
.surface-workspace #app main .dashboard-refresh small { color: var(--app-muted); font-size: 12px; line-height: 1.4; }
.surface-workspace #app main .dashboard-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.surface-workspace #app main .dashboard-stats article { min-width: 0; padding: 20px; border-radius: 17px; box-shadow: inset 0 0 0 1px rgba(32,49,73,.07); }
.surface-workspace #app main .dashboard-stats strong { display: block; overflow-wrap: anywhere; color: #203149; font-size: 24px; line-height: 1.15; }
.surface-workspace #app main .dashboard-stats span { display: block; margin-top: 8px; color: #5b6b82; font-size: 13px; line-height: 1.4; }
.surface-workspace #app main .dashboard-stats .tone-blue { background: #edf5ff; box-shadow: inset 0 4px 0 var(--optimaps-blue); }
.surface-workspace #app main .dashboard-stats .tone-green { background: #eaf8f2; box-shadow: inset 0 4px 0 var(--optimaps-green); }
.surface-workspace #app main .dashboard-stats .tone-yellow { background: #fff8e6; box-shadow: inset 0 4px 0 var(--optimaps-yellow); }
.surface-workspace #app main .dashboard-stats .tone-coral { background: #fff0ed; box-shadow: inset 0 4px 0 var(--optimaps-coral); }
.surface-workspace #app main.easy-dashboard .easy-score .easy-refresh { display: none; }
.surface-workspace #app main .as-page-header { margin-bottom: 32px; }
.surface-workspace #app main :is(.as-status, .as-summary, .as-editor) { padding: var(--app-panel-space); }
.surface-workspace #app main .as-queue-layout { gap: 24px; }
.surface-workspace #app main .offer-configurator { margin-top: 24px; }
.surface-workspace #app main :is(.offer-base, .offer-options, .offer-recap) { padding: var(--app-panel-space); }
.surface-workspace #app main .offer-option { padding-block: 24px; }
.surface-workspace #app main .payment-form { margin-inline: 0; }
.surface-workspace #app main .payment-checkout { padding-bottom: 64px !important; }

/* Navigation rhythm: small gaps within a group, one clear gap between groups. */
#app :is(.workspace-sidebar > nav, .app-menu-navigation) {
  --nav-row-height: 44px;
  --nav-subrow-height: 44px;
  --nav-subrow-padding: 8px;
  display: grid;
  gap: 0;
  align-content: start;
}
#app :is(.workspace-sidebar > nav, .app-menu-navigation) .workspace-menu-group {
  display: grid;
  gap: 2px;
  align-content: start;
}
#app :is(.workspace-sidebar > nav, .app-menu-navigation) button {
  min-height: var(--nav-row-height);
  margin: 0;
  padding: 8px 12px;
  gap: 12px;
  line-height: 20px;
}
#app :is(.workspace-sidebar > nav, .app-menu-navigation) .rail-group-label {
  margin: 16px 12px 4px;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 1px;
}
#app :is(.workspace-sidebar > nav, .app-menu-navigation) .optimization-submenu {
  gap: 0;
  margin: 16px 0 10px 21px;
  padding-left: 6px;
}
#app :is(.workspace-sidebar > nav, .app-menu-navigation) .optimization-submenu button {
  min-height: var(--nav-subrow-height);
  padding: var(--nav-subrow-padding) 8px;
  border-radius: 8px;
  font-size: 13px;
}
.surface-workspace #app main .easy-service-position { margin: 0 0 28px; color: var(--app-muted); font-size: 13px; text-align: center; }
.surface-workspace #app main .easy-service-navigation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 26px 0 12px; }
.surface-workspace #app main .easy-service-navigation .button { width: 100%; max-width: none; margin: 0; }
@media (max-width: 499px) { .surface-workspace #app main .easy-service-navigation { grid-template-columns: 1fr; } }
#app .app-menu-account { gap: 2px; margin-top: 16px; padding-top: 8px; }
#app .app-menu-account > .rail-group-label { margin-top: 0; }
#app .app-menu-business { gap: 8px; padding-bottom: 16px; margin-bottom: 8px; }
#app :is(.app-menu-language, .app-menu-footer) { margin-top: 16px; padding-top: 16px; }

@media (min-width: 1000px) {
  .surface-workspace #app { padding-left: var(--app-rail-width); }
  #app > .workspace-sidebar { width: var(--app-rail-width); padding: 20px 16px 16px; box-sizing: border-box; }
  #app > .workspace-sidebar .rail-return { margin-bottom: 4px; min-height: 40px; padding: 8px 12px; font-size: 13px; line-height: 20px; }
  #app > .workspace-sidebar .rail-business { padding: 12px 12px 16px; gap: 12px; margin-bottom: 8px; }
  #app > .workspace-sidebar .rail-business strong { font-size: 14px; line-height: 1.5; font-weight: 700; }
  #app > .workspace-sidebar .rail-business small { font-size: 12px; line-height: 1.5; }
  #app > .workspace-sidebar > nav { --nav-row-height: 40px; }
  #app > .workspace-sidebar nav button { font-size: 14px; font-weight: 600; }
  #app > .workspace-sidebar .rail-label { margin: 0 12px 12px; line-height: 16px; }
  #app > .workspace-sidebar .rail-bottom { display: flex; flex-wrap: wrap; gap: 4px 8px; padding-top: 12px; }
  #app > .workspace-sidebar .rail-bottom > .rail-menu-toggle { width: 100%; margin-bottom: 6px; min-height: 44px; }
  #app > .workspace-sidebar .rail-bottom > a { padding: 6px 8px; min-height: 32px; font-size: 12px; }
  #app > .workspace-sidebar .workspace-legal-links { display: flex; flex-wrap: wrap; gap: 0 4px; }
  #app > .workspace-sidebar .workspace-legal-links button { width: auto; padding: 6px 8px; min-height: 32px; font-size: 12px; }
  .surface-workspace #app > .sticky-cta { left: var(--app-rail-width); padding-inline: var(--workspace-gutter); }
}
/* Nested destinations are denser on a pointer-driven desktop, with full-size touch targets elsewhere. */
@media (min-width: 1000px) and (pointer: fine) {
  #app :is(.workspace-sidebar > nav, .app-menu-navigation) {
    --nav-subrow-height: 32px;
    --nav-subrow-padding: 6px;
  }
}
#app > .workspace-sidebar > nav {
  scrollbar-width: thin;
  scrollbar-color: #bac8dc transparent;
  padding-bottom: 8px;
}
@media (min-width: 1496px) {
  .surface-workspace .shell-header .shell-section { padding-left: max(var(--workspace-gutter), calc((100vw - var(--app-rail-width) - var(--workspace-width)) / 2 + var(--workspace-gutter))); }
}
@media (min-width: 600px) and (max-width: 999px) {
  body:is(.surface-workspace, .surface-onboarding) { --workspace-gutter: 32px; --app-header-height: 88px; }
  body:is(.surface-workspace, .surface-onboarding) #app > .app-header.shell-header { grid-template-columns: minmax(0,1fr) auto; padding-right: 24px; }
  #app > .app-header.shell-header .brand { padding-inline: 24px; }
  .shell-header .shell-section { padding-inline: 24px; }
  .shell-header .shell-title { font-size: 17px; }
}
@media (max-width: 1199px) {
  .surface-workspace #app main .dashboard-priority { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .surface-workspace #app main .dashboard-priority .easy-score { min-height: 164px; }
  .surface-workspace #app main .dashboard-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 999px) {
  .shell-header .shell-section { display: none; }
  .surface-workspace #app > main.page { padding-top: 32px; padding-bottom: calc(136px + env(safe-area-inset-bottom, 0px)); }
  .surface-workspace #app > main.payment-checkout { padding-bottom: calc(136px + env(safe-area-inset-bottom, 0px)) !important; }
  .surface-workspace #app > .app-update-notice { bottom: calc(100px + env(safe-area-inset-bottom, 0px)); }
  .surface-workspace #app > .sticky-cta { padding-inline: var(--workspace-gutter); }
}
@media (max-width: 599px) {
  body:is(.surface-workspace, .surface-onboarding) { --app-header-height: 80px; --workspace-gutter: 20px; --app-panel-space: 20px; }
  body:is(.surface-workspace, .surface-onboarding) #app > .app-header.shell-header { grid-template-columns: minmax(0,1fr) auto; padding: 10px 16px; gap: 14px; }
  #app > .app-header.shell-header .brand { padding: 0; border: 0; justify-content: center; width: 40px; min-height: 48px; }
  .shell-header .shell-section { padding: 0; }
  .shell-header .shell-context-back { padding: 10px 14px; gap: 8px; }
  .shell-header .shell-context-back .icon { width: 16px; height: 16px; flex-basis: 16px; }
  .surface-workspace #app > main.page { padding-top: 28px; }
  .surface-workspace #app main h1 { font-size: 28px; line-height: 1.23; letter-spacing: -.7px; margin-bottom: 24px; }
  .surface-workspace #app main h2 { font-size: 21px; }
  .surface-workspace #app main > .intro { margin-bottom: 28px; }
  .surface-workspace #app main .button { width: 100%; max-width: none; }
  .surface-workspace #app main .easy-shortcuts { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .surface-workspace #app main .easy-shortcuts > button { padding: 20px; min-height: 96px; }
  .surface-workspace #app main .dashboard-heading { align-items: stretch; flex-direction: column; gap: 18px; }
  .surface-workspace #app main .dashboard-refresh { justify-items: stretch; max-width: none; text-align: left; }
  .surface-workspace #app main .dashboard-refresh > .button { width: 100%; }
  .surface-workspace #app main .dashboard-stats { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .surface-workspace #app main .optimization-section-score { padding: 20px; }
  .surface-workspace #app main .optimization-next { flex-direction: column; align-items: stretch; }
  .surface-workspace #app main :is(.mp-actions, .mr-actions) { display: flex; flex-direction: column; align-items: stretch; }
  .surface-workspace #app main .offer-option { align-items: stretch; flex-direction: column; gap: 14px; }
  .surface-workspace #app main .offer-quantity select { width: 100%; max-width: none; min-height: 52px; font-size: 16px; }
  .surface-workspace #app main .offer-base { flex-wrap: wrap; gap: 16px; }
  .surface-workspace #app main .offer-base > strong { font-size: 32px; }
  .surface-workspace #app main .offer-total { flex-wrap: wrap; gap: 20px; }
  .surface-workspace #app main .offer-site-choice { padding: 16px; gap: 10px; flex-wrap: wrap; }
  .surface-workspace #app main .offer-site-choice > span { flex-basis: calc(100% - 32px); }
  .surface-workspace #app main .offer-site-choice > b { margin-left: 30px; }
  .surface-workspace #app main .offer-site-choice:has(input:checked) { padding: 15px; }
  .surface-workspace #app > .app-update-notice { left: 16px; right: 16px; max-width: none; }
}
@media (max-width: 359px) {
  body:is(.surface-workspace, .surface-onboarding) { --workspace-gutter: 16px; --app-panel-space: 18px; }
  body:is(.surface-workspace, .surface-onboarding) #app > .app-header.shell-header { grid-template-columns: minmax(0,1fr) auto; padding-inline: 12px; gap: 10px; }
  #app > .app-header.shell-header .brand { width: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .surface-workspace #app :is(.button, .card, .easy-shortcuts > button) { transition: none; }
}
@media print {
  .surface-workspace #app { padding: 0; }
  .surface-workspace #app > main.page { max-width: none; padding: 0; }
}

/* Connection explains Google account reuse, first-time permissions and the isolated demo. */
.surface-onboarding #app > main.connection-page,
.surface-onboarding #app > main.permission-page { width: min(100%, 920px); max-width: 920px; margin: 0 auto; padding: 42px var(--workspace-gutter) 56px; box-sizing: border-box; }
.connection-intro { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: start; margin-bottom: 28px; }
.connection-intro .google-tile { margin: 2px 0 0; }
.connection-intro .eyebrow { margin: 0 0 8px; }
.connection-intro h1 { margin-bottom: 12px !important; }
.connection-intro .lead { max-width: 650px; margin: 0; }
.google-permission-list { display: grid; gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }
.google-permission-list li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; color: #334760; line-height: 1.5; }
.google-permission-list li > span { width: 19px; height: 19px; margin-top: 2px; border: 2px solid #4285f4; border-radius: 5px; background: #fff; box-sizing: border-box; }
.connection-google-action { width: 100%; min-height: 58px; margin-top: 28px; font-size: 16px; }
.connection-account-note { margin: 12px 0 0; color: #51637a; font-size: 14px; text-align: center; }
.connection-first-help { margin: 28px 0 24px; border: 1px solid var(--app-border); border-radius: 15px; background: #fff; overflow: hidden; }
.connection-first-help summary { padding: 17px 20px; color: #263851; font-weight: 750; cursor: pointer; }
.connection-first-help > div { padding: 0 20px 18px; color: var(--app-copy); font-size: 14px; line-height: 1.6; }
.connection-first-help p { margin: 0 0 10px; }
.connection-first-help p:last-child { margin-bottom: 0; }
.permission-instructions { margin: 24px 0; padding: 24px; }
.permission-instructions > p { margin: 18px 0 0; color: var(--app-copy); }
.permission-page > .ex-small { text-align: center; }
@media (max-width: 599px) {
  .surface-onboarding #app > main.connection-page,
  .surface-onboarding #app > main.permission-page { padding: 28px 20px 40px; }
  .connection-intro { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .connection-intro .google-tile { justify-self: start; }
}
/* The guided path leads with the next step; the scoring explanation stays available. */
.surface-workspace #app main .overview-priority { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); align-items: stretch; gap: 24px; margin-block: 28px 16px; }
.surface-workspace #app main .overview-priority > :is(.easy-score, .easy-start) { margin: 0; min-width: 0; padding: var(--app-panel-space); border-radius: 20px; }
.surface-workspace #app main .overview-priority .easy-start { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 24px; }
.surface-workspace #app main .overview-priority .easy-start p { margin-bottom: 0; }
.surface-workspace #app main .overview-priority .easy-start > .button { width: 100%; max-width: none; margin: 0; }
.surface-workspace #app main .dashboard-score-details .info-box { margin-top: 0; }
.surface-workspace #app main .guided-overview { margin-top: 28px; }
.surface-workspace #app main .guided-overview ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.surface-workspace #app main .guided-overview ol > li { margin: 0; }
.surface-workspace #app main .guided-overview ol button { min-height: 72px; padding: 18px; gap: 16px; line-height: 1.45; }
@media (max-width: 1199px) { .surface-workspace #app main .overview-priority { grid-template-columns: minmax(0,1fr); gap: 20px; } }
@media (max-width: 599px) { .surface-workspace #app main .guided-overview ol { grid-template-columns: minmax(0,1fr); gap: 12px; } }
/* Collapsed rows are easy to scan; their open forms keep the full padding. */
.surface-workspace #app main details.diagnostic-panel { padding: 16px 24px; }

/* A clearer, more expressive connection surface using the four Optimaps accents. */
body.surface-onboarding { --optimaps-blue: #246bce; --optimaps-green: #22a874; --optimaps-yellow: #f4bd3f; --optimaps-coral: #ef6b5b; background: #f4f7fc; }
.surface-onboarding #app { width: 100%; max-width: none; min-height: 100dvh; margin: 0; overflow: visible; border: 0; border-radius: 0; background: radial-gradient(circle at 10% 22%, rgba(36,107,206,.10), transparent 26%), radial-gradient(circle at 90% 82%, rgba(34,168,116,.09), transparent 24%), #f4f7fc; box-shadow: none; }
.surface-onboarding #app > main.connection-page { width: min(calc(100% - 48px), 680px); max-width: 680px; margin: 42px auto 64px; padding: 0; border: 0 !important; outline: 0; background: transparent; box-shadow: none !important; }
.surface-onboarding #app > main.connection-page::before,.surface-onboarding #app > main.connection-page::after { display: none !important; }
.connection-shell { position: relative; display: block; min-height: 0; overflow: hidden; border: 1px solid rgba(32,49,73,.10); border-radius: 26px; background: #fff; box-shadow: 0 24px 64px rgba(33,60,104,.12); }
.connection-shell::before { content: ""; position: absolute; z-index: 2; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg,var(--optimaps-blue) 0 40%,var(--optimaps-green) 40% 65%,var(--optimaps-yellow) 65% 82%,var(--optimaps-coral) 82%); }
.connection-brand-panel { position: relative; display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 54px 46px; color: #fff; background: linear-gradient(145deg,#173f78 0%,#246bce 58%,#3184df 100%); }
.connection-brand-panel::before,.connection-brand-panel::after { content: ""; position: absolute; border-radius: 999px; pointer-events: none; }
.connection-brand-panel::before { width: 260px; height: 260px; right: -116px; top: -74px; background: rgba(244,189,63,.24); }
.connection-brand-panel::after { width: 210px; height: 210px; left: -110px; bottom: -86px; background: rgba(34,168,116,.30); }
.connection-palette { position: relative; z-index: 1; display: flex; gap: 8px; margin-bottom: 34px; }
.connection-palette span { width: 34px; height: 7px; border-radius: 99px; background: #fff; }
.connection-palette span:nth-child(1) { background: #77b5ff; }
.connection-palette span:nth-child(2) { background: var(--optimaps-green); }
.connection-palette span:nth-child(3) { background: var(--optimaps-yellow); }
.connection-palette span:nth-child(4) { background: var(--optimaps-coral); }
.connection-brand-panel > :not(.connection-palette) { position: relative; z-index: 1; }
.connection-brand-panel .eyebrow { margin: 0 0 16px; color: rgba(255,255,255,.72); letter-spacing: .16em; }
.connection-brand-panel h2 { max-width: 390px; margin: 0; color: #fff; font-size: clamp(31px,3.2vw,45px); line-height: 1.06; letter-spacing: -.035em; }
.connection-brand-panel > p:not(.eyebrow) { max-width: 370px; margin: 24px 0 0; color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.65; }
.connection-brand-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 38px; }
.connection-brand-tags span { padding: 8px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #fff; background: rgba(255,255,255,.10); font-size: 12px; font-weight: 750; }
.connection-action-panel { display: flex; flex-direction: column; justify-content: center; padding: 50px 56px 38px; }
.connection-action-panel > .connection-palette { gap: 7px; margin: 0 0 30px; }
.connection-action-panel > .connection-palette span { width: 28px; height: 6px; }
.connection-action-panel .connection-intro { display: block; margin-bottom: 10px; }
.connection-action-panel .google-tile { width: 58px; height: 58px; border: 0; border-radius: 17px; background: #f7f9fd; box-shadow: inset 0 0 0 1px #e2e9f4; }
.connection-action-panel .connection-intro h1 { font-size: clamp(30px,3vw,40px); line-height: 1.08; letter-spacing: -.035em; }
.connection-action-panel .connection-intro .lead { color: #56677e; font-size: 15px; line-height: 1.55; }
.connection-action-panel > .info-box { margin: 18px 0 0; border-color: #cfe0f8; border-left: 4px solid var(--optimaps-blue); border-radius: 13px; background: #f2f7ff; }
.connection-action-panel .connection-google-action { min-height: 60px; margin-top: 24px; border: 1px solid #cbd8ec; border-radius: 14px; color: #203149; background: #fff; box-shadow: 0 8px 20px rgba(35,67,111,.08); transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.connection-action-panel .connection-google-action:hover { transform: translateY(-2px); border-color: #91b6ea; box-shadow: 0 12px 26px rgba(35,67,111,.14); }
.connection-action-panel .connection-first-help { margin: 24px 0 18px; border: 0; border-radius: 14px; background: #f7f9fc; box-shadow: inset 0 0 0 1px #e2e8f1; }
.connection-action-panel .connection-first-help summary { position: relative; padding-left: 44px; }
.connection-action-panel .connection-first-help summary::before { content: "✓"; position: absolute; left: 17px; top: 16px; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 6px; color: #fff; background: var(--optimaps-green); font-size: 12px; }
.connection-action-panel .legal-footer { justify-content: center; margin-top: auto; padding-top: 8px; }
.connection-brand-panel { animation: connection-enter .48s ease both; }
.connection-action-panel { animation: connection-enter .48s .08s ease both; }
@keyframes connection-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 799px) {
  .surface-onboarding #app > main.connection-page { width: min(calc(100% - 28px),620px); margin: 24px auto 44px; }
  .connection-shell { min-height: 0; border-radius: 22px; }
  .connection-action-panel { padding: 34px 28px 30px; }
}
@media (max-width: 499px) {
  .surface-onboarding #app > main.connection-page { width: calc(100% - 20px); margin-top: 14px; }
  .connection-action-panel { padding: 28px 22px 24px; }
  .connection-action-panel > .connection-palette { margin-bottom: 24px; }
}
@media (prefers-reduced-motion: reduce) { .connection-brand-panel,.connection-action-panel { animation: none; } }

/* Functional colour cues across the customer dashboards. */
body.surface-workspace { --optimaps-blue: #246bce; --optimaps-green: #22a874; --optimaps-yellow: #f4bd3f; --optimaps-coral: #ef6b5b; background: #f4f7fc; }
.surface-workspace #app > main.page { background-image: radial-gradient(circle at 92% 5%,rgba(36,107,206,.055),transparent 24%); }
.surface-workspace #app main .account-overview > div { position: relative; overflow: hidden; padding: 22px 24px 20px 28px; border: 0; box-shadow: inset 0 0 0 1px rgba(32,49,73,.07); }
.surface-workspace #app main .account-overview > div:nth-child(1) { background: linear-gradient(145deg,#eaf3ff,#f8fbff); box-shadow: inset 4px 0 0 var(--optimaps-blue); }
.surface-workspace #app main .account-overview > div:nth-child(2) { background: linear-gradient(145deg,#e7f8f1,#f8fcfa); box-shadow: inset 4px 0 0 var(--optimaps-green); }
.surface-workspace #app main .account-overview > div:nth-child(3) { background: linear-gradient(145deg,#fff7df,#fffdf8); box-shadow: inset 4px 0 0 var(--optimaps-yellow); }
.surface-workspace #app main .account-overview > div:nth-child(1) strong { color: var(--optimaps-blue); }
.surface-workspace #app main .account-overview > div:nth-child(2) strong { color: #137b55; }
.surface-workspace #app main .account-overview > div:nth-child(3) strong { color: #9b6910; }
.surface-workspace #app main .account-business-list > * { position: relative; overflow: hidden; border-top: 0; }
.surface-workspace #app main .account-business-list > *::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg,var(--optimaps-blue) 0 40%,var(--optimaps-green) 40% 65%,var(--optimaps-yellow) 65% 82%,var(--optimaps-coral) 82%); }
.surface-workspace #app main .account-next { border: 0; background: linear-gradient(120deg,#edf5ff 0%,#eefaf5 100%); box-shadow: inset 0 0 0 1px #d8e7ee; }
.surface-workspace #app main .dashboard-priority .easy-score { border-color: #cddff7; background: linear-gradient(145deg,#edf5ff,#fff); box-shadow: 0 14px 32px rgba(36,107,206,.08); }
.surface-workspace #app main .dashboard-priority .easy-start { border-color: #f0ddb0; background: linear-gradient(145deg,#fff8e5 0%,#fff 72%); box-shadow: 0 14px 32px rgba(176,119,18,.08); }
.surface-workspace #app main .easy-start .easy-spark { color: var(--optimaps-coral); }
.surface-workspace #app main .easy-shortcuts > button { border: 0; box-shadow: inset 0 0 0 1px rgba(32,49,73,.08),0 10px 24px rgba(33,60,104,.05); }
.surface-workspace #app main .easy-shortcuts > button:nth-child(1) { background: linear-gradient(145deg,#eaf3ff,#fff); }
.surface-workspace #app main .easy-shortcuts > button:nth-child(2) { background: linear-gradient(145deg,#e8f8f2,#fff); }
.surface-workspace #app main .easy-shortcuts > button:nth-child(3) { background: linear-gradient(145deg,#fff1ed,#fff); }
.surface-workspace #app main .easy-shortcuts .tone-0 { color: var(--optimaps-blue); background: #dcecff; }
.surface-workspace #app main .easy-shortcuts .tone-1 { color: #117650; background: #d8f3e8; }
.surface-workspace #app main .easy-shortcuts .tone-2 { color: #bd4b3e; background: #ffe2dc; }
.surface-workspace #app main details.diagnostic-panel > summary { margin: 0; padding: 10px 0; min-height: 44px; font-size: 16px; line-height: 1.5; }
.surface-workspace #app main details.diagnostic-panel[open] { padding-bottom: 24px; }
.surface-workspace #app main details.diagnostic-panel > div { padding-top: 12px; }
.surface-workspace #app main .easy-details { padding-block: 8px; }
.surface-workspace #app main .easy-details > summary { min-height: 48px; padding-block: 12px; }
.surface-workspace #app main.optimization-category > .easy-details > summary,
.surface-workspace #app main.optimization-category > .optimization-category-body > .easy-details > summary {
  font-size: 16px;
  font-weight: 750;
  line-height: 1.5;
}
.surface-workspace #app main .optimization-section-score { display: grid; grid-template-columns: minmax(160px, .6fr) minmax(0, 1.8fr) auto; align-items: center; gap: 6px 24px; }
.surface-workspace #app main .optimization-section-score > div { grid-row: span 2; flex-direction: column; align-items: flex-start; gap: 0; }
.surface-workspace #app main .optimization-section-score > p { grid-column: 2; margin: 0; }
.surface-workspace #app main .optimization-section-score > .text-button { grid-column: 3; grid-row: 1 / 3; }
.surface-workspace .app-update-notice { bottom: 24px; }
@media (max-width: 999px) {
 .surface-workspace .app-update-notice { bottom: calc(100px + env(safe-area-inset-bottom,0px)); }
 .surface-workspace #app main .optimization-section-score { grid-template-columns: minmax(0,1fr) auto; gap: 12px 20px; }
 .surface-workspace #app main .optimization-section-score > div { grid-row: 1; flex-direction: row; align-items: center; gap: 12px; flex-wrap: wrap; }
 .surface-workspace #app main .optimization-section-score > p { grid-column: 1 / -1; }
 .surface-workspace #app main .optimization-section-score > .text-button { grid-column: 2; grid-row: 1; }
}
@media (max-width: 599px) {
 .surface-workspace #app main details.diagnostic-panel { padding-inline: 18px; }
 .surface-workspace #app main .optimization-section-score { grid-template-columns: minmax(0,1fr); gap: 12px; }
 .surface-workspace #app main .optimization-section-score > .text-button { grid-column: 1; grid-row: auto; justify-self: start; }
}
/* Avoid double padding inside an already framed editor. */
.surface-workspace #app main details.diagnostic-panel > div { padding: 12px 0 0; }
.surface-workspace #app main > :is(.lead, .account-intro, .portfolio-intro) { margin: 0 0 28px; font-size: 16px; }
.surface-workspace #app main .card > h2 { margin-bottom: 12px; }
.surface-workspace #app main .card > p { margin-block: 12px; }
.surface-workspace #app main :is(.pc-limits summary, .bm-object > summary, .bm-array > summary, .as-other-tips > summary) { min-height: 44px; padding-block: 10px; line-height: 1.5; }
.surface-workspace #app main details.pc-group { padding: 14px 24px; }
.surface-workspace #app main .pc-group > summary { display: grid; grid-template-columns: minmax(0,1fr) auto 18px; gap: 12px; min-height: 48px; align-items: center; }
.surface-workspace #app main .pc-group > summary::after { content: '⌄'; justify-self: end; color: #5c7190; font-size: 20px; }
.surface-workspace #app main .pc-group[open] > summary::after { transform: rotate(180deg); }
@media (min-width: 760px) {
 .surface-workspace #app main .account-settings-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
 .surface-workspace #app main .account-settings-links > .button { min-height: 116px; justify-content: flex-start; text-align: left; padding: 24px; line-height: 1.6; }
 .surface-workspace #app main.account-settings .card > .button { width: auto; margin-top: 12px; margin-right: 16px; }
 .surface-workspace #app main.account-settings .card > .spacer { display: none; }
}
@media (max-width: 599px) {
 .surface-workspace #app main details.pc-group { padding: 12px 18px; }
 .surface-workspace #app main .pc-group > summary { grid-template-columns: minmax(0,1fr) 18px; gap: 4px 12px; }
 .surface-workspace #app main .pc-group > summary > span { grid-column: 1; }
 .surface-workspace #app main .pc-group > summary::after { grid-column: 2; grid-row: 1 / 3; }
 .surface-workspace #app main .pc-row { flex-wrap: wrap; gap: 12px; }
 .surface-workspace #app main .pc-row > div { flex: 1 0 100%; }
}
.surface-workspace #app main summary { min-height: 44px; }
.surface-workspace #app main .as-more > summary { padding-block: 10px; }
.surface-workspace #app main > p:has(> .text-button) { margin-block: 24px; }
.surface-workspace #app main .pm-attribute > .pm-field + .pm-field { margin-top: 20px; }
.surface-workspace #app main .pm-attribute legend { font-size: 15px; line-height: 1.5; padding-bottom: 12px; }
.surface-workspace #app .planner-filters { flex-wrap: wrap; overflow: visible; gap: 8px; }
.surface-workspace #app .planner-filters button { min-height: 44px; white-space: normal; }
.workspace-action-dock > .dock-menu { display: none; }
@media (max-width: 999px) {
 .surface-workspace #app > .workspace-action-dock {
   display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 12px;
   align-items: stretch; padding: 14px var(--workspace-gutter) calc(14px + env(safe-area-inset-bottom,0px));
 }
 .workspace-action-dock > .dock-menu {
   display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
   min-height: 54px; border: 1px solid #cbd9ee; border-radius: 13px;
   color: #185abc; background: #edf3ff; font-size: 11px; font-weight: 700;
 }
 .workspace-action-dock > .dock-menu .icon { width: 22px; height: 22px; }
 .workspace-action-dock > .button { width: 100%; max-width: none; margin: 0; padding: 12px; min-height: 54px; line-height: 1.45; }
 .workspace-action-dock > .cta-note { grid-column: 1 / -1; margin: 0; font-size: 12px; line-height: 1.5; }
 .workspace-action-dock > .dock-menu:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; }
}
.surface-workspace #app main .flow-live-score strong { display: inline-flex; align-items: baseline; gap: 4px; font-weight: 800; letter-spacing: -.5px; }
.surface-workspace #app main .flow-live-score small { font-size: 13px; letter-spacing: 0; }
.surface-workspace .toast { background: #233a59; font-size: 14px; line-height: 1.6; }
.toast:empty { display: none; }
@media (max-width: 999px) {
 .surface-workspace #app > main.page:has(~ .workspace-action-dock) { padding-bottom: calc(220px + env(safe-area-inset-bottom,0px)); }
 .surface-workspace:has(.workspace-action-dock) .toast { bottom: calc(205px + env(safe-area-inset-bottom,0px)); }
}
.surface-workspace #app main .profile-media-library .media-picture { width: 100%; max-width: 100%; }
.surface-workspace #app main .profile-media-library .media-brand .media-picture { aspect-ratio: auto; }
/* Direct actions and the following panel must never touch. */
.surface-workspace #app main > :is(.button, .text-button) + :is(.card, section, details) { margin-top: 24px; }
.surface-workspace #app main > :is(.card, section, details) + :is(.button, .text-button) { margin-top: 24px; }
.surface-workspace #app main .card > .button + .button { margin-top: 12px; }

.surface-workspace #app main .mp-storage-body { padding-top: 12px; }
.surface-workspace #app main .mp-storage-photo { margin-top: 20px; }
.surface-workspace #app main .mp-storage-photo > .mp-local-photo { display: block; width: min(100%,320px); margin-block: 20px; }
.surface-workspace #app main .mp-storage-photo > .button { margin-block: 4px 12px; }
.surface-workspace #app main [data-mp-release-card] .consent { margin-block: 20px; }

.surface-workspace #app main [data-mp-release-card] { border: 0; border-radius: 0; padding: 0; box-shadow: none; }
.surface-workspace #app main .mp-storage-body { display: grid; gap: 16px; }
.surface-workspace #app main .mp-storage-body > :is(p, .mp-storage-photo) { margin: 0; }
.surface-workspace #app main .mp-storage-body > .text-button { justify-self: start; }

/* Keep support sections separate; its heading and introduction form one group. */
.surface-workspace #app main.support-page { display: grid; gap: 28px; }
.surface-workspace #app main.support-page > :is(.support-heading,p) { margin: 0; }
.surface-workspace #app main .support-heading > .eyebrow { margin: 0 0 12px; }
.surface-workspace #app main .support-heading > .lead { margin: 0; font-size: 16px; }
.support-shortcuts { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,250px),1fr)); gap: 16px; }
.support-actions { display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.support-request-list,.support-form,.support-requests { display: grid; gap: 20px; }
.surface-workspace #app main .support-form > * { margin: 0; }
.support-form textarea { min-height: 150px; resize: vertical; }
.support-request { display: flex; align-items: center; gap: 20px; width: 100%; text-align: left; color: inherit; }
.support-request > span:first-child { flex: 1; min-width: 0; display: grid; gap: 8px; }
.support-request :is(span,small),.support-request-heading { overflow-wrap: anywhere; }
.support-request-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.support-messages { padding: 0; margin: 28px 0 0; list-style: none; display: grid; gap: 24px; }
.support-message { background: #f5f7fb; border: 1px solid #e0e6ef; border-radius: 16px; padding: 20px; }
.support-message.support-team { background: #eef4ff; border-color: #c9dcff; }
.support-message > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; }
.support-message time { font-size: 13px; color: #53647b; }
.support-message p { white-space: pre-wrap; overflow-wrap: anywhere; margin-bottom: 0; }
.support-notice { padding: 18px 20px; border-radius: 16px; background: #e8f5ec; color: #176338; }
@media(max-width: 600px) { .support-request { flex-wrap: wrap; gap: 14px; } .support-request > span:first-child { flex-basis: 100%; } .support-message { padding: 16px; } }

/* Lodging alternatives remain one clear question; underlying copied fields keep their shape. */
.surface-workspace #app main .bm-choice[data-bm-choice-boolean="false"] { grid-column: 1 / -1; }
.surface-workspace #app main [data-bm-choice-conflict] { color: #9a4215; font-size: 14px; line-height: 1.5; }

/* Keep the two ordering arrows and removal together, even on mobile. */
.surface-workspace #app main .mp-attachment-actions .button { width: auto; min-width: 48px; min-height: 48px; padding: 8px 12px; margin: 0; }

/* Account recovery actions stay separated, including long translated labels. */
.surface-workspace #app main .privacy-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 24px; }
.surface-workspace #app main .privacy-actions > button { margin: 0; }

/* A heading and its explanation read as one unit, before the next section. */
body:is(.surface-workspace, .surface-onboarding, .surface-site) #app main :is(h1, h2, h3):has(+ p:not(.eyebrow, .site-kicker, [role="alert"], [role="status"])) {
  margin-bottom: 8px;
}
body:is(.surface-workspace, .surface-onboarding, .surface-site) #app main :is(h1, h2, h3) + p:not(.eyebrow, .site-kicker, [role="alert"], [role="status"]) {
  margin-top: 0;
}
.surface-site #app .opti-section-intro { row-gap: 8px; }

/* Subscription actions belong together without touching or crowding on small screens. */
.surface-workspace #app main .subscription-manage-actions { display: grid; gap: 12px; margin-top: 16px; }
.surface-workspace #app main .subscription-account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.surface-workspace #app main .subscription-manage-actions :is(.button, .text-button) { margin: 0; }
@media (max-width: 599px) {
  .surface-workspace #app main .subscription-account-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .surface-workspace #app main .subscription-account-actions .text-button { width: 100%; justify-content: flex-start; text-align: left; }
}

/* Keep account actions separate from the dashboard totals and the next panel. */
.surface-workspace #app main .platform-account-actions {
  display: grid;
  gap: 12px;
  margin-block: 24px;
}
.surface-workspace #app main .platform-account-actions > .button { margin: 0; }

/* Separate the publication quota, editor and secondary actions. */
.surface-workspace #app main .planner-composer > .quota-line { margin-bottom: 16px; }
.surface-workspace #app main .planner-compose-fields > :is(.button, .text-button) + :is(.text-button, p) { margin-top: 12px; }

/* Site Google: one format choice, then the saved preview; optional retouches. */
.google-site-setup>h2{margin:0 0 8px}.google-site-setup>p{margin-top:0}.google-site-formats{border:0;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.google-site-format{display:grid;grid-template-columns:24px 1fr;align-content:start;gap:12px 10px;padding:24px;border:2px solid var(--line,#dce5f5);border-radius:20px;background:white;cursor:pointer;min-width:0}.google-site-format:has(input:checked){border-color:#1967d2;background:#eff5ff}.google-site-format input{width:20px;height:20px;margin:2px 0;accent-color:#1967d2}.google-site-format strong{grid-column:2;font-size:20px}.google-site-format>span:last-child{grid-column:2;line-height:1.5;font-size:15px}.site-format-sketch{grid-column:2;display:flex;gap:5px;height:60px;align-items:center}.site-format-sketch i{display:block;width:40px;height:52px;border:2px solid #9ab8e8;border-radius:6px;background:linear-gradient(#cddfff 25%,white 25%,white 45%,#e6eeff 45%,#e6eeff 55%,white 55%)}.site-format-sketch.one i{display:none}.site-format-sketch.one i:first-child{display:block;width:60px;height:60px}.site-format-sketch.multi i:nth-child(2){transform:translateY(-5px)}.google-site-start{display:grid;gap:12px;justify-items:start}.google-site-start p{margin:0}.google-site-attribution{margin-top:24px!important;padding-top:20px;border-top:1px solid #e0e7f3}.google-site-ready>.button{margin-bottom:24px}.google-site-ready .studio-page-preview{margin-top:0}.google-site-summary{margin-bottom:24px}.google-site-summary h2{margin:12px 0 8px}.google-site-summary p{margin:0}.google-site-warnings{margin-top:16px;padding:16px;background:#fff8e9;border:1px solid #e8d9b7;border-radius:14px}.google-site-warnings summary,.google-site-pages summary{cursor:pointer;min-height:24px;font-weight:700}.google-site-pages{margin:24px 0;padding:20px;border:1px solid #dce5f5;border-radius:16px}.google-site-pages .page-subpage-links{margin-top:16px;max-height:320px;overflow:auto;display:grid;gap:8px}.google-site-pages a{min-height:44px;display:flex;align-items:center}.google-site-ready .studio-preview-actions{gap:12px;margin:24px 0}.google-site-ready .info-box{margin-top:24px}.google-site-ready .consent{margin:20px 0}.google-site-ready .studio-page-preview>button{margin-bottom:12px}@media(max-width:600px){.google-site-formats{grid-template-columns:1fr}.google-site-format{padding:20px}.google-site-start,.google-site-start>.button{width:100%}.google-site-format>span:last-child{font-size:15px}.site-format-sketch{height:42px}.site-format-sketch i{height:36px;width:30px}.site-format-sketch.one i:first-child{width:44px;height:40px}.google-site-pages{padding:16px}}

/* V131: group the settings tightly; separate content groups, never adjacent boxes. */
.autopilot-stack{display:grid;gap:24px;max-width:960px}.autopilot-stack>.card{margin:0}.autopilot-card>h2{margin:16px 0 8px}.autopilot-card>p{margin:0}.autopilot-status{display:flex;align-items:center;gap:10px;font-size:14px;color:#52637b}.autopilot-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#adb8c9}.autopilot-dot.on{background:#188038}.autopilot-note{margin-top:12px!important;font-size:14px;line-height:1.5}.autopilot-card form{margin-top:24px;display:grid;gap:20px}.autopilot-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.autopilot-fields label,.autopilot-language-choice label{display:grid;gap:8px;margin:0;font-weight:700}.autopilot-fields select,.autopilot-language-choice select{margin:0;min-height:48px;min-width:0;width:100%;font-size:16px}.autopilot-card form p{margin:0}.autopilot-language{font-size:14px}.autopilot-allowance{padding:16px;border-radius:14px;background:#eef4ff;color:#24518b}.autopilot-consent{display:flex;align-items:flex-start;gap:12px;margin:0;font-weight:500;line-height:1.5;cursor:pointer}.autopilot-consent input{width:20px;height:20px;min-width:20px;flex-shrink:0;margin:2px 0 0;accent-color:#1967d2}.autopilot-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.autopilot-actions>.button{margin:0;min-height:48px}.autopilot-foot{font-size:13px;color:#607089}.autopilot-feedback:empty{display:none}.autopilot-feedback{padding:12px 16px;border:1px solid #f0c2b8;background:#fff3ef;border-radius:12px}.autopilot-language-choice{padding:0;border:0;margin:0}.autopilot-language-choice summary{cursor:pointer;min-height:28px;font-size:14px}.autopilot-language-choice label{margin-top:12px}.autopilot-followup h2{margin:0 0 8px}.autopilot-followup>p{margin:0}.autopilot-followup>details{margin-top:20px}.autopilot-followup summary{cursor:pointer;min-height:32px;font-weight:700}.autopilot-jobs{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:20px}.autopilot-jobs li{padding-top:16px;border-top:1px solid #e0e7f3}.autopilot-jobs li>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.autopilot-jobs p{white-space:pre-line;font-size:14px;margin:8px 0 0;overflow-wrap:anywhere}.autopilot-job-error{color:#a43622}.autopilot-manual-link{margin:0;font-size:14px;line-height:1.7}.autopilot-manual-note{border:1px solid #e9d8ab;border-radius:18px;padding:20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:#fffaf0}.autopilot-manual-note p{margin:0}.legacy-planning-entry{margin:24px 0 0;padding-top:20px;border-top:1px solid #dce5f5}.planner-page .quota-banner+details,.planner-page .info-box+details,.planner-page .quota-banner+.post-helper,.planner-page .post-quota+details{margin-top:16px}.planner-page .composer-form{display:grid;gap:20px}
@media(max-width:600px){.autopilot-stack{gap:20px}.autopilot-fields{grid-template-columns:1fr;gap:20px}.autopilot-card{padding:24px 20px}.autopilot-actions{display:grid;width:100%}.autopilot-actions>.button{width:100%;text-align:center}.autopilot-manual-note{align-items:stretch}.autopilot-manual-note .button{width:100%}.autopilot-card>h2{font-size:24px}}

.planner-composer>.planner-compose-grid{margin-top:20px}.planner-compose-fields>.planner-ideas{margin:0 0 20px}.planner-heading{gap:20px}

.autopilot-hub-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;justify-content:space-between}.autopilot-hub-actions>.button{margin:0}

.autopilot-page h1,.autopilot-page h2{hyphens:none;word-break:normal}.autopilot-fields .field,.autopilot-language-choice .field{padding:12px 14px;border:1px solid #cbd8ec;border-radius:12px;background:#fff;color:#203149;font-weight:600}
.autopilot-card .autopilot-actions>.button{width:auto}@media(max-width:600px){.autopilot-card .autopilot-actions>.button{width:100%}}
.boost-address-preview{margin:8px 0 0;color:#536987}.boost-address-preview strong{color:#1967d2}