/* BDArgentumAI receptionist demo: production palette from bdargentumai.com/css/night.css + whatsapp-ai.css
   (ink/navy base, green + teal accents), IBM Plex fonts. Uses the site's variables with exact-hex fallbacks. Scoped under .rx- */
.rx-section {
  --rx-ink:var(--ink,#071528); --rx-navy:var(--navy,#0b1f3a); --rx-navy2:var(--navy2,#122a4a);
  --rx-white:var(--white,#f8fafc); --rx-soft:var(--soft,#cbd5e1); --rx-muted:var(--muted,#94a3b8); --rx-line:var(--line,rgba(148,163,184,.18));
  --rx-green:var(--green,#009c3b); --rx-green-l:var(--green-l,#34d399); --rx-deep:var(--deep,#0b3d2e); --rx-teal-l:var(--teal-l,#2dd4bf);
  --rx-sans:var(--sans,"IBM Plex Sans",system-ui,sans-serif); --rx-mono:var(--mono,"IBM Plex Mono",ui-monospace,monospace);
  font-family:var(--rx-sans); color:var(--rx-white); }
.rx-section *, .rx-section *::before, .rx-section *::after { box-sizing:border-box; }
.rx-grid { display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:48px; align-items:center; }
.rx-copy .eyebrow-rx { font-family:var(--rx-mono); font-size:.8125rem; letter-spacing:.08em; text-transform:uppercase; color:var(--rx-teal-l); margin:0 0 .85rem; }
.rx-copy h2 { font-size:clamp(1.8rem,3.4vw,2.6rem); line-height:1.08; letter-spacing:-.02em; margin:0 0 .8rem; }
.rx-copy p { color:var(--rx-soft); max-width:46ch; }
.rx-phone { width:100%; max-width:380px; margin-inline:auto; background:var(--rx-ink); border:1px solid var(--rx-line); border-radius:32px; padding:10px; box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 6px rgba(18,42,74,.6); position:relative; overflow:hidden; }
.rx-screen { background:var(--rx-navy); border-radius:24px; height:620px; max-height:78vh; display:flex; flex-direction:column; overflow:hidden; position:relative; }
.rx-head { display:flex; align-items:center; gap:10px; padding:12px 14px; background:var(--rx-navy2); border-bottom:1px solid var(--rx-line); }
.rx-head img { width:34px; height:34px; border-radius:50%; border:1px solid rgba(0,156,59,.45); background:var(--rx-deep); }
.rx-head__name { font-weight:600; font-size:.92rem; line-height:1.2; }
.rx-head__sub { font-size:.72rem; color:var(--rx-green-l); }
.rx-head__btns { margin-left:auto; display:flex; gap:6px; }
.rx-chip { font:500 .75rem var(--rx-mono); color:var(--rx-soft); background:transparent; border:1px solid var(--rx-line); border-radius:999px; padding:.35rem .7rem; cursor:pointer; }
.rx-chip:hover { border-color:var(--rx-teal-l); color:var(--rx-white); }
.rx-log { flex:1; overflow-y:auto; padding:14px 12px 18px; display:flex; flex-direction:column; gap:8px; scroll-behavior:smooth; }
.rx-row { display:flex; }
.rx-row--me { justify-content:flex-end; }
.rx-bubble { max-width:86%; background:var(--rx-navy2); border:1px solid var(--rx-line); border-radius:4px 12px 12px 12px; padding:9px 12px; font-size:.86rem; line-height:1.45; color:var(--rx-white); overflow-wrap:anywhere; }
.rx-bubble--me { background:var(--rx-deep); color:var(--rx-white); border:1px solid rgba(0,156,59,.45); border-radius:12px 4px 12px 12px; font-weight:500; }
.rx-bubble strong { color:var(--rx-green-l); font-weight:600; }
.rx-card { padding:0; overflow:hidden; width:86%; }
.rx-card .rx-text { padding:10px 12px; }
.rx-card__media img { display:block; width:100%; height:auto; aspect-ratio:1200/628; object-fit:cover; }
.rx-text em { color:var(--rx-muted); }
.rx-actions { display:flex; flex-direction:column; border-top:1px solid var(--rx-line); margin:8px -12px -9px; }
.rx-card .rx-actions { margin:0; }
.rx-qr, .rx-listbtn { font:600 .85rem var(--rx-sans); color:var(--rx-green-l); background:transparent; border:0; border-top:1px solid var(--rx-line); padding:.65rem .8rem; cursor:pointer; text-align:center; min-height:44px; }
.rx-qr:first-child { border-top:0; }
.rx-listbtn { display:block; width:calc(100% + 24px); margin:8px -12px -9px; }
.rx-listbtn::before { content:"\2630  "; }
.rx-qr:hover:not(:disabled), .rx-listbtn:hover:not(:disabled) { background:rgba(0,156,59,.14); color:var(--rx-white); }
.rx-qr:disabled, .rx-listbtn:disabled { color:var(--rx-muted); cursor:default; }
.rx-typing .rx-bubble { display:flex; gap:4px; padding:12px 14px; }
.rx-typing span { width:6px; height:6px; border-radius:50%; background:var(--rx-muted); opacity:.4; animation:rx-blink 1s infinite; }
.rx-typing span:nth-child(2){animation-delay:.15s} .rx-typing span:nth-child(3){animation-delay:.3s}
@keyframes rx-blink { 50% { opacity:1; transform:translateY(-3px); } }
.rx-sheet { position:absolute; inset:0; background:rgba(7,21,40,.6); display:flex; align-items:flex-end; z-index:5; }
.rx-sheet[hidden] { display:none; }
.rx-sheet__panel { width:100%; max-height:80%; overflow-y:auto; background:linear-gradient(180deg,var(--rx-navy2),var(--rx-navy)); border-top:2px solid var(--rx-green); border-radius:16px 16px 0 0; padding:6px 0 10px; animation:rx-up .2s ease-out; }
@keyframes rx-up { from { transform:translateY(30%); opacity:0; } }
.rx-sheet__head { display:flex; align-items:center; padding:8px 16px; }
.rx-sheet__title { margin:0; font-size:.95rem; font-weight:600; }
.rx-sheet__close { margin-left:auto; background:none; border:0; color:var(--rx-soft); font-size:1.5rem; cursor:pointer; width:44px; height:44px; }
.rx-sheet__list { list-style:none; margin:0; padding:0; }
.rx-item { display:flex; flex-direction:column; gap:2px; width:100%; text-align:left; background:none; border:0; border-top:1px solid var(--rx-line); color:var(--rx-white); padding:.7rem 16px; cursor:pointer; font:500 .9rem var(--rx-sans); min-height:44px; }
.rx-item:hover { background:rgba(0,156,59,.12); }
.rx-item__d { font-size:.78rem; color:var(--rx-muted); font-weight:400; }
.rx-foot { padding:8px 12px; border-top:1px solid var(--rx-line); background:var(--rx-navy2); font-family:var(--rx-mono); font-size:.62rem; color:var(--rx-muted); text-align:center; line-height:1.35; }
.rx-cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:1.4rem; }
.rx-btn { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; min-height:44px; padding:.7rem 1.15rem; border-radius:10px; border:1px solid transparent; font:600 .95rem var(--rx-sans); text-decoration:none; cursor:pointer; }
/* Site .btn-primary is #009c3b with white text (3.6:1). Ink text keeps the same green at AA (5.0:1). */
.rx-btn--primary, .rx-btn--gold { background:var(--rx-green); color:var(--rx-ink) !important; }
.rx-btn--primary:hover, .rx-btn--gold:hover { filter:brightness(1.08); }
.rx-btn--ghost { background:transparent; border-color:rgba(248,250,252,.28); color:var(--rx-white) !important; }
.rx-btn--ghost:hover { border-color:var(--rx-white); }
.rx-btn[hidden] { display:none; }
.rx-section :focus-visible { outline:2px solid var(--rx-teal-l); outline-offset:3px; }
@media (max-width:900px) { .rx-grid { grid-template-columns:1fr; gap:28px; } .rx-copy { text-align:left; } }
@media (max-width:420px) { .rx-phone { border-radius:22px; padding:6px; box-shadow:none; } .rx-screen { border-radius:18px; height:560px; } }
@media (prefers-reduced-motion:reduce) { .rx-typing span, .rx-sheet__panel { animation:none; } .rx-log { scroll-behavior:auto; } }