/* Final component palette. Shared by PHP documents and the embedded Python panel. */
html[data-theme][data-design]{--a-bg:#080b14;--a-paper:#101621;--a-surface:#182235;--a-ink:#f0f3fc;--a-soft:#a0aec5;--a-line:#9eb1d92b;--a-red:#fb315b;--g-bg:var(--a-bg);--g-solid:var(--a-paper);--g-ink:var(--a-ink);--g-soft:var(--a-soft);--g-line:var(--a-line);--g-accent:var(--a-red);--g-surface:linear-gradient(145deg,#202e458c,#111b2ed6);--cream:var(--a-ink);--card:var(--a-paper);--muted:var(--a-soft);--line:var(--a-line);--t-ink:var(--a-ink);--t-muted:var(--a-soft);--t-pane:var(--g-surface);--t-line:var(--a-line);--t-accent:var(--a-red);--t-field:#ffffff09;--t-bg:var(--a-bg);--msg-ink:var(--a-ink);--msg-muted:var(--a-soft);--msg-bg:var(--a-bg);--msg-panel:var(--a-paper);--msg-thread:var(--a-bg);--msg-active:#829bc517;--msg-line:var(--a-line);--msg-accent:#ff6c8d;--msg-bubble:#1a263c;--msg-mine:#38203a;color-scheme:dark}
html[data-theme=light][data-design]{--a-bg:#eef2f9;--a-paper:#fcfdff;--a-surface:#e4ebf5;--a-ink:#192b47;--a-soft:#52657e;--a-line:#384e732c;--a-red:#d41d4b;--g-surface:linear-gradient(145deg,#ffffffda,#e7effacb);--t-field:#ffffffb0;--msg-active:#4c70a312;--msg-accent:#d41d4b;--msg-bubble:#e2eaf7;--msg-mine:#f4deeb;color-scheme:light}
html[data-theme][data-design] body[data-page=tools]{background:radial-gradient(ellipse at 10% 0,#7197d41a,transparent 48%),var(--a-bg)!important;color:var(--a-ink)!important}
html[data-theme][data-design] body :is(.form-card,.store-card,.request-card,.terms-toc,.terms-article section,.utility-card,.card,.assignment-list,.call-slot,.call-list,.empty-state,.stat-tile,.role-picker,.home-save,.sticky-actions,.plan-editor,.student-pick-box,.student-call-box,.exam-target,.exam-roster-head,.exam-taking-head,.library-card,.live-card,.settings-card,.api-card){background:var(--g-surface)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important;box-shadow:inset 0 1px #ffffff08}
html[data-theme][data-design] body :is(.form-card,.store-card,.request-card,.utility-card,.card,.terms-article,.settings-card) :is(p,small,label,legend,dt,.muted){color:var(--a-soft)}
html[data-theme][data-design] body :is(.form-card,.store-card,.request-card,.utility-card,.card) :is(h1,h2,h3,h4,strong,dd){color:var(--a-ink)}
html[data-theme][data-design] body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;background:var(--t-field)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important;accent-color:var(--a-red)}
html[data-theme][data-design] body select option{background:var(--a-paper);color:var(--a-ink)}
html[data-theme][data-design] body :is(.table-wrap,.tool-table-wrap,thead,th){background:var(--a-paper)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
html[data-theme][data-design] body :is(td,tr,fieldset,.request-details){border-color:var(--a-line)!important}
html[data-theme][data-design] body :is(.messenger-avatar,.plan-card:before){background:linear-gradient(135deg,#7388c4,#c8406b)!important;box-shadow:inset 0 1px #fff4,0 8px 20px #080e2420!important}
/* Include custom popup bodies, sticky actions, roster cards, preview text and menus. */
html[data-theme][data-design] body :is(dialog[open],[role=dialog][aria-modal=true],.event-overlay-card,.modal-content,.dialog-content,.shared-frame-modal){color:var(--dialog-ink)!important;background:var(--dialog-glass)!important;border-color:var(--dialog-line)!important;backdrop-filter:blur(28px) saturate(155%)!important;-webkit-backdrop-filter:blur(28px) saturate(155%)!important}
html[data-theme][data-design] body :is(dialog[open],[role=dialog][aria-modal=true],.event-overlay-card) :is(form,section,fieldset,header,footer,.form-card,.store-card,.card,.dialog-content,.sticky-actions,.assignment-list,.assignment-item,.exam-target,.exam-taking-head,.exam-roster-head,.store-dialog-body,.blog-preview-body,.blog-dialog-body,.call-slot,.home-save,.role-picker,.empty-state,.detail-grid,.request-details){background:transparent!important;color:inherit!important;box-shadow:none!important;border-color:var(--a-line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme][data-design] body :is(dialog[open],[role=dialog][aria-modal=true],.event-overlay-card) :is(p,small,span,label,legend,dt,dd,strong,summary,h1,h2,h3,h4){color:inherit!important;-webkit-text-fill-color:currentColor}
html[data-theme][data-design] body :is(dialog[open],.event-overlay-card) :is(.sticky-actions,.form-actions){background:var(--dialog-wash)!important;border-radius:13px}
html[data-theme][data-design] body :is(.ql-picker-options,.ql-tooltip,.dropdown-menu,[role=menu],.popover){background:var(--dialog-glass)!important;color:var(--dialog-ink)!important;border:1px solid var(--dialog-line)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border-radius:14px;box-shadow:var(--dialog-shadow)!important}
html[data-theme][data-design] body :is(.ql-toolbar,.ql-container){background:transparent!important;border-color:var(--a-line)!important;color:var(--a-ink)!important}
html[data-theme][data-design] body .ql-stroke{stroke:var(--a-ink)}html[data-theme][data-design] body .ql-fill{fill:var(--a-ink)}
.utility-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:24px 0}.utility-search label:first-child{flex:1;min-width:150px}.utility-search input[type=search]{width:100%;padding:12px;border:1px solid var(--a-line);border-radius:13px;font:inherit}.utility-edit{display:inline-grid;place-items:center;background:var(--t-field);border:1px solid var(--a-line);color:var(--a-ink);border-radius:10px;width:34px;height:34px;cursor:pointer}.utility-edit svg{width:18px;height:18px}.utility-card>.utility-edit{position:absolute;inset-inline-end:50px;top:12px}.utility-card h3{padding-inline-end:55px}.utility-editing{outline:1px solid var(--a-red);outline-offset:8px;border-radius:18px}.utility-empty-match{color:var(--a-soft);padding:18px}.utility-comparison{padding:16px;border:1px solid var(--a-line);border-radius:16px;line-height:2}.utility-metrics strong{color:var(--a-ink)}
html[data-theme][data-design] body.site-linked{--p-surface:var(--g-surface);--p-solid:var(--a-paper);--p-text:var(--a-ink);--p-soft:var(--a-soft);--p-line:var(--a-line);--p-accent:var(--a-red);background:var(--a-bg)!important;color:var(--a-ink)!important}
html[data-theme][data-design] body.site-linked :is(.glass,.hero,.note,.stat-card,.mode-card,.sidebar-foot,.conversation-panel,.chart-card,.ai-purpose,.api-family-card,.api-key-card,.ai-family-card,.api-account,.prompt-card){background:var(--g-surface)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
html[data-theme][data-design] body.site-linked :is(.api-key-card.is-ready,.ai-family-card.is-selected){background:color-mix(in srgb,#299e75 17%,var(--a-paper))!important;border-color:#299e7580!important}
html[data-theme][data-design] body.site-linked :is(.api-dialog,.api-delete-dialog){background:var(--dialog-glass)!important;color:var(--dialog-ink)!important}
.utility-answer-bar{display:flex;height:12px;border-radius:12px;overflow:hidden;background:var(--a-surface);direction:ltr;margin:18px 0}.utility-answer-bar i:first-child{background:#39af8a}.utility-answer-bar i:nth-child(2){background:#ef456c}.utility-answer-bar i{height:100%;display:block}