/* Reception redesign for the physical iMac (480 x 270 CSS px, scaled onto the 3D monitor).
   Covers the arrival choice and the conversation panel. Loaded last, so it wins the cascade
   over the older reception-*.css layers. Markup hooks are unchanged: every button keeps its
   data-choice, so no behaviour depends on this file. */

body #experienceReceptionChoice.on-imac,
body #receptionConversation[data-surface=imac],
body #onboardingExperience.on-imac{
  --rd-bg:#0d1914; --rd-lift:#163024;
  --rd-surface:rgba(233,241,234,.055); --rd-surface-hi:rgba(233,241,234,.10);
  --rd-line:rgba(233,241,234,.14); --rd-line-hi:rgba(220,196,143,.55);
  --rd-text:#eff3ee; --rd-muted:#a9bcb0; --rd-brass:#dcc48f; --rd-brass-soft:rgba(220,196,143,.13);
  --rd-moss:#3c7d5c; --rd-moss-deep:#2a5541;
  --rd-serif:Georgia,"Times New Roman",serif; --rd-sans:system-ui,"Segoe UI",Roboto,sans-serif;
}

/* ── Shared canvas ─────────────────────────────────────────── */
body #experienceReceptionChoice.on-imac[open],
body #receptionConversation[data-surface=imac][data-monitor=anchored][data-mode]{
  background:
    radial-gradient(70% 95% at 96% 4%,var(--rd-lift) 0%,transparent 65%),
    radial-gradient(60% 70% at 0% 100%,rgba(60,125,92,.18) 0%,transparent 70%),
    var(--rd-bg)!important;
  color:var(--rd-text)!important;
  font-family:var(--rd-sans)!important;
}
/* Watermark: the brand's own "S" (same artwork as the favicon). `screen` drops its black background. */
body #experienceReceptionChoice.on-imac[open]::after,
body #receptionConversation[data-surface=imac][data-monitor=anchored][data-mode]::after,
body:not(.bunker-space) #onboardingExperience.on-imac.preview-account:not(.preview-parity) #previewReceptionCheckin::after{
  content:"";position:absolute;right:-6px;bottom:-30px;width:190px;height:190px;pointer-events:none;
  background:url(/assets/brand/apple-touch-icon.png) center/contain no-repeat;mix-blend-mode:screen;opacity:.11;
}

/* Brand mark: the favicon, not a typed letter. */
body #experienceReceptionChoice.on-imac .arrival-eyebrow::before,
body #receptionConversation[data-surface=imac] header span::before,
body #previewReceptionCheckin .prc-brand::before{
  content:"";flex:none;width:18px;height:18px;border-radius:5px;border:1px solid rgba(120,220,170,.35);
  background:#000 url(/assets/brand/ssc-favicon-64.png) center/cover no-repeat;
}

/* ── Icon-led action cards (icon tile · title · description) ── */
body #experienceReceptionChoice.on-imac[open] :is(.reception-choice-actions,.reception-meeting-actions) button,
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button{
  display:grid!important;grid-template-columns:26px minmax(0,1fr);column-gap:7px;align-items:center;align-content:center;
  box-sizing:border-box;width:100%;min-height:42px!important;padding:6px 8px!important;
  border:1px solid var(--rd-line)!important;border-radius:9px!important;
  background:var(--rd-surface)!important;color:var(--rd-text)!important;
  text-align:left!important;font:600 9.5px/1.15 var(--rd-sans)!important;
  transition:background .15s,border-color .15s,transform .15s;
}
body #experienceReceptionChoice.on-imac[open] :is(.reception-choice-actions,.reception-meeting-actions) button svg,
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button svg{
  grid-row:1/span 2;grid-column:1;box-sizing:border-box;width:26px!important;height:26px!important;flex:none;padding:6px;
  border:1px solid rgba(220,196,143,.24);border-radius:7px;background:var(--rd-brass-soft);color:var(--rd-brass)!important;
}
body #experienceReceptionChoice.on-imac[open] :is(.reception-choice-actions,.reception-meeting-actions) button b,
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button b{
  grid-column:2;display:block;font:600 9.5px/1.15 var(--rd-sans)!important;color:inherit;
}
body #experienceReceptionChoice.on-imac[open] :is(.reception-choice-actions,.reception-meeting-actions) button small,
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button small{
  grid-column:2;display:block;margin:2px 0 0!important;font:400 7.6px/1.2 var(--rd-sans)!important;color:var(--rd-muted)!important;opacity:1!important;
}
body #experienceReceptionChoice.on-imac[open] :is(.reception-choice-actions,.reception-meeting-actions) button:hover,
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button:hover{
  background:var(--rd-surface-hi)!important;border-color:var(--rd-line-hi)!important;transform:translateY(-1px);
}
body #experienceReceptionChoice.on-imac[open] button:focus-visible,
body #receptionConversation[data-surface=imac] button:focus-visible{outline:1.5px solid var(--rd-brass)!important;outline-offset:2px}

