:root,.dark{--background:140 15% 98%;--foreground:200 32% 15%;--card:0 0% 100%;--card-foreground:200 32% 15%;--popover:0 0% 100%;--popover-foreground:200 32% 15%;--primary:162 64% 24%;--primary-foreground:0 0% 100%;--secondary:140 18% 94%;--secondary-foreground:162 30% 25%;--muted:140 15% 94%;--muted-foreground:155 10% 39%;--accent:140 20% 93%;--accent-foreground:162 40% 23%;--border:140 15% 86%;--input:140 15% 84%;--ring:162 64% 24%;color-scheme:light!important}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:#f8faf9}.font-mono{font-family:inherit!important}pre,code,input.font-mono{font-family:ui-monospace,Consolas,monospace!important}.refresh-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px max(24px,calc((100vw - 1152px)/2));border-bottom:1px solid #dce5e1;background:#f8faf9;color:#172b35}.refresh-brand{font-size:24px;font-weight:700;letter-spacing:-1px}.refresh-brand span{color:#16634e}.refresh-bar nav{display:flex;gap:23px;font-size:13px}.tool-method{width:min(100% - 40px,1050px);margin:30px auto;padding:27px;background:#edf3ef;border:1px solid #dce5e1;border-radius:12px;color:#264637}.tool-method h2{font-size:23px;margin:7px 0 17px}.tool-method p{line-height:1.8;font-size:14px;margin-bottom:12px}.tool-method .tool-kicker{font-size:9px;letter-spacing:1.5px;font-weight:700}.tool-method a{font-size:12px;text-decoration:underline}#root header:has(nav){display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #257258;outline-offset:3px}@media(max-width:600px){.refresh-bar{padding:18px;flex-wrap:wrap;gap:14px}.refresh-brand{font-size:22px}.refresh-bar nav{gap:18px;font-size:11px}.tool-method{padding:20px}.tool-method h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:where(#root)>nav.fixed,:where(#root)>div.fixed.inset-0{display:none!important}#root div.fixed:has(svg.lucide-cookie),#root footer button{display:none!important}.refresh-bar{position:relative;z-index:60}
.refresh-brand{display:flex;align-items:center;gap:9px}.refresh-brand img{flex-shrink:0}

:root,.dark{--background:225 70% 99%;--foreground:222 38% 21%;--primary:229 56% 50%;--secondary:230 50% 96%;--secondary-foreground:230 30% 35%;--muted:225 35% 96%;--muted-foreground:224 18% 42%;--accent:240 40% 96%;--accent-foreground:235 35% 38%;--border:225 36% 89%;--input:225 30% 86%;--ring:238 50% 58%}.refresh-bar,body{background:#f8faff;color:#202e4a}.tool-method{background:#f0f3fc;color:#33466f;border-color:#dce3f1}.refresh-brand span{color:#6350c5}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#6462d3}

/* The shared replacement header already supplies the site identity. */
#root h1:has(>span.text-primary){display:none}
#root button:disabled{cursor:not-allowed;opacity:.55}

/* SMTP workspace shares the main site's light blue / violet visual system. */
body:has(#smtp-tools){background:radial-gradient(ellipse at 90% 0,#e4e9ff88,transparent 45%),#f8faff}
body:has(#smtp-tools) #root .min-h-screen{background:transparent}
body:has(#smtp-tools) #root nav.fixed{display:none!important}
body:has(#smtp-tools) #root .glow-text{text-shadow:none!important}
#smtp-tools [class*="text-emerald"],#smtp-tools label,#smtp-tools h3[class*="text-green"]{color:#4c5493!important}
#smtp-tools [class*="dark:bg-black"]{background:#fff!important}
#smtp-tools [class*="dark:border-green"]{border-color:#dce3f1!important}
#smtp-tools input,#smtp-tools button[role=combobox]{color:#263957!important;background:#f9faff!important;border-color:#d7dfef!important;border-radius:8px;min-height:43px}
#smtp-tools input:focus,#smtp-tools button[role=combobox]:focus{border-color:#7762d5!important;outline-color:#7762d5!important;--tw-ring-color:#d8d0f2!important}
#smtp-tools input::placeholder{color:#8490a8!important}
#smtp-tools button[class*="bg-emerald"],#smtp-tools button.bg-primary{background:linear-gradient(110deg,#325ed3,#7848cf)!important;color:#fff!important;font-weight:600;border:0;box-shadow:0 3px 9px #5360bd15}
#smtp-tools button[class*="bg-emerald"]:hover,#smtp-tools button.bg-primary:hover{filter:brightness(.96)}
#smtp-tools button[role=checkbox][data-state=checked]{background:#6356c7!important;border-color:#6356c7!important}
#smtp-tools .bg-card{background:#fff;border-color:#dce3f1;border-radius:12px;box-shadow:0 5px 20px #253b7510}
#smtp-tools .text-muted-foreground{color:#667694!important}
#smtp-tools>div>div:first-child{display:none}
#smtp-tools>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;align-items:start}
#smtp-tools>div>div{margin:0!important;min-width:0}
#smtp-tools>div>div>.border-b{border-color:#dce3f1;padding-bottom:13px;margin-bottom:18px}
#smtp-tools h3{letter-spacing:.03em;font-size:13px}
#smtp-tools .p-6{padding:22px}
body:has(#smtp-tools) #root>div>div.max-w-4xl{max-width:1200px}
body:has(#smtp-tools) .tool-method{max-width:1120px;background:transparent;border:0;border-top:1px solid #dce3f1;border-radius:0;padding:25px 0}
body:has(#smtp-tools) #root h1{font-family:ui-sans-serif,system-ui,sans-serif;font-size:29px;font-weight:700;letter-spacing:-.7px;color:#202e4a}
@media(max-width:950px){#smtp-tools>div{grid-template-columns:minmax(0,1fr)}#smtp-tools .p-6{padding:18px}}
@media(max-width:600px){#smtp-tools .flex.gap-2:has(>input.flex-1){flex-wrap:wrap}#smtp-tools .flex.gap-2:has(>input.flex-1)>button{width:100%}body:has(#smtp-tools) #root h1{font-size:24px}#smtp-tools h3{font-size:12px}.refresh-bar nav{flex-wrap:wrap}}

.refresh-bar{gap:20px;padding:20px max(24px,calc((100vw - 1320px)/2))}.refresh-bar nav{gap:20px;font-size:12px}.refresh-bar nav a{white-space:nowrap}.refresh-bar nav a[aria-current=page]{color:#6550bd;font-weight:700}.legacy-menu{display:none}
@media(min-width:1101px) and (max-width:1350px){.refresh-bar nav{gap:15px;font-size:11px}.refresh-brand{font-size:22px}}
@media(max-width:1100px){.refresh-bar{flex-wrap:wrap;padding:16px 24px;gap:14px}.legacy-menu{display:block;margin-left:auto;padding:8px 12px;border:1px solid #dce2f4;border-radius:7px;background:#edf0fd;color:#4855a3;font-size:12px}.refresh-bar nav{display:none;width:100%;order:3;border-top:1px solid #dce3f1;padding-top:12px}.refresh-bar nav.open{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.refresh-bar nav a{padding:10px 8px;font-size:12px}.refresh-bar nav a[aria-current=page]{background:#ebedfc;border-radius:5px}}
@media(max-width:600px){.refresh-bar{padding:16px 20px}.refresh-brand{font-size:21px}}
/* Remove the old shared masthead; the replacement navigation supplies branding. */
#root header.text-center:has(.leading-none.text-primary){display:none!important}
#root .max-w-4xl:has(>header.text-center .leading-none.text-primary){padding-top:32px}