/* I AM Quote Library — semantic colours (pilot). Blue = verbatim quotes, purple = release/reference, green = AI text (🟢 h4 sections, guard-normalised).
   Mounted via /opt/librechat/custom-css/apply-custom-css.sh; remove the mounts in docker-compose.override.yaml to revert. */
:root{--iam-blue:#1d4ed8;--iam-blue-bg:#eff6ff;--iam-purple:#6d28d9;--iam-purple-bg:#f5f3ff;--iam-green:#047857;--iam-green-bg:#ecfdf5}
html.dark{--iam-blue:#93c5fd;--iam-blue-bg:rgba(59,130,246,.12);--iam-purple:#c4b5fd;--iam-purple-bg:rgba(139,92,246,.14);--iam-green:#6ee7b7;--iam-green-bg:rgba(16,185,129,.12)}
.markdown blockquote{border-left:4px solid var(--iam-blue)!important;background:var(--iam-blue-bg);color:var(--iam-blue)!important;padding:.5rem .75rem!important;border-radius:0 6px 6px 0;font-style:normal!important}
.markdown blockquote p,.markdown blockquote strong{color:inherit!important}
.markdown p > em:only-child,.markdown sub{color:var(--iam-purple)!important;font-size:.82em;line-height:1.4;vertical-align:baseline}
.markdown table{border-color:var(--iam-purple)!important}
.markdown table th,.markdown table td{color:var(--iam-purple)!important;border-color:color-mix(in srgb,var(--iam-purple) 35%,transparent)!important}
.markdown table thead{background:var(--iam-purple-bg)}
.markdown h4{color:var(--iam-green)!important;background:var(--iam-green-bg);border-left:4px solid var(--iam-green);padding:.35rem .6rem;border-radius:0 6px 6px 0}
.markdown h4 ~ p,.markdown h4 ~ ul,.markdown h4 ~ ol,.markdown h4 ~ ul li,.markdown h4 ~ ol li,.markdown h4 ~ p strong{color:var(--iam-green)!important}
/* IAM-BRANDING: big animated login/register logo */
div.mt-6.h-10:has(> img[src$="assets/logo.svg"]){height:clamp(180px,52vw,260px)!important;margin-top:1.5rem!important}
img[src$="assets/logo.svg"]{content:url("./iam-gems-logo.gif");content:url("./iam-gems-logo.webp");height:100%!important;width:auto!important;max-width:100%;margin:0 auto;display:block;object-fit:contain;border-radius:18%;background:transparent!important;clip-path:inset(0 round 18%)}
/* IAM-BRANDING IAM-NIGHTBLUE: night-blue login text (light) + night-blue dark theme */
html:not(.dark) div.min-h-screen:has(img[src$="assets/logo.svg"]){--text-primary:27 42 92;--text-secondary:44 60 115;--text-secondary-alt:60 76 130;--text-tertiary:70 86 140;color:rgb(27 42 92)}
html:not(.dark) div.min-h-screen:has(img[src$="assets/logo.svg"]) :is(h1,h2,label,p,span,a:not([class*="bg-"])){color:rgb(27 42 92)}
html.dark{--gray-900:11 21 48;--gray-875:14 25 56;--gray-850:16 29 64;--gray-800:19 33 74;--gray-750:22 38 82;--gray-700:26 42 90;--gray-650:34 50 102;--gray-600:42 59 112;--gray-500:70 88 145;--border-light:30 46 96;--border-medium:42 59 112;--border-medium-alt:42 59 112;--border-control:36 52 104;background:rgb(11 21 48)}
html.dark body,html.dark #root{background:rgb(11 21 48)}
html.dark{--iam-blue:#a5c8ff;--iam-blue-bg:rgba(96,150,255,.14);--iam-purple:#d4c4ff;--iam-purple-bg:rgba(160,120,255,.16);--iam-green:#7ef0c4;--iam-green-bg:rgba(30,200,140,.13)}
/* IAM-BRANDING IAM-AUTHBG: login/register/forgot pages - radiance background, light text (both modes) */
html div.min-h-screen:has(img[src$="assets/logo.svg"]){background:radial-gradient(circle at 50% calc(1.5rem + clamp(90px,26vw,130px)),#5a2499 0,#4d1f8c clamp(70px,20vw,110px),#2e1266 clamp(150px,42vw,230px),#1a1650 clamp(240px,65vw,380px),#0b1530 clamp(380px,100vw,620px)) #0b1530!important;--text-primary:236 240 255;--text-secondary:200 208 240;--text-secondary-alt:190 198 235;--text-tertiary:175 185 225;--border-light:70 80 140;--border-medium:90 100 160;--border-heavy:120 130 190;--surface-primary:11 21 48;--field-fill:19 33 74;--field-text:236 240 255;color:rgb(236 240 255)!important;color-scheme:dark}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) :is(h1,h2,h3,label,p,span,div){color:rgb(236 240 255)}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) a{color:#c9b8ff!important}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) input{background:rgba(19,33,74,.55)!important;color:#eef1ff!important;border-color:rgba(160,150,230,.45)!important;caret-color:#fff}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) input::placeholder{color:rgba(220,225,255,.6)!important}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) label{background:transparent!important}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) button[type="submit"]{background:#6d3fd1!important;color:#fff!important}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) button[type="submit"]:hover{background:#7c4fe0!important}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) svg{color:#dfe3ff}
img[src$="assets/logo.svg"]{clip-path:none!important;border-radius:0!important;-webkit-mask-image:radial-gradient(closest-side,#000 76%,transparent 100%);mask-image:radial-gradient(closest-side,#000 76%,transparent 100%)}
/* IAM-BRANDING IAM-AUTHTEXT: all auth-page text white, identical in light+dark */
html div.min-h-screen:has(img[src$="assets/logo.svg"]) :is(h1,h2,h3,h4,label,p,span,div,li,small,input,textarea){color:#fff!important}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) :is(a,a *,button:not([type="submit"])){color:#d9ccff!important}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) input{background:rgba(11,21,48,.72)!important;-webkit-text-fill-color:#fff}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) input::placeholder{color:rgba(255,255,255,.7)!important;-webkit-text-fill-color:rgba(255,255,255,.7)}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) :is([role="alert"],[role="alert"] *,.text-red-500,.text-red-600,.text-red-700){color:#ffd1d6!important;background:rgba(120,20,40,.55)!important}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) button[type="submit"]{background:#6236c4!important;color:#fff!important}
html div.min-h-screen:has(img[src$="assets/logo.svg"]) label{background:#0e1838!important}
