/* AI Engine chatbot in the Redronic look. Plugin markup and behaviour are untouched; the extra
   .mwai-chatbot-container prefix outranks the plugin's own theme file wherever it loads. */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme{
  --mwai-accentColor:var(--ntp-accent);
  --mwai-backgroundHeaderColor:var(--ntp-text);
  --mwai-headerColor:#fff;
  --mwai-backgroundPrimaryColor:var(--ntp-surface);
  --mwai-backgroundSecondaryColor:var(--ntp-surface-muted);
  --mwai-bubbleColor:var(--ntp-text);
  --mwai-fontColor:var(--ntp-text);
  --mwai-borderColor:var(--ntp-line);
  --mwai-borderRadius:var(--rnt-radius-md);
  --mwai-fontSize:15px;
  --mwai-lineHeight:1.9;
  --mwai-iconSize:56px;
  --mwai-width:400px;
  --mwai-errorBackgroundColor:#fdecea;
  --mwai-errorTextColor:#8a1c12;
  --mwai-iconTextBackgroundColor:var(--ntp-text);
  --mwai-iconTextColor:#fff;
  font-family:var(--ntp-font-body);direction:rtl}
.mwai-chatbot-container .mwai-chatgpt-theme :is(div,span,p,b,strong,textarea,button,li){font-family:var(--ntp-font-body)}

/* Launcher: brand-yellow button with an ink chat icon. */
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-open-button .mwai-icon-container{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--ntp-accent);box-shadow:0 8px 22px rgba(40,50,61,.24);transition:transform .2s,background-color .2s}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-open-button:hover .mwai-icon-container{background:var(--ntp-accent-hover)}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-open-button:active .mwai-icon-container{transform:translateY(1px)}
/* A photo/avatar icon fills the circle; only the theme's fallback glyph stays small on the yellow. */
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-open-button .mwai-icon{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:none}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-open-button .mwai-icon[src*="icons/chat.svg"]{width:28px;height:28px;border-radius:0;object-fit:contain}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-open-button,.mwai-chatbot-container .mwai-chatgpt-theme .mwai-open-button *{cursor:pointer}

/* Window: concentric container (tokens.css); --rnt-gap is the input's 12px margin, so the input gets xl-12-1 = 11px. */
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-window-box{background:var(--ntp-surface);border:1px solid var(--ntp-line);--rnt-r:var(--rnt-radius-xl);--rnt-gap:12px;--rnt-bw:1px;overflow:hidden;box-shadow:0 18px 48px rgba(40,50,61,.18)}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-header{background:var(--ntp-text);color:#fff;padding:14px 16px;min-height:56px}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-header :is(.mwai-name,.mwai-name *){color:#fff;font-weight:700}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-header .mwai-subtitle{color:#c9d2d9;font-weight:400}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-header .mwai-name{flex:1}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-header .mwai-buttons{margin-inline-start:auto;width:auto;align-self:center}
/* The X is drawn by absolutely positioned pseudo-elements; anchor them to the button itself. */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button{position:relative;width:36px;height:36px;margin:0;border-radius:50%;cursor:pointer;transition:background-color .15s}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover{background:rgba(255,255,255,.12)}
/* Centre the X: the plugin offsets its two lines for a left-to-right header. */
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button::before,.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button::after{left:50%;top:50%;right:auto;width:2px;height:18px;margin:0;cursor:pointer;transform:translate(-50%,-50%) rotate(45deg)}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button::after{transform:translate(-50%,-50%) rotate(-45deg)}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover::before{transform:translate(-50%,-50%) rotate(135deg)}
.mwai-chatbot-container .mwai-chat.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover::after{transform:translate(-50%,-50%) rotate(45deg)}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-close-button{color:#fff;opacity:.85}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-close-button:hover{opacity:1}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-body{background:var(--ntp-surface)}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-conversation{background:var(--ntp-surface);padding:16px}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb{background:var(--ntp-line)}

/* Messages: assistant on the reading side in grey, visitor in brand yellow. */
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-reply{color:var(--ntp-text);margin-bottom:12px}
/* Each message takes the direction of its own text, so English replies keep their punctuation in place. */
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-reply .mwai-text{unicode-bidi:plaintext;text-align:start}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-reply .mwai-name,.mwai-chatbot-container .mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-name-text{color:var(--ntp-muted);font-size:12px;font-weight:600}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-text{background:var(--ntp-surface-muted);color:var(--ntp-text);border:1px solid var(--ntp-line);border-radius:var(--rnt-radius-md);border-start-start-radius:var(--rnt-radius-xs);padding:10px 14px}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text{background:#eef1f3;color:var(--ntp-text);border-radius:var(--rnt-radius-md);border-start-end-radius:var(--rnt-radius-xs);padding:10px 14px}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-reply .mwai-text a{color:var(--ntp-text);text-decoration:underline 2px var(--ntp-accent);text-underline-offset:4px}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-reply .mwai-text :is(pre,code){direction:ltr;text-align:left;background:#f0f2f4;color:var(--ntp-text)}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text{background:#fdecea;color:#8a1c12;border-color:#f5c2bd}

/* Input. */
/* One field: the input row is the only bordered box; the text area and its wrapper are borderless. */
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input{align-items:center;gap:8px;margin:12px;background:var(--ntp-surface);border:1px solid #cfd5da;border-radius:var(--rnt-r);box-shadow:none;transition:border-color .15s,box-shadow .15s}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input:focus-within{border-color:var(--ntp-text);box-shadow:0 0 0 3px rgba(255,196,20,.45)}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input .mwai-input-text{background:transparent;border:0;border-radius:0;box-shadow:none;align-items:center}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input-text textarea{border:0;outline:0;box-shadow:none;background:transparent;color:var(--ntp-text);font-size:15px;direction:rtl;text-align:right}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input-text textarea::placeholder{color:var(--ntp-muted);opacity:1}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input button.mwai-input-submit{width:36px;height:36px;min-width:36px;min-height:36px;cursor:pointer;border:0;border-radius:50%;background:var(--ntp-text);color:#fff;box-shadow:none;transition:background-color .15s,transform .15s}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input-submit svg{color:#fff;fill:currentColor;stroke:currentColor}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input button.mwai-input-submit:not(:disabled):hover{background:#0f171f}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input button.mwai-input-submit:not(:disabled):active{transform:translateY(1px)}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input button.mwai-input-submit:disabled{background:#e9ecef;color:var(--ntp-muted);opacity:1;cursor:not-allowed}
/* Waiting for a reply: the button grows into a pill showing the elapsed time. */
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-busy{width:auto;min-width:56px;height:36px;padding:0 12px;border-radius:var(--rnt-radius-pill);background:var(--ntp-surface-muted);border:1px solid var(--ntp-line);color:var(--ntp-text);cursor:wait;direction:ltr}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-busy .mwai-timer{margin:0;color:var(--ntp-text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.mwai-chatbot-container .mwai-chatgpt-theme :is(button):focus-visible{outline:3px solid var(--ntp-focus);outline-offset:2px}
.mwai-chatbot-container .mwai-chatgpt-theme .mwai-header :focus-visible{outline-color:var(--ntp-accent)} /* ink ring would vanish on the ink header. */
@media (prefers-reduced-motion:reduce){.mwai-chatbot-container .mwai-chatgpt-theme *{transition:none!important;transform:none!important}}