dialog[data-v-bb6aa9b4]::backdrop{background-color:rgba(var(--black-alpha-1));--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dialog-position-top[data-v-bb6aa9b4]{margin-top:clamp(2rem,5vh,5rem);margin-bottom:auto}


/* Data System targeted visual package - loaded last - 2026-06-23
   Focus: visible brand accents without broad repainting.
*/
:root,
.light {
  --ds-blue: 0 97 193;
  --ds-green: 97 179 59;
  --ds-navy: 1 11 39;
  --ds-mist: 219 226 217;
  --n-brand: 0 97 193 !important;
  --n-brand-weak: 232 243 255 !important;
  --n-brand-faint: 245 250 255 !important;
  --blue-9: 0 97 193 !important;
  --blue-10: 0 86 172 !important;
  --blue-11: 0 81 162 !important;
}
.dark {
  --n-brand: 55 139 217 !important;
  --n-brand-weak: 8 54 104 !important;
  --n-brand-faint: 10 21 41 !important;
  --blue-9: 55 139 217 !important;
  --blue-10: 0 97 193 !important;
  --blue-11: 143 194 255 !important;
}
html body a.router-link-active,
html body .router-link-active,
html body a[aria-current="page"] {
  background-color: #edf7ea !important;
  color: #0061c1 !important;
  border-radius: 8px !important;
}
html body a.router-link-active svg,
html body .router-link-active svg,
html body a[aria-current="page"] svg {
  color: #0061c1 !important;
  stroke: #0061c1 !important;
}
html body [role="tab"][aria-selected="true"],
html body button[aria-selected="true"],
html body .text-n-blue-11,
html body .text-n-brand {
  color: #0061c1 !important;
}
html body .after\:bg-n-brand::after,
html body .border-n-brand,
html body .focus\:border-n-brand:focus {
  border-color: #0061c1 !important;
  background-color: #0061c1 !important;
}
html body button.bg-n-brand:not([class*="rounded-full"]),
html body .button.bg-n-brand:not([class*="rounded-full"]) {
  background-color: #0061c1 !important;
  border-color: #0061c1 !important;
  color: #fff !important;
}
html body textarea:focus,
html body [contenteditable="true"]:focus,
html body .ProseMirror-focused,
html body .ProseMirror:focus {
  outline-color: #0061c1 !important;
  border-color: #0061c1 !important;
  box-shadow: 0 0 0 2px rgb(0 97 193 / 14%) !important;
}
html body [class*="message--outgoing"],
html body [data-message-type="outgoing"],
html body [class*="outgoing"] .prose,
html body [class*="outgoing"] [class*="bubble"] {
  background-color: #e7f2e4 !important;
  color: #010b27 !important;
}
html body .bg-green-500,
html body .bg-green-600,
html body .bg-emerald-500,
html body .bg-emerald-600 {
  background-color: #61b33b !important;
}
html body .text-green-500,
html body .text-green-600,
html body .text-emerald-500,
html body .text-emerald-600 {
  color: #61b33b !important;
}
html body .rounded-full.bg-n-brand,
html body [class*="rounded-full"][class*="bg-n-brand"] {
  background-color: #edf7ea !important;
  color: #0061c1 !important;
}



/* Data System outgoing bubble correction - 2026-06-23 */
html body .message-bubble-container .right-bubble,
html body .message-bubble-container .right-bubble[data-bubble-name],
html body .message-bubble-container .right-bubble .prose-bubble,
html body .message-bubble-container .right-bubble .prose,
html body .right-bubble[data-bubble-name="text"],
html body .right-bubble[data-bubble-name="email"],
html body .right-bubble[data-bubble-name="attachment"] {
  background-color: #e7f2e4 !important;
  color: #010b27 !important;
}
html body .message-bubble-container .right-bubble a,
html body .message-bubble-container .right-bubble .text-n-brand {
  color: #0061c1 !important;
}
html body .message-bubble-container .right-bubble time,
html body .message-bubble-container .right-bubble .text-n-slate-11,
html body .message-bubble-container .right-bubble .text-n-slate-10 {
  color: #536150 !important;
}

