/* ArtinAI Appearance Studio 3.4.0 — layered after approved 3.3.4 editorial styles. */
.artinai-body{--as-accent:#337ec5;--as-soft:#ddebf9;--as-bg:#f5f8fc;--as-line:#a9cfe4}
.artinai-body[data-as-palette="graphite"]{--as-accent:#64748b;--as-soft:#e2e8f0;--as-bg:#f5f6f8;--as-line:#b3c0d0}
.artinai-body[data-as-palette="violet"]{--as-accent:#8261c9;--as-soft:#ebe4fb;--as-bg:#f8f5fe;--as-line:#bda7e5}
.artinai-body[data-as-palette="emerald"]{--as-accent:#218d76;--as-soft:#dcf2e9;--as-bg:#f3faf7;--as-line:#9bd8c5}
.artinai-body[data-as-palette="rose"]{--as-accent:#c65e88;--as-soft:#f8dfea;--as-bg:#fdf5f8;--as-line:#e8b3c9}
.artinai-body .artin-chat .n-msg-row.ai.n-editorial-row .n-msg.n-editorial-body{border-right-color:var(--as-line)!important}
/* Only the user message content is tinted. The card, outer message node,
   and action toolbar stay transparent across all appearance palettes. */
html[data-theme="light"] .artinai-body:not([data-as-design="dark"]) .artin-chat .n-msg-row.user .n-message-content:not(:empty){background:var(--as-soft)!important}
.artinai-body[data-as-design="minimal"] .artin-chat .n-msg-row.ai .n-editorial-heading{display:none!important}
.artinai-body[data-as-design="minimal"] .artin-chat .n-msg-row.ai .n-msg.n-editorial-body{border-right:0!important;padding-right:0!important}
.artinai-body[data-as-design="glass"] .artin-chat .n-msg-row.ai .n-editorial-card{background:color-mix(in srgb,var(--as-soft) 16%,white)!important;border:1px solid color-mix(in srgb,var(--as-accent) 16%,transparent)!important;border-radius:18px!important;padding:16px!important;box-shadow:0 3px 18px rgba(20,40,70,.035)!important}
.artinai-body[data-as-design="glass"] .artin-chat .n-msg-row.ai .n-msg.n-editorial-body{border-right:0!important;padding-right:0!important}
.artinai-body[data-as-design="dark"] .artin-chat .n-msg-row.ai .n-editorial-card{background:#252f3e!important;border-radius:16px!important;padding:18px!important;color:#e8eff7!important}
.artinai-body[data-as-design="dark"] .artin-chat .n-msg-row.ai .n-editorial-heading,.artinai-body[data-as-design="dark"] .artin-chat .n-msg-row.ai .n-msg.n-editorial-body{color:#e8eff7!important}
.artinai-body[data-as-design="dark"] .artin-chat .n-msg-row.ai .n-editorial-actions{color:#a5b6cb!important}
.artinai-body .n-as-personal{display:flex;flex-direction:column;gap:12px;margin:0 0 20px;direction:rtl;min-width:0}
.artinai-body .n-as-personal-note{font-size:12px;color:var(--muted);line-height:1.8}
.artinai-body .n-as-personal label{font-size:12px;font-weight:650;color:var(--text);display:flex;flex-direction:column;gap:7px}
.artinai-body .n-as-personal select{width:100%;max-width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:9px 10px;font:inherit}
.artinai-body .n-as-personal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.artinai-body .n-as-personal-buttons button{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:9px 4px;cursor:pointer;font:inherit;font-size:11px}
.artinai-body .n-as-personal-buttons button:first-child{background:var(--as-accent);border-color:var(--as-accent);color:#fff}
.artinai-body .n-as-personal-buttons button:disabled{opacity:.45;cursor:not-allowed}
.artinai-body .n-as-personal-status{margin:0;font-size:11px;color:var(--muted)}
.artinai-body .n-as-theme-heading{font-size:12px;color:var(--text);display:block;margin:0 0 8px}
html[data-theme="light"] .artinai-body:not([data-as-design="dark"]) .artin-chat,html[data-theme="light"] .artinai-body:not([data-as-design="dark"]) .artin-chat .n-main,html[data-theme="light"] .artinai-body:not([data-as-design="dark"]) .artin-chat .n-workspace{background:var(--as-bg)!important}

.artinai-body[data-as-design="dark"]{--artin-bg:#1D222A;--artin-text:#E6EAF0;--artin-sidebar:#252B34;--artin-surface:#292F39;--artin-border:#3A424E;--text:#E6EAF0;--muted:#A8B3C1;--border:#3A424E;--user:#353D48;color-scheme:dark}
.artinai-body[data-as-design="dark"] .artin-chat,.artinai-body[data-as-design="dark"] .artin-chat .n-main,.artinai-body[data-as-design="dark"] .artin-chat .n-workspace{background:#1D222A!important;color:#E6EAF0!important}
.artinai-body[data-as-design="dark"] .artin-chat .n-msg-row.user .n-message-content:not(:empty){background:#353D48!important;color:#E6EAF0!important}

/* 3.4.2 — User bubble isolation, independent of admin toolbar placement. */
.artinai-body .artin-chat .n-msg-row.user .n-msg-card,
.artinai-body .artin-chat .n-msg-row.user .n-msg,
.artinai-body .artin-chat .n-msg-row.user .n-message-toolbar{
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.artinai-body .artin-chat .n-msg-row.user .n-msg-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:max-content!important;
  max-width:min(82%,640px)!important;
  min-width:0!important;
  border:0!important;
  padding:0!important;
  gap:0!important;
}
.artinai-body .artin-chat .n-msg-row.user .n-msg{
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.artinai-body .artin-chat .n-msg-row.user .n-message-content:not(:empty){
  width:fit-content!important;
  max-width:100%!important;
  min-width:0!important;
  padding:10px 15px!important;
  border-radius:17px!important;
  border:1px solid color-mix(in srgb,var(--border) 55%,transparent)!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
}
.artinai-body .artin-chat .n-msg-row.user .n-message-toolbar{
  flex:0 0 auto!important;
  max-width:100%!important;
  margin-top:5px!important;
  border:0!important;
  padding:0!important;
}
.artinai-body .artin-chat .n-msg-row.user .n-message-toolbar.n-tools-place-inside-top{
  margin:0 0 5px!important;
}
@media(max-width:760px){
  .artinai-body .artin-chat .n-msg-row.user .n-msg-card{max-width:88%!important}
  .artinai-body .artin-chat .n-msg-row.user .n-message-content:not(:empty){padding:9px 12px!important;border-radius:15px!important}
}