/* «ذكاء برزنتا» wears Preznta's blues in every organisation, so people learn one colour for it and
   see it as Preznta's own service, apart from the editor's tools (which follow the organisation).
   Rules: the show button stays the page's one solid button; the slide «لمسة» stays quiet (it repeats
   on every slide); text and buttons use the readable blues, the light cyan stays inside the icon. */
:root {
  --pz-ai: #0b57ff; --pz-ai-2: #0091fa; --pz-ai-3: #01cbfb;
  --pz-ai-ink: #0a4fe0; --pz-ai-soft: #eef4ff; --pz-ai-soft-2: #e1ecff; --pz-ai-line: #c4d7ff;
}
html[data-editor-theme=midnight] { --pz-ai-ink: #8fb6ff; --pz-ai-soft: #141b2c; --pz-ai-soft-2: #182339; --pz-ai-line: #2f4673; }

/* «برزنتا» in the top bar: light, outlined, blue; never a solid block next to «تشغيل العرض». */
#editor-view > header .assistant-launch,
#editor-view > header.pz-topbar .assistant-launch:not([aria-expanded=true]) { background: #fff; color: var(--pz-ai-ink); border: 1px solid var(--pz-ai-line); box-shadow: none; }
#editor-view > header .assistant-launch:hover { background: var(--pz-ai-soft); }
#editor-view > header .assistant-launch[aria-expanded="true"] { background: var(--pz-ai-soft-2); color: var(--pz-ai-ink); border-color: var(--pz-ai); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pz-ai) 14%, transparent); }
#editor-view > header .assistant-launch:focus-visible { outline: 3px solid color-mix(in srgb, var(--pz-ai) 40%, transparent); }
html[data-editor-theme=midnight] #editor-view > header .assistant-launch,
html[data-editor-theme=midnight] #editor-view > header.pz-topbar .assistant-launch:not([aria-expanded=true]) { background: var(--pz-ai-soft); color: var(--pz-ai-ink); border-color: var(--pz-ai-line); }
html[data-editor-theme=midnight] #editor-view > header .assistant-launch[aria-expanded="true"] { background: var(--pz-ai-soft-2); }

/* The assistant's window: its own accents (send, your messages, the thinking dots, focus) in Preznta blue. */
.assistant-dock { --brand-primary: var(--pz-ai); }

/* «منشئ ذكي» in the sections bar: blue label beside the coloured icon. */
.ai-sidebar-btn, .ai-sidebar-btn:hover { color: var(--pz-ai-ink) !important; }
.ai-sidebar-btn:hover { background: var(--pz-ai-soft) !important; }
.ai-sidebar-btn.is-coming-soon { opacity: .8; filter: none; }
html[data-editor-theme=midnight] .ai-sidebar-btn, html[data-editor-theme=midnight] .ai-sidebar-btn:hover { color: var(--pz-ai-ink) !important; }

/* «اطلب من برزنتا» */
.slide-agent-toggle { color: var(--pz-ai-ink); border-color: var(--pz-ai-line); }
.slide-agent-go { background: var(--pz-ai); }
.slide-agent-panel:focus-within { border-color: var(--pz-ai-line); }
html[data-editor-theme=midnight] .slide-agent-toggle { color: var(--pz-ai-ink); border-color: var(--pz-ai-line); }

/* «ذكاء برزنتا» (the smart builder) window: its accents in Preznta blue; slide previews keep their own colours. */
#ai-builder-modal { --ai-a: var(--pz-ai); --ai-b: var(--pz-ai-3); }
#ai-builder-modal .ai-studio { --brand-primary: var(--pz-ai); }
html[data-editor-theme=midnight] #ai-builder-modal :is(.ai-prompt-shell, .ai-intent-shell) { background: var(--dk-raise, #1f1f21) !important; }
html[data-editor-theme=midnight] #ai-builder-modal .ai-textarea { color: var(--dk-ink, #f1f1f2); }
html[data-editor-theme=midnight] #ai-builder-modal .ai-prompt-shell::after { background: var(--dk-raise, #1f1f21); }
/* The prompt's moving frame: Preznta's blues only (it had a violet stop). */
#ai-builder-modal .ai-prompt-shell::before { background: conic-gradient(from var(--ai-turn, 0deg), var(--pz-ai), var(--pz-ai-3), var(--pz-ai-2), var(--pz-ai)); }
#ai-builder-modal .ai-orbit i:nth-child(2) { border-left-color: var(--pz-ai-2); }
/* Verified links under a reply: title and address, opened in the browser. */
.assistant-links { display: grid; gap: 6px; margin-top: 6px; max-width: 92%; }
.assistant-link { display: grid; gap: 1px; padding: 8px 11px; border-radius: 11px; border: 1px solid var(--pz-ai-line, #c4d7ff); background: #fff; color: var(--pz-ai-ink, #0a4fe0); text-decoration: none; font-size: 12.5px; line-height: 1.5; }
.assistant-link:hover { background: var(--pz-ai-soft, #eef4ff); }
.assistant-link b { font-weight: 700; }
.assistant-link span { direction: ltr; text-align: right; font-size: 11px; color: #64748b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-editor-theme=midnight] .assistant-link { background: var(--pz-ai-soft, #141b2c); border-color: var(--pz-ai-line, #2f4673); }
html[data-editor-theme=midnight] .assistant-link span { color: #a3a3a8; }