/* Primary action */
body #experienceReceptionChoice.on-imac[open] .reception-choice-actions button[data-choice=account],
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button[data-variant=primary]{
  background:linear-gradient(135deg,var(--rd-moss) 0%,var(--rd-moss-deep) 100%)!important;
  border-color:var(--rd-line-hi)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14);
}
body #experienceReceptionChoice.on-imac[open] .reception-choice-actions button[data-choice=account] svg,
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button[data-variant=primary] svg{
  background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.24);color:#fff!important;
}
body #experienceReceptionChoice.on-imac[open] .reception-choice-actions button[data-choice=account] small,
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button[data-variant=primary] small{color:rgba(255,255,255,.8)!important}
body #experienceReceptionChoice.on-imac[open] .reception-choice-actions button[data-choice=account]:hover,
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button[data-variant=primary]:hover{
  background:linear-gradient(135deg,#46896a 0%,#2f5f48 100%)!important;
}
/* Quiet action */
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options>button[data-variant=tertiary]{
  background:transparent!important;border-style:dashed!important;opacity:1!important;
}

/* Fallback for the floating (non-iMac) dialog: icons need an explicit size. */
#experienceReceptionChoice button svg{width:18px;height:18px;flex:none}
#experienceReceptionChoice :is(.reception-group,.reception-question){display:block;margin:0 0 2px;font:600 11px/1 system-ui;color:#dcc48f}
#experienceReceptionChoice .rc-col{display:flex;flex-direction:column;gap:4px;min-width:0}
#experienceReceptionChoice .reception-question[aria-hidden=true]{display:none}
#experienceReceptionChoice:not(.on-imac) .reception-choice-actions{grid-template-columns:1fr!important}
#experienceReceptionChoice .rc-col:has(>button[hidden]){display:none!important}

/* Recovery dialogs must stay in the viewport, never below the full-height 3D canvas. */
body #experienceReceptionChoice:not(.on-imac)[open]{
  position:fixed!important;inset:12px!important;margin:auto!important;
  width:min(720px,calc(100dvw - 24px))!important;height:fit-content!important;
  max-height:calc(100dvh - 24px)!important;overflow:auto!important;transform:none!important;
}
@media (orientation:landscape) and (max-height:500px){
  body #experienceReceptionChoice:not(.on-imac)[open]{padding:12px 18px!important}
  body #experienceReceptionChoice:not(.on-imac) h2{font-size:21px;margin:3px 0}
  body #experienceReceptionChoice:not(.on-imac)>p{font-size:12px;margin-bottom:6px}
  body #experienceReceptionChoice:not(.on-imac) .reception-choice-actions,
  body #experienceReceptionChoice:not(.on-imac) .reception-meeting-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
  body #experienceReceptionChoice:not(.on-imac) .reception-meeting-actions{margin-top:10px}
  body #experienceReceptionChoice:not(.on-imac) .reception-meeting-actions>span{grid-column:1/-1}
  body #experienceReceptionChoice:not(.on-imac) [data-choice=guest]{grid-column:auto!important}
  body #experienceReceptionChoice:not(.on-imac) button{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:7px;min-height:44px;padding:6px 8px;font-size:12px}
  body #experienceReceptionChoice:not(.on-imac) button svg{grid-column:1;grid-row:1/span 2}
  body #experienceReceptionChoice:not(.on-imac) button :is(b,small){grid-column:2}
  body #experienceReceptionChoice:not(.on-imac) button small{font-size:10px;line-height:1.2}
}

