/* Generated from production admin/index.php Tailwind classes. Project-specific behavior rules follow the generated utilities. */
:root { --brand-navy: #16305c; --brand-black: #0b0f19; --brand-navy-lift: #1c3f77; }
[data-openai-settings] { scroll-margin-top: 4rem; }
[data-wait-messages] { scroll-margin-top: 4rem; }
[data-openai-settings] input[type="file"]::file-selector-button { height: 100%; margin-right: 0.75rem; border: 0; border-right: 1px solid #e2e8f0; background: #f6f8fb; padding: 0 0.75rem; color: #334155; font: inherit; font-weight: 500; cursor: pointer; }
[data-openai-settings] input[type="file"]::file-selector-button:hover { background: #eef2f6; }
@media (max-width: 639px) {
  [data-openai-settings] [data-openai-actions] button { width: 100%; min-height: 44px; }
  [data-wait-messages] [data-wait-messages-actions] button { width: 100%; min-height: 44px; }
}
[data-configuration-sections] #models, [data-configuration-sections] #models > .overflow-x-auto { overflow: visible; }
[data-configuration-sections] #models table { width: 100%; min-width: 0; table-layout: fixed; }
[data-configuration-sections] #models th:nth-child(1) { width: 12%; }
[data-configuration-sections] #models th:nth-child(2), [data-configuration-sections] #models th:nth-child(3), [data-configuration-sections] #models th:nth-child(4) { width: 13%; }
[data-configuration-sections] #models th:nth-child(5) { width: 12%; }
[data-configuration-sections] #models th:nth-child(6) { width: 29%; }
[data-configuration-sections] #models th:nth-child(7) { width: 8%; }
[data-configuration-sections] #models input[name="model"] { display: block; width: 100%; min-width: 0; }
[data-configuration-sections] #models th:last-child .model-help { display: none; }
@media (max-width: 1024px) {
  [data-configuration-sections] #models { overflow: hidden; }
  [data-configuration-sections] #models > .overflow-x-auto { overflow-x: auto; overflow-y: hidden; }
  [data-configuration-sections] #models table { min-width: 1180px; }
}
.model-help { position: relative; display: inline-flex; vertical-align: middle; }
.model-help-icon { display: inline-flex; width: 16px; height: 16px; cursor: help; align-items: center; justify-content: center; border-radius: 9999px; background: #0f172a; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; }
.model-help-content { pointer-events: none; position: absolute; left: 50%; top: 100%; z-index: 30; display: none; width: 256px; margin-top: 4px; transform: translateX(-50%); border-radius: 6px; background: #0f172a; padding: 8px 10px; color: #fff; font-size: 11px; font-weight: 400; line-height: 16px; text-align: left; text-transform: none; letter-spacing: normal; white-space: normal; box-shadow: 0 8px 20px rgb(15 23 42 / 0.22); }
.model-help:first-child .model-help-content, #models th:first-child .model-help-content, #models td:first-child .model-help-content { left: 0; transform: none; }
.model-help:hover .model-help-content, .model-help:focus-within .model-help-content { display: block; }
[data-domain-disclosure-label] { cursor: pointer; }
*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
*, ::after, ::before { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
::after, ::before { --tw-content: ''; }
:host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: "IBM Plex Sans", system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, pre, samp { font-family: "IBM Plex Mono", ui-monospace, monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }
fieldset { margin: 0px; padding: 0px; }
legend { padding: 0px; }
menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
[role="button"], button { cursor: pointer; }
:disabled { cursor: default; }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none; }
.pointer-events-none { pointer-events: none; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }
.-right-0\.5 { right: -0.125rem; }
.-right-2 { right: -0.5rem; }
.-top-0\.5 { top: -0.125rem; }
.-top-2 { top: -0.5rem; }
.bottom-5 { bottom: 1.25rem; }
.bottom-\[-1px\] { bottom: -1px; }
.left-1\/2 { left: 50%; }
.left-2 { left: 0.5rem; }
.right-2 { right: 0.5rem; }
.top-0 { top: 0px; }
.z-30 { z-index: 30; }
.z-50 { z-index: 50; }
.m-4 { margin: 1rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.ml-1 { margin-left: 0.25rem; }
.ml-auto { margin-left: auto; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.place-items-center { place-items: center; }
.hidden { display: none; }
.h-0\.5 { height: 0.125rem; }
.h-1\.5 { height: 0.375rem; }
.h-11 { height: 2.75rem; }
.h-12 { height: 3rem; }
.h-2 { height: 0.5rem; }
.h-3 { height: 0.75rem; }
.h-4 { height: 1rem; }
.h-44 { height: 11rem; }
.h-6 { height: 1.5rem; }
.h-7 { height: 1.75rem; }
.h-8 { height: 2rem; }
.h-9 { height: 2.25rem; }
.max-h-\[620px\] { max-height: 620px; }
.max-h-full { max-height: 100%; }
.min-h-screen { min-height: 100vh; }
.w-1\.5 { width: 0.375rem; }
.w-11 { width: 2.75rem; }
.w-4 { width: 1rem; }
.w-6 { width: 1.5rem; }
.w-7 { width: 1.75rem; }
.w-full { width: 100%; }
.min-w-0 { min-width: 0px; }
.min-w-20 { min-width: 5rem; }
.min-w-full { min-width: 100%; }
.min-w-max { min-width: max-content; }
.max-w-3xl { max-width: 48rem; }
.max-w-lg { max-width: 32rem; }
.max-w-\[1320px\] { max-width: 1320px; }
.max-w-\[1480px\] { max-width: 1480px; }
.max-w-\[80\%\] { max-width: 80%; }
.max-w-\[88\%\] { max-width: 88%; }
.max-w-full { max-width: 100%; }
.flex-1 { flex: 1 1 0%; }
.shrink-0 { flex-shrink: 0; }
.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-4 { --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes pulse { 
  50% { opacity: 0.5; }
}
.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }
.cursor-copy { cursor: copy; }
.cursor-default { cursor: default; }
.select-none { user-select: none; }
.resize-y { resize: vertical; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-cols-\[3rem_minmax\(0\,1fr\)\] { grid-template-columns: 3rem minmax(0px, 1fr); }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-1 { gap: 0.25rem; }
.gap-1\.5 { gap: 0.375rem; }
.gap-2 { gap: 0.5rem; }
.gap-2\.5 { gap: 0.625rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-px { gap: 1px; }
.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); }
.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.divide-ink-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(238 242 246 / var(--tw-divide-opacity, 1)); }
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.whitespace-nowrap { white-space: nowrap; }
.whitespace-pre-wrap { white-space: pre-wrap; }
.break-words { overflow-wrap: break-word; }
.break-all { word-break: break-all; }
.rounded { border-radius: 0.25rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.375rem; }
.border { border-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-t { border-top-width: 1px; }
.border-dashed { border-style: dashed; }
.border-amber-200 { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); }
.border-emerald-200 { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); }
.border-indigo-200 { --tw-border-opacity: 1; border-color: rgb(199 210 254 / var(--tw-border-opacity, 1)); }
.border-ink-100 { --tw-border-opacity: 1; border-color: rgb(238 242 246 / var(--tw-border-opacity, 1)); }
.border-ink-200 { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); }
.border-ink-300 { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); }
.border-orange-200 { --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); }
.border-rose-200 { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); }
.border-sky-200 { --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); }
.border-slate-200 { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); }
.border-slate-800\/70 { border-color: rgba(30, 41, 59, 0.7); }
.bg-\[\#0b1220\] { --tw-bg-opacity: 1; background-color: rgb(11 18 32 / var(--tw-bg-opacity, 1)); }
.bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); }
.bg-current { background-color: currentcolor; }
.bg-emerald-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); }
.bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); }
.bg-emerald-600 { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); }
.bg-emerald-800 { --tw-bg-opacity: 1; background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1)); }
.bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1)); }
.bg-ink-100 { --tw-bg-opacity: 1; background-color: rgb(238 242 246 / var(--tw-bg-opacity, 1)); }
.bg-ink-50 { --tw-bg-opacity: 1; background-color: rgb(246 248 251 / var(--tw-bg-opacity, 1)); }
.bg-ink-700 { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); }
.bg-ink-900 { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); }
.bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); }
.bg-rose-50 { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); }
.bg-rose-600 { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)); }
.bg-sky-50 { --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); }
.bg-sky-500 { --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); }
.bg-sky-600 { --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1)); }
.bg-slate-50 { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.object-contain { object-fit: contain; }
.p-0\.5 { padding: 0.125rem; }
.p-1 { padding: 0.25rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-4 { padding-right: 1rem; }
.pt-3 { padding-top: 0.75rem; }
.pt-6 { padding-top: 1.5rem; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.align-middle { vertical-align: middle; }
.font-mono { font-family: "IBM Plex Mono", ui-monospace, monospace; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-\[10px\] { font-size: 10px; }
.text-\[11px\] { font-size: 11px; }
.text-\[12px\] { font-size: 12px; }
.text-\[9px\] { font-size: 9px; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.leading-4 { line-height: 1rem; }
.leading-5 { line-height: 1.25rem; }
.leading-relaxed { line-height: 1.625; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-wide { letter-spacing: 0.025em; }
.text-amber-300 { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); }
.text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); }
.text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); }
.text-emerald-300 { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); }
.text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); }
.text-ink-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); }
.text-ink-50 { --tw-text-opacity: 1; color: rgb(246 248 251 / var(--tw-text-opacity, 1)); }
.text-ink-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); }
.text-ink-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); }
.text-ink-700 { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); }
.text-ink-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); }
.text-orange-700 { --tw-text-opacity: 1; color: rgb(194 65 12 / var(--tw-text-opacity, 1)); }
.text-rose-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); }
.text-sky-300 { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); }
.text-sky-700 { --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); }
.text-slate-200 { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); }
.text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); }
.text-violet-300 { --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.underline-offset-2 { text-underline-offset: 2px; }
.opacity-0 { opacity: 0; }
.opacity-80 { opacity: 0.8; }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.outline-none { outline: transparent solid 2px; outline-offset: 2px; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.hover\:bg-emerald-700:hover { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); }
.hover\:bg-emerald-900:hover { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1)); }
.hover\:bg-ink-100:hover { --tw-bg-opacity: 1; background-color: rgb(238 242 246 / var(--tw-bg-opacity, 1)); }
.hover\:bg-ink-50:hover { --tw-bg-opacity: 1; background-color: rgb(246 248 251 / var(--tw-bg-opacity, 1)); }
.hover\:bg-ink-700:hover { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); }
.hover\:bg-rose-100:hover { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); }
.hover\:bg-rose-700:hover { --tw-bg-opacity: 1; background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1)); }
.hover\:bg-sky-700:hover { --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1)); }
.hover\:text-ink-700:hover { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); }
.hover\:text-ink-900:hover { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); }
.hover\:underline:hover { text-decoration-line: underline; }
.focus\:border-ink-900:focus { --tw-border-opacity: 1; border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)); }
.focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }
.focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.focus\:ring-ink-100:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(238 242 246 / var(--tw-ring-opacity, 1)); }
.focus\:ring-ink-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1)); }
@media (min-width: 640px) {
  .sm\:flex { display: flex; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  .md\:col-span-2 { grid-column: span 2 / span 2; }
  .md\:block { display: block; }
  .md\:inline { display: inline; }
  .md\:flex { display: flex; }
  .md\:hidden { display: none; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .md\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
}
@media (min-width: 1024px) {
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .lg\:col-span-8 { grid-column: span 8 / span 8; }
  .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media (min-width: 1280px) {
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); }
}
html, body { font-family: "IBM Plex Sans", system-ui, sans-serif; background: #f6f8fb; color: #0f172a; }
        .scroll-x::-webkit-scrollbar { height: 8px; }
        .scroll-x::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
        .scroll-x::-webkit-scrollbar-track { background: transparent; }
html, body { font-family: "IBM Plex Sans", system-ui, sans-serif; background: #f6f8fb; color: #0f172a; }
        .scroll-y::-webkit-scrollbar, .scroll-x::-webkit-scrollbar { width: 9px; height: 9px; }
        .scroll-y::-webkit-scrollbar-thumb, .scroll-x::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 5px; }
        .scroll-y::-webkit-scrollbar-track, .scroll-x::-webkit-scrollbar-track { background: transparent; }
        .code-scroll::-webkit-scrollbar { width: 11px; height: 11px; }
        .code-scroll::-webkit-scrollbar-thumb { background: #334155; border-radius: 6px; border: 2px solid #0b1220; }
        .code-scroll::-webkit-scrollbar-track { background: #0b1220; }
        .msg-bot { background: #fff; border: 1px solid #e2e8f0; border-top-left-radius: 4px; }
        .msg-user { background: #4f46e5; color: #fff; border-top-right-radius: 4px; }
        .evt-line { height: 1px; background: repeating-linear-gradient(90deg, #cbd5e1 0 4px, transparent 4px 8px); }
pre.code { background: #0b1220; color: #cbd5e1; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 12px; line-height: 20px; }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary .chev { transition: transform .15s; }
details[open] > summary .chev { transform: rotate(90deg); }
.anchor-nav a.is-active { background: #eef2f6; color: #0f172a; font-weight: 600; }
input:disabled, textarea:disabled, select:disabled { background: #f6f8fb; color: #94a3b8; cursor: not-allowed; }
.label-admin { display:block; margin-bottom:.25rem; font-size:11px; line-height:1rem; font-weight:500; text-transform:uppercase; letter-spacing:.025em; color:#64748b; }
.field-admin { height:2.25rem; width:100%; border-radius:.375rem; border:1px solid #e2e8f0; background:#fff; padding-left:.5rem; padding-right:.5rem; font-size:.875rem; outline:none; }
.field-admin:focus { border-color:#0f172a; box-shadow:0 0 0 2px #eef2f6; }
.btn-primary { height:2.25rem; border-radius:.375rem; background:#0f172a; padding:0 1rem; font-size:.875rem; font-weight:500; color:#fff; }
.btn-primary:hover { background:#334155; }
form:has(input[name="origin"][value="rules_recheck"]) { display:none; }
.btn-secondary { height:2.25rem; border-radius:.375rem; border:1px solid #e2e8f0; padding:0 .75rem; font-size:.875rem; color:#475569; }
.btn-secondary:hover { background:#f6f8fb; color:#0f172a; }
.btn-primary.h-8,.btn-secondary.h-8 { height:2rem; }
.status-chip { display:inline-flex; flex-shrink:0; white-space:nowrap; border:1px solid #e2e8f0; border-radius:.25rem; background:#f6f8fb; padding:.125rem .5rem; font-size:.75rem; color:#475569; }
.status-draft,.status-pending { border-color:#fde68a; background:#fffbeb; color:#b45309; }
.status-published,.status-indexed,.status-active { border-color:#a7f3d0; background:#ecfdf5; color:#047857; }
.status-failed { border-color:#fecdd3; background:#fff1f2; color:#be123c; }
.empty-admin { border:1px dashed #cbd5e1; border-radius:.375rem; padding:2rem 1rem; text-align:center; font-size:.875rem; color:#64748b; }
.sr-live { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.anchor-nav { display:none; }
[data-configuration-sections] textarea,
[data-configuration-sections] input[type="file"] { outline:none; }
[data-configuration-sections] textarea:focus,
[data-configuration-sections] input[type="file"]:focus { border-color:#0f172a; box-shadow:0 0 0 2px #eef2f6; }
[data-configuration-sections] input[type="file"] { padding:.25rem; font-size:.875rem; }
[data-configuration-sections] input[type="file"]::file-selector-button { height:2rem; margin-right:.75rem; border:0; border-right:1px solid #e2e8f0; background:#f6f8fb; padding:0 .75rem; color:#334155; font-weight:500; }
#consultant_avatar { padding:.25rem; font-size:.875rem; }
#consultant_avatar::file-selector-button { height:2rem; margin-right:.75rem; border:0; border-right:1px solid #e2e8f0; background:#f6f8fb; padding:0 .75rem; color:#334155; font-weight:500; }
img[src*="/consultant-avatar"] { width:4rem; height:4rem; object-fit:cover; }
[data-configuration-sections] table thead { border-bottom:1px solid #e2e8f0; background:#f6f8fb; color:#64748b; font-size:11px; text-transform:uppercase; letter-spacing:.025em; }
[data-configuration-sections] table th { font-weight:500; }
[data-configuration-sections] table tbody { border-color:#eef2f6; }
[data-configuration-sections] table tbody tr { border-top:1px solid #eef2f6; }
[data-configuration-sections] table tbody tr:hover { background:#f6f8fb; }
[data-configuration-sections] details > summary { display:flex; align-items:center; gap:.375rem; cursor:pointer; color:#334155; }
[data-configuration-sections] details > pre,
[data-configuration-sections] details > div { border-top:1px solid #e2e8f0; }
#versions table { min-width:900px; }
#models table { min-width:1040px; }
#knowledge table { min-width:860px; }
#knowledge > div > form { grid-template-columns:1fr; }
#modules form { grid-template-columns:1fr; }
@media (min-width:1024px) {
  .anchor-nav { position:sticky; top:4rem; align-self:flex-start; display:block; float:left; width:13rem; max-height:calc(100vh - 5rem); margin-right:1.25rem; overflow-x:hidden; overflow-y:auto; }
  .anchor-nav + [data-configuration-sections] { margin-left:14.25rem; }
}
[data-configuration-sections] > section { scroll-margin-top:4rem; }
.wc-grid { display:grid; grid-template-columns:184px minmax(0,1fr) 28px; gap:8px; align-items:start; }
.wc-ta { resize:none; overflow:hidden; min-height:34px; line-height:18px; }
.wc-time::-webkit-calendar-picker-indicator { cursor:pointer; opacity:.35; }
.wc-cov { display:flex; height:6px; overflow:hidden; border-radius:3px; background:#e2e8f0; }
.wc-cov span { display:block; height:100%; }
[data-welcome-row] { border-left:6px solid transparent; padding-left:12px; border-radius:6px; transition:border-color 120ms ease; }
.sr-live { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
@media (max-width:768px) {
  .wc-grid { grid-template-columns:minmax(0,1fr) 28px; }
  .wc-grid > .wc-time-cell { grid-column:1/-1; }
}
[data-quick-guide] summary > span:first-child,
[data-quick-guide] div,
[data-quick-guide] p,
[data-quick-guide] code,
[data-quick-guide] span { overflow-wrap:anywhere; }
[data-quick-guide] summary { cursor:pointer; transition:background-color .15s; }
[data-quick-guide] summary:hover { background:#f6f8fb; }
[data-quick-guide] .chev { overflow-wrap:normal; }
@media (min-width:768px) {
  #knowledge > div > form { grid-template-columns:minmax(200px,1fr) minmax(260px,2fr) auto; }
  #modules form { grid-template-columns:1fr 2fr auto; }
}
@media (max-width:639px) {
  [data-configuration-sections] form > .btn-primary,
  [data-configuration-sections] form > .btn-secondary { min-height:44px; width:100%; }
}
.ls { position:relative; display:inline-block; }
.ls-btn { display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 8px; border:1px solid #e2e8f0; border-radius:6px; background:#fff; font:500 12px/1 "IBM Plex Sans",system-ui,sans-serif; color:#334155; cursor:pointer; transition:background .12s,border-color .12s,color .12s; }
.ls-btn:hover { background:#f6f8fb; color:#0f172a; }
.ls-btn:focus-visible { outline:none; border-color:#0f172a; box-shadow:0 0 0 2px #eef2f6; }
.ls-btn[aria-expanded="true"] { background:#f6f8fb; border-color:#cbd5e1; color:#0f172a; }
.ls-globe { width:14px; height:14px; flex:none; color:#64748b; }
.ls-btn:hover .ls-globe,.ls-btn[aria-expanded="true"] .ls-globe { color:#334155; }
.ls-code { font-family:"IBM Plex Mono",ui-monospace,monospace; font-weight:600; letter-spacing:.02em; }
.ls-chev { width:12px; height:12px; flex:none; color:#94a3b8; transition:transform .15s; }
.ls-btn[aria-expanded="true"] .ls-chev { transform:rotate(180deg); }
.ls-menu { position:absolute; top:calc(100% + 4px); right:0; z-index:50; min-width:152px; padding:4px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; box-shadow:0 4px 16px -4px rgb(15 23 42 / .12); opacity:0; transform:translateY(-4px); pointer-events:none; transition:opacity .12s,transform .12s; }
.ls-menu[data-open] { opacity:1; transform:translateY(0); pointer-events:auto; }
.ls-menu form { display:block; margin:0; }
.ls-item { display:flex; align-items:center; gap:8px; width:100%; padding:6px 8px; border:0; border-radius:4px; background:none; text-align:left; cursor:pointer; font:400 13px/1.3 "IBM Plex Sans",system-ui,sans-serif; color:#334155; }
summary[data-domain-disclosure-label] { cursor: pointer !important; }
.ls-item:hover { background:#f6f8fb; color:#0f172a; }
.ls-item:focus-visible { outline:none; background:#eef2f6; color:#0f172a; }
.ls-item[aria-current="true"] { font-weight:600; color:#0f172a; }
.ls-item-code { flex:none; width:26px; font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:11px; font-weight:600; color:#64748b; }
.ls-item[aria-current="true"] .ls-item-code { color:#0f172a; }
.ls-item-name { flex:1; white-space:nowrap; }
.ls-check { width:14px; height:14px; flex:none; color:#059669; visibility:hidden; }
.ls-item[aria-current="true"] .ls-check { visibility:visible; }
@media (prefers-reduced-motion:reduce) { .ls-menu,.ls-chev,.ls-btn { transition:none; } }
.tenant-widget-preview-frame { max-width:420px; height:640px; }
.widget-preview-body { min-height:100%; overflow:hidden; background:#eef2f6; }
[data-tenant-actions] > a:first-of-type { border-color:#0f172a; background:#0f172a; color:#fff; }
[data-tenant-actions] > a:first-of-type:hover { background:#334155; }
[data-tenant-actions] > a[href*="/configuration"] { border-color:#312e81; background:#312e81; color:#fff; }
[data-tenant-actions] > a[href*="/configuration"]:hover { background:#4338ca; }
#knowledge [data-knowledge-record] > .p-4 > .grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#knowledge [data-knowledge-record] > .p-4 > .grid > div { border-bottom-width:0; }
#knowledge [data-knowledge-record] > .p-4 > .grid > div:not(:last-child) { border-right-width:1px; }
.mf-row { display:grid; grid-template-columns:26px minmax(0,1fr); gap:8px; align-items:start; }
.mf-num { margin-top:2px; display:flex; height:18px; width:18px; align-items:center; justify-content:center; border-radius:3px; background:#0f172a; font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:10px; font-weight:600; color:#fff; }
.mf-row[data-mf-included="0"] .mf-num { background:#e2e8f0; color:#94a3b8; }
.mf-row[data-mf-included="0"] .mf-name { color:#94a3b8; }
.mf-row[data-mf-included="0"] .mf-badge { opacity:.5; }
.mf-body { display:none; margin-top:6px; }
.mf-row[data-mf-open="1"] .mf-body { display:block; }
.mf-toggle-i { display:inline-block; transition:transform .12s ease; }
.mf-row[data-mf-open="1"] .mf-toggle-i { transform:rotate(90deg); }
.mf-pre { max-height:180px; overflow:auto; overflow-wrap:anywhere; }
.mf-chip { display:inline-flex; align-items:center; gap:4px; border-radius:3px; border:1px solid #e2e8f0; background:#f6f8fb; padding:1px 5px; font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:10px; color:#475569; }
.mf-chip[data-mf-hit="1"] { border-color:#a7f3d0; background:#ecfdf5; color:#047857; }
.mf-chip[data-mf-empty="1"] { color:#94a3b8; }
.mf-seg { display:flex; gap:2px; border-radius:6px; border:1px solid #e2e8f0; background:#fff; padding:2px; }
.mf-seg button { height:26px; padding:0 8px; border-radius:4px; font-size:12px; font-weight:500; color:#475569; }
.mf-seg button:hover { background:#eef2f6; }
.mf-seg button[aria-pressed="true"] { background:#0f172a; color:#fff; }
#manifest pre { max-width:100%; overflow:auto; }
@media (prefers-reduced-motion:reduce) { .mf-toggle-i { transition:none; } }

.moderation-progress-track{height:8px;overflow:hidden;border-radius:9999px;background:#dbeafe}
.moderation-progress-value{position:relative;height:100%;min-width:8px;border-radius:9999px;background:#0284c7;transition:width .3s ease}
.moderation-progress-value[data-active="true"]::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:moderation-progress-activity 1.6s linear infinite}
.moderation-report-dismiss{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:6px;color:#475569;font-size:28px;font-weight:600;line-height:1}.moderation-report-dismiss:hover{background:rgba(255,255,255,.7);color:#0f172a}
@keyframes moderation-progress-activity{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.moderation-progress-value{transition:none}.moderation-progress-value[data-active="true"]::after{animation:none}}

#knowledge [data-file-upload]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:6px}
#knowledge [data-file-upload] [data-file-input]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#knowledge [data-file-upload] [data-file-submit]{width:180px;justify-self:end}
@media(max-width:720px){#knowledge [data-file-upload]{grid-template-columns:minmax(0,1fr)}#knowledge [data-file-upload] [data-file-submit]{width:auto;min-width:180px;justify-self:start}}

.event-help{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:9999px;background:#fff;color:#64748b;font:600 9px/1 "IBM Plex Sans",sans-serif;cursor:help}.event-help:hover,.event-help:focus-visible{border-color:#64748b;color:#0f172a;outline:0}.event-tooltip{position:fixed;z-index:1000;max-width:280px;padding:7px 9px;border:1px solid #334155;border-radius:6px;background:#0f172a;color:#f8fafc;box-shadow:0 8px 24px rgba(15,23,42,.2);font-size:11px;line-height:1.45;pointer-events:none}.event-tooltip[hidden]{display:none}
.version-history-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 2rem));max-width:none}
.version-history-content{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}

/* Moderation and Learning workspace. Ported from the approved deliverable. */
[data-moderation-root]{--ml-accent:#065f46;--ml-accent-mid:#0d9488;--ml-accent-soft:#ecfdf5;--ml-accent-line:#a7f3d0}
[data-learning-root]{--ml-accent:#c2410c;--ml-accent-mid:#ea580c;--ml-accent-soft:#fff7ed;--ml-accent-line:#fed7aa}
.ml-card-head,[data-moderation-root]>div:first-of-type{box-shadow:inset 3px 0 0 var(--ml-accent)}
.ml-learning-unavailable{position:relative;display:grid;min-height:320px}
.ml-learning-disabled-content{grid-area:1/1;min-width:0;margin:0;padding:0;border:0;opacity:.35;filter:grayscale(1);pointer-events:none;user-select:none}
.ml-learning-overlay{grid-area:1/1;position:relative;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;background:rgba(226,232,240,.72);backdrop-filter:blur(2px);cursor:not-allowed}
.ml-learning-notice{width:100%;max-width:540px;padding:24px;border:1px solid #cbd5e1;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,23,42,.08);color:#475569}
.ml-learning-notice-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.ml-learning-notice h2{margin:8px 0 12px;font-size:20px;font-weight:600;line-height:1.3;color:#0f172a}
.ml-learning-notice p{font-size:13px;line-height:1.6}
.ml-learning-notice .ml-learning-local-only{margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0;font-weight:500;color:#334155}
.ml-monitor{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.ml-monitor-item{display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;padding:6px 10px;font-size:12px;min-height:34px}.ml-monitor-item[data-state=running]{border-color:var(--ml-accent-line);background:var(--ml-accent-soft)}.ml-monitor-name{font-weight:500}.ml-monitor-value{font-family:"IBM Plex Mono",monospace;font-size:11px;color:#64748b}.ml-monitor-hint{margin-left:auto;font-size:11px;color:#64748b}
.ml-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.ml-sub{font-size:12px;color:#64748b}
.ml-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;padding:2px 7px;font-size:11px;color:#475569;white-space:nowrap}
.ml-chip-mono{font-family:"IBM Plex Mono",monospace}
.ml-launch{border:1px solid #e2e8f0;border-radius:6px;background:#f6f8fb;padding:14px}
.ml-launch-title{font-size:15px;font-weight:600}
.ml-launch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}
.ml-launch-grid dt,.ml-meta dt{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
.ml-launch-grid dd{margin:2px 0 0;font-family:"IBM Plex Mono",monospace;font-size:12px}
.ml-run{border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden}
.ml-run[data-state=running]{border-color:var(--ml-accent-line);box-shadow:inset 3px 0 0 var(--ml-accent)}
.ml-run[data-state=queued]{box-shadow:inset 3px 0 0 #cbd5e1}
.ml-run[data-state=completed]{border-color:#a7f3d0;box-shadow:inset 3px 0 0 #10b981}
.ml-run[data-state=completed_with_errors]{border-color:#fde68a;box-shadow:inset 3px 0 0 #f59e0b}
.ml-run[data-state=failed]{border-color:#fecdd3;box-shadow:inset 3px 0 0 #e11d48}
.ml-run[data-state=cancelled]{box-shadow:inset 3px 0 0 #94a3b8}
.ml-run-head{display:flex;align-items:flex-start;gap:12px;padding:12px 14px}
.ml-run-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ml-run-title{font-size:13px;font-weight:600}
.ml-run-times{margin-top:3px;font-family:"IBM Plex Mono",monospace;font-size:11px;color:#64748b;display:flex;flex-wrap:wrap;gap:4px 10px}
.ml-run-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}
.ml-beacon{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:#cbd5e1}
.ml-beacon[data-live=true]{background:var(--ml-accent)}
.ml-beacon[data-live=true]::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--ml-accent);opacity:.55;animation:ml-ring 1.8s ease-out infinite}
.ml-beacon[data-tone=emerald]{background:#10b981}.ml-beacon[data-tone=amber]{background:#f59e0b}.ml-beacon[data-tone=rose]{background:#e11d48}.ml-beacon[data-tone=zinc]{background:#a1a1aa}
@keyframes ml-ring{0%{transform:scale(.5);opacity:.6}70%{transform:scale(1.25);opacity:0}100%{opacity:0}}
.ml-progress{padding:0 14px 12px}.ml-progress-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;margin-bottom:5px;gap:10px}.ml-progress-number{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:500}
.ml-track{position:relative;height:8px;border-radius:4px;background:#eef2f6;overflow:hidden}.ml-fill{position:relative;height:100%;border-radius:4px;background:#0f172a;transition:width .4s ease;overflow:hidden}.ml-run[data-state=running] .ml-fill{background:var(--ml-accent)}.ml-run[data-state=completed] .ml-fill{background:#10b981}.ml-run[data-state=completed_with_errors] .ml-fill{background:#f59e0b}.ml-run[data-state=failed] .ml-fill{background:#e11d48}.ml-run[data-state=cancelled] .ml-fill{background:#94a3b8}
.ml-fill[data-active=true]::after{content:"";position:absolute;inset-block:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:ml-sheen 2.2s linear infinite}@keyframes ml-sheen{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.ml-progress-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px;font-size:11px;color:#64748b}.ml-heartbeat{display:inline-flex;align-items:center;gap:5px}.ml-heartbeat-dot{width:5px;height:5px;border-radius:50%;background:#10b981;animation:ml-beat 3s ease-in-out infinite}@keyframes ml-beat{0%,100%{opacity:.35}50%{opacity:1}}
.ml-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:#e2e8f0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.ml-meta>div{background:#fff;padding:8px 14px;min-width:0}.ml-meta dd{margin:2px 0 0;font-size:12px;overflow-wrap:anywhere}
.ml-verdicts{padding:12px 14px;border-bottom:1px solid #e2e8f0}.ml-verdict-list{display:flex;flex-direction:column;max-width:360px;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.ml-verdict{display:flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(90deg,var(--ml-verdict-fill,transparent) 0 var(--ml-share,0%),#fff var(--ml-share,0%) 100%)}.ml-verdict+.ml-verdict{border-top:1px solid #eef2f6}.ml-verdict strong{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:14px}.ml-verdict small{font-family:"IBM Plex Mono",monospace;color:#64748b}.ml-verdict[data-kind=pass]{--ml-verdict-fill:rgba(16,185,129,.20)}.ml-verdict[data-kind=fail]{--ml-verdict-fill:rgba(225,29,72,.16)}.ml-verdict[data-kind=check]{--ml-verdict-fill:rgba(14,165,233,.16)}.ml-verdict[data-kind=defer]{--ml-verdict-fill:rgba(245,158,11,.24)}.ml-verdict[data-kind=error]{--ml-verdict-fill:rgba(159,18,57,.16)}
.ml-results-head{display:flex;align-items:center;gap:8px;padding:8px 14px}.ml-result{border-top:1px solid #eef2f6;padding:10px 14px}.ml-result[data-kind=defer]{background:#fffbeb;box-shadow:inset 3px 0 0 #f59e0b}.ml-result[data-kind=error]{background:#fff1f2;box-shadow:inset 3px 0 0 #e11d48}.ml-result-note{margin:6px 0 0;font-size:13px;color:#1e293b;max-width:105ch}.ml-pending{display:flex;align-items:center;gap:8px;border-top:1px solid #eef2f6;padding:10px 14px;font-size:12px;color:#64748b}.ml-skeleton{height:8px;flex:1;max-width:260px;border-radius:4px;background:linear-gradient(90deg,#eef2f6,#e2e8f0,#eef2f6);background-size:200% 100%;animation:ml-skeleton 1.6s linear infinite}@keyframes ml-skeleton{from{background-position:100% 0}to{background-position:-100% 0}}
.ml-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ml-step{display:inline-flex;align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;padding:6px 10px;font-size:12px;color:#64748b}.ml-step-number{font-family:"IBM Plex Mono",monospace;font-size:10px;width:15px;height:15px;border-radius:50%;background:#eef2f6;display:inline-flex;align-items:center;justify-content:center}.ml-step[data-state=done] .ml-step-number{background:var(--ml-accent-soft);color:var(--ml-accent)}.ml-step[data-state=active]{border-color:var(--ml-accent-line);background:var(--ml-accent-soft);color:var(--ml-accent);font-weight:500}.ml-step[data-state=active] .ml-step-number{background:var(--ml-accent);color:#fff}.ml-step-arrow{align-self:center;color:#cbd5e1}
.ml-proposal{border:1px solid #e2e8f0;border-radius:8px;background:#fff;transition:border-color .12s,box-shadow .12s}.ml-proposal+.ml-proposal{margin-top:10px}.ml-proposal:hover{border-color:#cbd5e1;box-shadow:0 1px 3px rgba(15,23,42,.07)}.ml-proposal[data-intervention=true]{border-color:#fde68a}.ml-proposal[data-selected=true]{border-color:#0f172a;box-shadow:0 0 0 1px #0f172a}.ml-proposal-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 14px}.ml-proposal-number{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#94a3b8;padding-top:2px}.ml-proposal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.ml-proposal-title{font-size:13px;font-weight:600;line-height:1.45;max-width:100ch}.ml-proposal-columns{display:grid;gap:1px;background:#e2e8f0;border-top:1px solid #e2e8f0}.ml-proposal-column{background:#fff;padding:11px 14px;min-width:0}.ml-proposal-column p{margin:5px 0 0;font-size:12px;color:#334155}.ml-proposal-extra{border-top:1px solid #e2e8f0;padding:11px 14px;display:flex;flex-direction:column;gap:9px}.ml-proposal-footer{border-top:1px solid #e2e8f0;background:#f6f8fb;padding:11px 14px;display:grid;gap:9px}.ml-actionbar{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid #e2e8f0;border-top-color:#cbd5e1;border-radius:0 0 8px 8px;background:#fff;padding:11px 14px;margin-top:12px}.ml-actionbar .btn-primary{margin-left:auto}.ml-pick{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;background:#fff;padding:8px 11px}.ml-pick:has(input:checked){border-color:#0f172a;background:#0f172a;color:#fff}.ml-pick input{width:15px;height:15px;accent-color:#0f172a}
.ml-history{border:1px solid #e2e8f0;border-radius:6px;margin-top:12px;overflow:hidden}.ml-history>summary{cursor:pointer;display:flex;align-items:center;gap:8px;background:#f6f8fb;padding:8px 12px;font-size:12px;font-weight:600}.ml-history-row{border-top:1px solid #eef2f6;padding:8px 12px;font-size:12px}
@media(min-width:900px){.ml-proposal-columns{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.ml-fill[data-active=true]::after,.ml-skeleton,.ml-beacon[data-live=true]::after,.ml-heartbeat-dot{animation:none}.ml-fill{transition:none}}

.copy-feedback-wrap{position:relative}.copy-feedback-popover{position:absolute;z-index:10;top:50%;left:calc(100% + 4px);transform:translateY(-50%);white-space:nowrap;pointer-events:none}

/* Agent State Explainer, ported from .local/design/Agent State Explainer.html. */
.agent-state-doc{border:1px solid #e2e8f0;border-radius:8px;background:#fff}.agent-state-doc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px}.agent-state-doc>summary::-webkit-details-marker,.agent-state-doc .sec>summary::-webkit-details-marker{display:none}.agent-state-doc>summary:hover{background:#f6f8fb}.agent-state-doc[open]>summary{border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;background:#f6f8fb}.agent-state-doc>summary:focus-visible,.agent-state-doc .sec>summary:focus-visible{outline:2px solid #0f172a;outline-offset:-2px}.agent-state-doc .chev{flex:none;width:14px;height:14px;color:#64748b;transition:transform .15s}.agent-state-doc[open] .chev{transform:rotate(90deg)}.agent-state-doc .sum__txt{min-width:0;display:flex;flex-direction:column;gap:2px}.agent-state-doc .sum__title{display:block;font-size:14px;font-weight:600}.agent-state-doc .sum__sub{display:block;font-size:12px;color:#64748b}.agent-state-doc .sum__meta{margin-left:auto;display:flex;gap:6px;flex:none}.agent-state-doc .pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;padding:2px 8px;font-family:"IBM Plex Mono",monospace;font-size:11px;color:#475569}.agent-state-doc .doc__body{padding:16px}.agent-state-doc .sec{border:1px solid #e2e8f0;border-radius:8px;background:#fff;margin-bottom:12px}.agent-state-doc .sec:last-child{margin-bottom:0}.agent-state-doc .sec>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;padding:10px 14px}.agent-state-doc .sec>summary:hover{background:#f6f8fb}.agent-state-doc .sec[open]>summary{border-bottom:1px solid #e2e8f0}.agent-state-doc .sec__n{font-family:"IBM Plex Mono",monospace;font-size:11px;color:#94a3b8;flex:none;width:18px}.agent-state-doc .sec__t{font-size:13px;font-weight:600}.agent-state-doc .sec__d{font-size:12px;color:#64748b}.agent-state-doc .sec__body{padding:14px}.agent-state-doc .note{font-size:12px;color:#64748b;max-width:90ch;text-wrap:pretty;margin:0 0 12px}.agent-state-doc .rail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid #e2e8f0;border-radius:6px;background:#f6f8fb}.agent-state-doc .rail__node{display:inline-flex;align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;padding:5px 10px;font-family:"IBM Plex Mono",monospace;font-size:12px}.agent-state-doc .rail__arrow{color:#94a3b8;font-size:13px;flex:none}.agent-state-doc .rail__foot{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:#64748b}.agent-state-doc .dot{width:7px;height:7px;border-radius:50%;flex:none;background:#94a3b8}.agent-state-doc .stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.agent-state-doc .stage{border:1px solid #e2e8f0;border-radius:6px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.agent-state-doc .stage__bar{height:3px;background:#cbd5e1}.agent-state-doc .stage__head{padding:10px 12px;border-bottom:1px solid #eef2f6}.agent-state-doc .stage__top{display:flex;align-items:center;gap:8px}.agent-state-doc .stage__id{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:500}.agent-state-doc .stage__idx{font-family:"IBM Plex Mono",monospace;font-size:11px;color:#94a3b8;margin-left:auto}.agent-state-doc .stage__title{font-size:12px;color:#334155;margin-top:4px}.agent-state-doc .stage__body{padding:10px 12px;display:flex;flex-direction:column;gap:10px;flex:1}.agent-state-doc .stage__desc{font-size:12px;color:#475569;text-wrap:pretty;margin:0}.agent-state-doc .grp{display:flex;flex-direction:column;gap:5px}.agent-state-doc .label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.agent-state-doc .chips{display:flex;flex-wrap:wrap;gap:5px}.agent-state-doc .chip{display:inline-flex;align-items:center;border:1px solid #e2e8f0;border-radius:4px;background:#f6f8fb;padding:1px 6px;font-family:"IBM Plex Mono",monospace;font-size:11px;color:#334155}.agent-state-doc .chip--muted{color:#64748b}.agent-state-doc .trans{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.agent-state-doc .trans li{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;font-size:12px;color:#475569;border-top:1px dotted #e2e8f0;padding-top:4px}.agent-state-doc .trans li:first-child{border-top:0;padding-top:0}.agent-state-doc .trans b{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:11px;color:#0f172a;white-space:nowrap}.agent-state-doc .tag{display:inline-flex;align-items:center;border-radius:4px;border:1px solid;padding:1px 6px;font-size:11px;font-weight:500}.agent-state-doc .t-slate .stage__bar{background:#94a3b8}.agent-state-doc .t-slate .dot{background:#94a3b8}.agent-state-doc .t-amber .stage__bar{background:#f59e0b}.agent-state-doc .t-amber .dot{background:#f59e0b}.agent-state-doc .t-sky .stage__bar{background:#0ea5e9}.agent-state-doc .t-sky .dot{background:#0ea5e9}.agent-state-doc .t-emerald .stage__bar{background:#10b981}.agent-state-doc .t-emerald .dot{background:#10b981}.agent-state-doc .t-zinc .stage__bar{background:#a1a1aa}.agent-state-doc .t-zinc .dot{background:#a1a1aa}.agent-state-doc .tag--term{background:#fafafa;border-color:#e4e4e7;color:#52525b}.agent-state-doc .tag--guard{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.agent-state-doc .tw{overflow-x:auto;border:1px solid #e2e8f0;border-radius:6px}.agent-state-doc table{width:100%;border-collapse:collapse;min-width:720px}.agent-state-doc thead th{background:#f6f8fb;border-bottom:1px solid #e2e8f0;text-align:left;padding:8px 12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap}.agent-state-doc tbody tr{border-top:1px solid #eef2f6}.agent-state-doc tbody tr:hover{background:#f6f8fb}.agent-state-doc td{padding:8px 12px;font-size:12px;vertical-align:top;color:#334155}.agent-state-doc td.k{font-family:"IBM Plex Mono",monospace;color:#0f172a;white-space:nowrap}.agent-state-doc td.t{font-family:"IBM Plex Mono",monospace;color:#64748b;white-space:nowrap}.agent-state-doc td .vals{display:flex;flex-wrap:wrap;gap:4px}.agent-state-doc .empty td{color:#64748b;text-align:center;padding:20px}.agent-state-doc .bar{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.agent-state-doc .inp{height:32px;border:1px solid #e2e8f0;border-radius:6px;padding:0 10px;font:400 13px "IBM Plex Sans",sans-serif;background:#fff;min-width:220px}.agent-state-doc .inp:focus{outline:0;border-color:#0f172a;box-shadow:0 0 0 2px #eef2f6}.agent-state-doc .count{font-family:"IBM Plex Mono",monospace;font-size:11px;color:#64748b}.agent-state-doc .blist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.agent-state-doc .blist li{display:grid;grid-template-columns:auto 1fr;gap:8px;font-size:12px;color:#334155}.agent-state-doc .blist li:before{content:"";width:4px;height:4px;border-radius:50%;background:#cbd5e1;margin-top:7px}.agent-state-doc .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.agent-state-doc .panel{border:1px solid #e2e8f0;border-radius:6px;padding:12px}.agent-state-doc .panel h4{margin:0 0 8px;font-size:12px;font-weight:600}.agent-state-doc .action-note{margin:8px 0 0}.agent-state-doc pre{margin:0;border:1px solid #e2e8f0;border-radius:6px;background:#f6f8fb;padding:12px;overflow-x:auto;font-family:"IBM Plex Mono",monospace;font-size:12px;line-height:1.6;color:#1e293b}@media(max-width:640px){.agent-state-doc .sum__meta{display:none}.agent-state-doc .doc__body{padding:10px}.agent-state-doc .stages{grid-template-columns:1fr}}
.token-billing-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.token-billing-table{min-width:540px}
.token-billing-body{display:grid;gap:16px}
#token-usage{scroll-margin-top:4rem}
@media(min-width:1024px){.token-billing-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
