/* Theme-specific surfaces and quiet structural borders. */
html[data-theme=dark]{--line:#353940;--soft-surface:#202225;--inset-surface:#292c31}
html[data-theme=dark] body #masthead .pvb{--pv-line:#353940;--pv-line2:#41464f;--pv-node-sel:#71809a;--pv-wire:#555e6d}
html[data-theme=dark] body #masthead .product-menu-previews{background:#1c1e21}
html[data-theme=dark] body #masthead .product-menu-list button:hover,
html[data-theme=dark] body #masthead .product-menu-list button[aria-selected=true],
html[data-theme=dark] body #masthead .nav>a:hover,
html[data-theme=dark] body #masthead .nav-products>summary:hover,
html[data-theme=dark] body #masthead .nav-products[open]>summary{background:#292c31}
html[data-theme=dark] body #masthead .product-menu .pv-tr:not(.h){box-shadow:0 -1px 0 #353940}
html[data-theme=dark] body #hero .audience-tabs.has-slider{background:#24272b}
html[data-theme=dark] body #hero .hero-word-pill{color:#2e2e2e}
html[data-theme=dark] body #how .of-tip-bubble{background:#272a2f;color:#c1c7d1;box-shadow:0 8px 28px #0005}
html[data-theme=dark] body #how .of-tip-bubble::before{background:#272a2f}
html[data-theme=dark] body #how .of-tooltip-title{color:#edf0f5}
/* Keep original mascot colors; add the same contour as Tiny-h. */
html[data-theme=dark] .tiny,
html[data-theme=dark] #assistant .assistant-hi,
html[data-theme=dark] #title-preview-region .title-agent-slot .title-agent-asset{
 filter:drop-shadow(1px 0 0 #cbd3df) drop-shadow(-1px 0 0 #cbd3df) drop-shadow(0 1px 0 #cbd3df) drop-shadow(0 -1px 0 #cbd3df) drop-shadow(0 2px 3px #0005);
}
html[data-theme=dark] #faqs .x-faq-icon,html[data-theme=dark] #faqs details[open] .x-faq-icon{background:transparent}
/* The Tiny-h conversation frame intentionally retains its white keyline. */
@layer interface-borders{
 html[data-theme=dark] body #assistant .chat-panel,
 html[data-theme=dark] body #assistant .chat-composer{border-color:#fff!important}
 html[data-theme=dark] body #masthead .nav-products>summary>span{border-color:currentColor!important}
}
html[data-theme=dark] #assistant .chat-panel{box-shadow:-6px 6px 0 #fff}