/* ── Screen 1 · arrival choice ─────────────────────────────── */
body #experienceReceptionChoice.on-imac[open]{
  display:flex!important;flex-direction:column;justify-content:center;gap:0;padding:12px 18px 12px!important;
}
body #experienceReceptionChoice.on-imac .arrival-eyebrow{
  display:flex;align-items:center;gap:6px;margin:0;font:600 9px/1 var(--rd-sans)!important;letter-spacing:.01em!important;
  text-transform:none;color:var(--rd-text)!important;
}
body #experienceReceptionChoice.on-imac h2{
  margin:8px 0 2px!important;font:500 22px/1.08 var(--rd-serif)!important;letter-spacing:-.012em;color:var(--rd-text)!important;
}
body #experienceReceptionChoice.on-imac>p{margin:0 0 9px!important;font-size:10px!important;line-height:1.3;color:var(--rd-muted)!important}
body #experienceReceptionChoice.on-imac :is(.reception-group,.reception-meeting-actions>span){
  grid-column:1/-1;display:flex;align-items:center;gap:6px;margin:0 0 4px;
  font:600 8px/1 var(--rd-sans)!important;letter-spacing:0!important;text-transform:none;color:var(--rd-brass)!important;
}
body #experienceReceptionChoice.on-imac :is(.reception-group,.reception-meeting-actions>span)::after{content:"";flex:1;height:1px;background:var(--rd-line)}
body #experienceReceptionChoice.on-imac .reception-choice-actions,
body #experienceReceptionChoice.on-imac .reception-meeting-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;
}
body #experienceReceptionChoice.on-imac .reception-meeting-actions{margin-top:9px!important;padding-top:0!important;border-top:0!important}
body #experienceReceptionChoice.on-imac .reception-group{display:flex}
/* "Já é cliente? → Login", "Ainda não é cliente? → Onboarding": each question sits right above its own button. */
body #experienceReceptionChoice.on-imac .rc-col{gap:3px}
/* The visitor option is the quiet one (as "Explorar" is in the conversation): dashed, no question above it. */
body #experienceReceptionChoice.on-imac .reception-question[aria-hidden=true]{display:block;visibility:hidden}
body #experienceReceptionChoice.on-imac .reception-choice-actions button[data-choice=guest]{background:transparent!important;border-style:dashed!important}
body #experienceReceptionChoice.on-imac .reception-question{margin:0;font:600 8px/1 var(--rd-sans)!important;letter-spacing:0!important;text-transform:none;color:var(--rd-brass)!important}

/* "Explorar como visitante" stays one card wide. An older landscape rule (final-arrival-preview.css,
   max-height:460px) stretches it across the whole grid on phones. */
body #experienceReceptionChoice.on-imac .reception-choice-actions button[data-choice=guest]{grid-column:auto!important}

