/* myai v3 skin for the visitor chat page (server v3ChatChrome): app.css keeps the chat layout; this maps its colours,
   type and shapes to the v3 tokens, and fits the v3 header and footer around the app. */
body.v3-chat{
  --myai-accent:var(--primary-aa,#1468D6);--myai-accent-text:var(--blue-text,#2B59C3);--myai-accent-soft:var(--blue-tint,#EEF4FF);--myai-accent-ink:#FFFFFF;
  --myai-bg:var(--bg,#FFFFFF);--myai-surface:var(--bg,#FFFFFF);--myai-line:var(--line,#E8E8EC);
  --myai-font-body:var(--font-body);--myai-font-display:var(--font-display);
  --mc-ink:var(--line,#E8E8EC);--mc-ring:0 0 0 1px var(--line,#E8E8EC);--mc-hard:var(--shadow-card);--mc-hero:none;
  background:var(--bg,#FFFFFF)}
/* the old 1.5px ink outlines + hard offset shadows become v3 hairlines + the soft card shadow */
body.v3-chat .pcard,body.v3-chat[data-surface] .app.solo .chat,body.v3-chat[data-surface] main.app.solo>.pcard+.chat{border:1px solid var(--line,#E8E8EC);border-radius:var(--radius-card,16px);box-shadow:var(--shadow-card)}
body.v3-chat[data-surface] main.app.solo>.pcard+.chat{border-block-start:0;border-start-start-radius:0;border-start-end-radius:0}
body.v3-chat .btn{border-radius:var(--radius-lg,10px);font:var(--fw-medium) var(--text-ui)/1 var(--font-label);box-shadow:none}
body.v3-chat .btn-primary{background:var(--primary-aa,#1468D6);color:#fff}
body.v3-chat .btn-ghost{background:var(--bg,#fff);color:var(--ink-strong);box-shadow:var(--shadow-btn-secondary,0 0 0 1px var(--line))}
body.v3-chat .btn:focus-visible{outline:2px solid var(--focus-ring,#1875EE);outline-offset:2px}
/* the mascot stays brand violet */
body.v3-chat .nf-mark{color:var(--violet-ui,#7E5BDC)}
body.v3-chat .lp{--lp-a:var(--violet-ui,#7E5BDC)}
/* the HQ AI disclosure: a quiet note bar inside the frame, above the header */
body.v3-chat .hq-ai-label{max-width:var(--frame);box-sizing:border-box;margin:0 auto;padding:10px calc(var(--gutter) + 1px);background:var(--violet-tint,#F4F0FF);color:var(--ink);font:var(--text-small)/1.45 var(--font-body)}
/* the app sits between the v3 header and footer */
body.v3-chat main#app{margin-block:var(--space-7,32px)}
/* the sign-up page's one legal link, as a quiet footer line instead of a bare default link */
body.v3-chat .mini-legal{max-width:var(--frame);box-sizing:border-box;margin:var(--space-5,20px) auto;padding:0 calc(var(--gutter) + 1px);text-align:center;font:var(--text-small)/1.4 var(--font-body)}
body.v3-chat .mini-legal a{color:var(--mute);text-decoration:underline;text-underline-offset:2px}
/* the owner app keeps its own header and footer; give them the v3 hairline and type */
body.v3-app-shell .appnav{border-block-end:1px solid var(--line);font-family:var(--font-label)}
body.v3-app-shell .foot{border-block-start:1px solid var(--line);color:var(--mute)}
body.v3-app-shell .appnav .logo .mark{color:var(--violet-ui,#7E5BDC)}