/* STOLICA partner theme — light + brand green. Overrides the widget's default
   dark skin via the semantic classes in embed.html. Palette from STOLICA. */
:root{
  --e-bg:#EDF3EE;
  --e-fg:#1C1C1C;
  --e-accent:#2E9E5C;
  --e-card:#ffffff;
  --e-muted:#5b6b60;
  --e-btn-fg:#ffffff;
  --e-input-border:#d5e3d9;
}
.emagi-embed{ background:var(--e-bg); color:var(--e-fg); }
.emagi-title{ color:#103d23; }
.emagi-btn:hover{ background:#2FA866; }
.emagi-bar{ border-bottom-color:#d5e3d9; }
.emagi-card{ background:#ffffff; border-color:#d5e3d9; }
.emagi-card:hover{ border-color:#2E9E5C; }
.emagi-card-name{ color:#15532f; }
.emagi-card-role{ color:#5b6b60; }
.emagi-empty{ color:#5b6b60; }
.emagi-powered{ border-top-color:#d5e3d9; }
.emagi-powered a{ color:#5b6b60; }


/* ── Webchat (Nova / agent chat) surface ───────────────────────────────────
   Injected into the /webchat/<persona> page via ?pcss= from the embed widget.
   Loaded AFTER the webchat inline <style>, so equal-specificity rules win by
   source order. Selectors below are webchat's own; they are inert in the
   embed shell (which uses .emagi-* classes), active only inside the chat. */
:root{ color-scheme:light; }
body{ background:#EDF3EE !important; color:#1C1C1C; }
header{ background:#ffffff; border-bottom-color:#d5e3d9; }
header .nm{ color:#103d23; }
header .sub{ color:#5b6b60; }
.u{ background:#2E9E5C !important; color:#fff; }
.a{ background:#ffffff !important; color:#1C1C1C; border:1px solid #d5e3d9; }
.sys{ color:#5b6b60; }
.m a{ color:#1f7a44; }
.m code, .m pre{ background:#e6efe9; }
.reacts span{ background:#ffffff; border-color:#d5e3d9; }
#pending{ color:#5b6b60; }
form{ background:#ffffff; border-top-color:#d5e3d9; }
#bar{ background:#ffffff; border-color:#d5e3d9; }
#bar button{ color:#2E9E5C; }
textarea{ color:#1C1C1C; }
#send{ background:#2E9E5C !important; }

/* Surfaces the base webchat left dark — theme light too so no emagi default
   skin bleeds through on the partner site (Nik 2026-07-17). */
header img, #gbar .mem img, .auth img, #alist .arow img, #mpop .arow img, header .mrow img{ background:#e6efe9; }
header .mrow img{ border-color:#ffffff; }
.reactbtn{ background:#ffffff; color:#2E9E5C; border:1px solid #d5e3d9; }
#attchip{ background:#e6efe9; color:#1C1C1C; }
#cfgdlg .tdb button, #adlg .tdb button{ background:#e6efe9; color:#1C1C1C; border-color:#d5e3d9; }
/* emagi header wordmark: redundant with the mandatory 'Powered by EmAGI'
   widget footer + rendered invisible on light — hide in white-label. */
#brand{ display:none; }