/* ── Screen 2 · conversation panel ─────────────────────────── */
body #receptionConversation[data-surface=imac][data-monitor=anchored][data-mode]{padding:11px 18px 8px!important}
body #receptionConversation[data-surface=imac] header{
  min-height:22px;color:var(--rd-text)!important;font:600 9px/1 var(--rd-sans)!important;letter-spacing:.01em!important;text-transform:none;
}
body #receptionConversation[data-surface=imac] header span{display:flex;align-items:center;gap:6px}
body #receptionConversation[data-surface=imac] header button{
  display:grid;place-items:center;width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;
  border:1px solid var(--rd-line)!important;border-radius:50%!important;background:var(--rd-surface)!important;color:var(--rd-text)!important;font-size:14px!important;line-height:1;
}
body #receptionConversation[data-surface=imac] header button:hover{border-color:var(--rd-line-hi)!important;background:var(--rd-surface-hi)!important}
body #receptionConversation[data-surface=imac] .rc-response h2{
  font:500 21px/1.1 var(--rd-serif)!important;letter-spacing:-.012em;color:var(--rd-text)!important;margin:0 0 5px!important;
}
body #receptionConversation[data-surface=imac] .rc-response p{color:var(--rd-muted)!important;font-size:9.5px!important;line-height:1.35!important}
body #receptionConversation[data-surface=imac] footer{min-height:22px;color:var(--rd-muted)!important}
body #receptionConversation[data-surface=imac] footer button{
  display:inline-flex;align-items:center;gap:4px;min-height:22px!important;padding:3px 8px 3px 4px!important;border:0!important;border-radius:6px!important;
  background:none!important;color:var(--rd-muted)!important;font:500 9.5px/1 var(--rd-sans)!important;
}
body #receptionConversation[data-surface=imac] footer button:hover{color:var(--rd-text)!important;background:var(--rd-surface)!important}

/* "Find your meeting": message left, choices right */
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-main{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);column-gap:22px;align-items:center;align-content:center;padding:2px 0;overflow:visible;
}
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-response p{max-width:26ch}
body #receptionConversation[data-surface=imac][data-state=meeting_auth] .rc-options{display:flex;flex-direction:column;gap:6px}

/* ── Login / verify / recover panel on the iMac ─────────────── */
body:not(.bunker-space) #onboardingExperience.on-imac.preview-account:not(.preview-parity) #previewReceptionCheckin{
  padding:12px 18px 10px!important;overflow:hidden!important;color:var(--rd-text)!important;font-family:var(--rd-sans)!important;
  background:
    radial-gradient(70% 95% at 96% 4%,var(--rd-lift) 0%,transparent 65%),
    radial-gradient(60% 70% at 0% 100%,rgba(60,125,92,.18) 0%,transparent 70%),
    var(--rd-bg)!important;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin :is(.prc-account,.prc-account-copy,.prc-account-form){box-sizing:border-box}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin .prc-account{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);column-gap:22px;align-items:center;
  height:100%;margin:0!important;padding:26px 0 0!important;border:0!important;background:none!important;box-shadow:none!important;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin .prc-brand{
  position:absolute;top:13px;left:18px;display:flex;align-items:center;gap:6px;font:600 9px/1 var(--rd-sans);letter-spacing:.01em;color:var(--rd-text);
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin .prc-account-copy{display:flex;flex-direction:column;justify-content:center}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin .prc-kicker{
  margin:0 0 5px!important;font:600 8px/1 var(--rd-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--rd-brass)!important;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin h3{
  margin:0 0 5px!important;font:500 21px/1.1 var(--rd-serif)!important;letter-spacing:-.012em;color:var(--rd-text)!important;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin .prc-account-copy p{
  max-width:28ch;margin:0!important;font-size:9.5px!important;line-height:1.35!important;color:var(--rd-muted)!important;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin .prc-account-form{display:flex;flex-direction:column;justify-content:center;gap:7px}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin form{display:flex!important;flex-direction:column;gap:7px;margin:0!important}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin label{
  display:grid;gap:3px;margin:0!important;font:500 8.5px/1.2 var(--rd-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--rd-muted)!important;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin input{
  box-sizing:border-box;width:100%;height:34px!important;min-height:34px!important;padding:0 10px 0 30px!important;
  border:1px solid var(--rd-line)!important;border-radius:9px!important;background-color:rgba(0,0,0,.26)!important;color:var(--rd-text)!important;
  font:400 11px/1.2 var(--rd-sans)!important;box-shadow:none!important;outline:none;
  background-repeat:no-repeat!important;background-position:10px 50%!important;background-size:13px 13px!important;
  transition:border-color .15s,box-shadow .15s;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin input:focus{border-color:var(--rd-brass)!important;box-shadow:0 0 0 2px rgba(220,196,143,.16)!important}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin input[name=contact]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9bcb0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")!important}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin input[name=password]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9bcb0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")!important}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin input[name=code]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9bcb0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.7 9a1 1 0 0 1-.6 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.2-2.7a1.17 1.17 0 0 1 1.5 0C14.5 3.8 17 5 19 5a1 1 0 0 1 1 1Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")!important}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin form button{
  min-height:34px!important;height:34px;margin-top:2px;padding:0 12px!important;border:1px solid var(--rd-line-hi)!important;border-radius:9px!important;
  background:linear-gradient(135deg,var(--rd-moss) 0%,var(--rd-moss-deep) 100%)!important;color:#fff!important;
  font:600 11px/1 var(--rd-sans)!important;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin form button:hover{background:linear-gradient(135deg,#46896a 0%,#2f5f48 100%)!important}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin .prc-forgot{
  align-self:center;width:auto;min-height:22px!important;padding:3px 8px!important;border:0!important;border-radius:6px!important;background:none!important;
  color:var(--rd-muted)!important;font:500 9px/1 var(--rd-sans)!important;box-shadow:none!important;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin .prc-forgot:hover{color:var(--rd-text)!important;background:var(--rd-surface)!important}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin :is(.prc-google,.prc-google-note){display:none!important}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin .prc-error{
  position:absolute;left:18px;right:18px;bottom:8px;margin:0!important;font:500 9px/1.2 var(--rd-sans)!important;color:#f3ab9c!important;
}
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin button:focus-visible,
body #onboardingExperience.on-imac.preview-account #previewReceptionCheckin input:focus-visible{outline:1.5px solid var(--rd-brass)!important;outline-offset:2px}

/* Close button on the iMac: same quiet circle as the conversation panel (was a light square). */
body:not(.bunker-space) #onboardingExperience.on-imac #onboardingClose{
  top:9px!important;right:14px!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  display:grid!important;place-items:center;padding:0!important;border:1px solid var(--rd-line)!important;border-radius:50%!important;
  background:rgba(233,241,234,.06)!important;color:var(--rd-text)!important;font:400 14px/1 var(--rd-sans)!important;box-shadow:none!important;
}
body:not(.bunker-space) #onboardingExperience.on-imac #onboardingClose:hover{border-color:var(--rd-line-hi)!important;background:rgba(233,241,234,.12)!important}

/* ── Phone keyboard mode ───────────────────────────────────────
   While a field is edited on a touch phone, the iMac dialog is lifted to the visible part of the
   screen (position and size come from the visual viewport, set in reception-checkin-preview.js),
   so the on-screen keyboard cannot cover the field or what is being typed. */
body:not(.bunker-space) #onboardingExperience.on-imac.preview-checkin[open].kbd-fullscreen{
  /* Width is capped and centred: the onboarding form switches to its "desktop" popups above 560px, which hides the
     country / nationality list behind its own backdrop. The lifted view only needs the height above the keyboard. */
  left:calc(var(--kb-left,0px) + (var(--kb-w,100vw) - min(var(--kb-w,100vw),540px)) / 2)!important;top:var(--kb-top,0px)!important;
  width:min(var(--kb-w,100vw),540px)!important;height:var(--kb-h,100dvh)!important;
  transform:none!important;z-index:60!important;
}
body:not(.bunker-space) #onboardingExperience.on-imac.kbd-fullscreen #previewReceptionCheckin .prc-account{padding-top:0!important;align-content:center}
body:not(.bunker-space) #onboardingExperience.on-imac.kbd-fullscreen #previewReceptionCheckin .prc-brand{display:none}
body:not(.bunker-space) #onboardingExperience.on-imac.kbd-fullscreen #previewReceptionCheckin .prc-account-copy{display:none}
body:not(.bunker-space) #onboardingExperience.on-imac.kbd-fullscreen #previewReceptionCheckin .prc-account{grid-template-columns:minmax(0,1fr)}body:not(.bunker-space) #onboardingExperience.on-imac.kbd-fullscreen #previewReceptionCheckin{overflow:auto!important}
/* Keyboard mode: the close button would sit on top of the field being edited. */
body:not(.bunker-space) #onboardingExperience.on-imac.kbd-fullscreen #onboardingClose{display:none!important}
/* ── "Como podemos ajudar?" (assistant_greeting on the iMac) ──
   This screen (needs / new-visitor / identity steps) is built by reception-conversation.js and mostly
   styled by reception-conversation.css, which several overlapping rules have accumulated in over time
   (a 6-column grid for 4 cards, a button with no visible width for its label, no on-screen question).
   Rather than untangle that history, this block redraws the three steps with the same icon-card
   language used everywhere else in the redesign, and lets `!important` win over the older rules. */
body #receptionConversation[data-surface=imac][data-state=assistant_greeting]{
  background:
    radial-gradient(70% 95% at 96% 4%,var(--rd-lift) 0%,transparent 65%),
    radial-gradient(60% 70% at 0% 100%,rgba(60,125,92,.18) 0%,transparent 70%),
    var(--rd-bg)!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-needs{
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;
  width:100%!important;height:100%!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-context-question{
  display:block!important;margin:0 0 1px!important;font:600 8px/1 var(--rd-sans)!important;letter-spacing:0!important;
  text-transform:none!important;color:var(--rd-brass)!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;
  grid-auto-rows:auto!important;align-content:center!important;flex:none!important;
  gap:6px!important;width:100%!important;min-height:0!important;max-height:none!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions>button{
  grid-column:auto!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;
  column-gap:7px!important;row-gap:1px!important;align-items:center!important;justify-items:stretch!important;
  box-sizing:border-box!important;width:100%!important;min-height:40px!important;padding:6px 8px!important;
  border:1px solid var(--rd-line)!important;border-radius:9px!important;background:var(--rd-surface)!important;color:var(--rd-text)!important;
  text-align:left!important;transition:background .15s,border-color .15s,transform .15s;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions>button:hover{
  background:var(--rd-surface-hi)!important;border-color:var(--rd-line-hi)!important;transform:translateY(-1px);
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions>button svg{
  grid-row:1/span 2!important;grid-column:1!important;box-sizing:border-box!important;width:24px!important;height:24px!important;padding:5px!important;
  border:1px solid rgba(220,196,143,.24)!important;border-radius:7px!important;background:var(--rd-brass-soft)!important;color:var(--rd-brass)!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions>button b{
  grid-column:2!important;width:100%!important;justify-self:stretch!important;font:600 9.5px/1.15 var(--rd-sans)!important;color:inherit!important;
  white-space:normal!important;overflow-wrap:break-word!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions>button small{
  grid-column:2!important;width:100%!important;justify-self:stretch!important;display:block!important;margin:1px 0 0!important;
  font:400 7.6px/1.2 var(--rd-sans)!important;color:var(--rd-muted)!important;white-space:normal!important;overflow-wrap:break-word!important;
}
/* Primary card (Começar onboarding) */
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions>button[data-variant=primary]{
  background:linear-gradient(135deg,var(--rd-moss) 0%,var(--rd-moss-deep) 100%)!important;border-color:var(--rd-line-hi)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions>button[data-variant=primary] svg{
  background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions>button[data-variant=primary] small{color:rgba(255,255,255,.8)!important}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-actions>button[data-variant=primary]:hover{
  background:linear-gradient(135deg,#46896a 0%,#2f5f48 100%)!important;
}
/* Reuniões is the fourth card of a 2x2 grid: no more off-centre single card in its own row. */
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-needs[data-step=needs] .rc-monitor-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-needs[data-step=needs] .rc-monitor-actions>button:nth-child(4){
  grid-column:auto!important;
}
/* Footer links: same quiet, centred understated style throughout. */
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-quiet{
  display:flex!important;justify-content:center!important;gap:4px!important;min-height:0!important;margin-top:2px!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-quiet button{
  min-height:0!important;padding:2px 6px!important;font:500 8px/1 var(--rd-sans)!important;color:var(--rd-muted)!important;
  text-decoration:underline!important;text-underline-offset:2px!important;
}
body #receptionConversation[data-surface=imac][data-state=assistant_greeting] .rc-monitor-quiet button:hover{color:var(--rd-text)!important}