/* SenvoAI Orbit surfaces: shared, accessible and viewport-aware. */
:root{--senvo-scroll-thumb:#94a6b7;--senvo-scroll-track:#edf2f7}
body[data-theme=dark],body[data-theme=black]{--senvo-scroll-thumb:#617b8b;--senvo-scroll-track:#17212b}
*{scrollbar-width:thin;scrollbar-color:var(--senvo-scroll-thumb) var(--senvo-scroll-track)}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--senvo-scroll-track);border-radius:12px}::-webkit-scrollbar-thumb{background:var(--senvo-scroll-thumb);border:2px solid var(--senvo-scroll-track);border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#578395}
/* MathML stays available to assistive technology without duplicating glyphs. */
.katex .katex-mathml{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
.math-block{max-width:100%;overflow-x:auto;overflow-y:hidden}.math-block .katex-display{max-width:100%;padding-block:5px}
body.senvora-app-body #appShell .live-time-card{position:relative;isolation:isolate;background:linear-gradient(120deg,#123847,#0d535b)!important;border:1px solid #5d9caa!important;border-radius:20px!important;padding:48px 24px 24px!important;gap:26px!important;box-shadow:0 14px 35px #15445119!important;min-width:0!important;max-width:720px!important}
body.senvora-app-body #appShell .live-time-card::before{content:'SENVO TIME / LIVE';position:absolute;top:18px;left:24px;font:700 10px/1 system-ui;letter-spacing:.17em;color:#9bdfd9}
body.senvora-app-body #appShell .live-time-card .live-time-main{color:#f3fffe!important;font-size:clamp(28px,5vw,46px)!important;line-height:1.12!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body.senvora-app-body #appShell .live-time-card .live-time-zone{color:#d5f7f2!important;font-size:14px!important}
body.senvora-app-body #appShell .live-time-card .live-time-date{color:#b9d6df!important;font-size:12px!important}
body.senvora-app-body #appShell .live-time-card .analog-clock{border-color:#b3e4e4!important;background:#143f4c!important;flex-shrink:0}
/* A long account form scrolls in document flow instead of centering off-screen. */
html:has(body.auth2518){height:auto!important;min-height:100%;overflow-y:auto!important}
body.auth2518{display:block!important;height:auto!important;align-items:stretch!important;min-height:100svh!important;overflow:visible!important;padding:clamp(12px,2vw,28px)!important}
body.auth2518 .auth-v235-shell{margin:0 auto!important;align-items:stretch!important;min-height:0!important;max-height:none!important;overflow:visible!important}
body.auth2518 .auth-v235-entry{justify-content:flex-start!important}
body.auth2518 .auth-v235-card{margin:0 auto!important;align-self:start}
body.auth2518 .auth-v125-showcase-footer{margin-top:24px}
body.auth2518 .oauth-icon svg{fill:currentColor}
/* Search is a fixed-height row above an independently scrolling tool list. */
body.senvora-app-body #plusMenu{display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box;max-width:calc(100vw - 20px)!important;padding:0!important}
body.senvora-app-body #plusMenu.hidden{display:none!important}
body.senvora-app-body #plusMenu .create-studio-head-v228{flex:none;min-height:0;padding:18px!important}
body.senvora-app-body #plusMenu .plus-menu-search{order:0!important;flex:none!important;position:relative!important;inset:auto!important;display:flex!important;margin:0 16px 12px!important;min-height:46px!important;border:1px solid var(--border,#b7c7d8)!important;border-radius:12px;background:var(--surface,#fff)!important;align-items:center;gap:9px;padding:0 12px!important;box-sizing:border-box}
body.senvora-app-body #plusMenu #plusMenuSearch{display:block!important;width:100%;min-width:0;opacity:1!important;visibility:visible!important;background:transparent!important;color:var(--text,#172b42)!important;font-size:16px!important;min-height:44px!important;padding:6px!important;border:0!important}
body.senvora-app-body #plusMenu #plusMenuSearch::placeholder{color:var(--text-soft,#536b83)!important;opacity:1!important}
body.senvora-app-body #plusMenu .create-studio-scroll-v228{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:0 16px 16px!important;overscroll-behavior:contain}
/* Calculator: original scientific keypad, a readable display and tactile keys. */
#calculatorModalV276{padding:12px!important;align-items:center!important;justify-content:center!important;overflow:auto!important;background:#0a1728a6;backdrop-filter:blur(9px)}
#calculatorModalV276 .calculator-shell-v276{position:relative;display:flex!important;flex-direction:column!important;width:min(640px,100%)!important;max-height:calc(100dvh - 24px)!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:18px!important;gap:9px!important;border-radius:24px!important;border:1px solid var(--border,#bdcdd9)!important;background:var(--surface,#f6fafc)!important;color:var(--text,#152c3f)!important;box-shadow:0 30px 90px #07172755}
#calculatorModalV276 header{flex:none;align-items:center!important;margin:0!important}#calculatorModalV276 header h2{font:750 22px/1.15 system-ui!important;letter-spacing:-.04em}#calculatorModalV276 header small{color:var(--text-soft,#4b6c83)!important;font-size:10px!important;letter-spacing:.16em}#calculatorModalV276 header p{display:none!important}
#calculatorModalV276 .calculator-screen-v276{flex:none!important;background:linear-gradient(120deg,#123947,#164957)!important;color:#eefffb!important;border:1px solid #427a88!important;border-radius:16px!important;padding:12px 16px!important;min-height:0!important;box-shadow:inset 0 2px 12px #061b2820}
#calculatorModalV276 .calculator-screen-v276 input{color:#edfffc!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:34px!important;font-size:20px!important;line-height:1.3!important;border-radius:0!important;padding:3px 0!important}
#calculatorModalV276 .calculator-screen-v276 label,#calculatorModalV276 .calculator-result-label,#calculatorModalV276 .calculator-state-v277{color:#bcddd9!important;font-size:10px!important}
#calculatorModalV276 .calculator-screen-v276 output{display:block;color:#fff!important;font-size:clamp(25px,6vw,36px)!important;line-height:1.2!important;letter-spacing:-.03em;overflow-x:auto;white-space:nowrap;min-height:42px}
#calculatorModalV276 .calculator-modes-v276{flex:none!important;min-height:32px!important;margin:0!important}
#calculatorModalV276 .calculator-keys-v276{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(6,minmax(40px,1fr))!important;gap:6px!important;flex:none!important;overflow:visible!important}
#calculatorModalV276 .calculator-keys-v276 button{border:1px solid var(--border,#c3d3df)!important;background:var(--surface-2,#eaf2f7)!important;color:var(--text,#17354c)!important;font:650 clamp(14px,3.4vw,19px)/1 system-ui!important;min-height:40px!important;border-radius:12px!important;padding:8px 2px!important;transition:transform .13s ease,background .16s,box-shadow .16s!important;box-shadow:0 2px 0 #57758c25!important;touch-action:manipulation}
#calculatorModalV276 .calculator-keys-v276 .number-v277{background:var(--surface,#fff)!important;font-weight:750!important}#calculatorModalV276 .calculator-keys-v276 .equals-v276{background:#14796f!important;color:white!important;border-color:#25877c!important}#calculatorModalV276 .calculator-keys-v276 .operator-v276{color:#0e7772!important;background:#d8efed!important}
#calculatorModalV276 .calculator-keys-v276 button:active{transform:translateY(2px) scale(.96)!important;box-shadow:none!important}
#calculatorModalV276 footer{flex:none!important;margin:0!important}#calculatorModalV276 footer button{min-height:38px!important;border-radius:10px!important;padding:8px 12px!important}#calculatorModalV276 footer span{font-size:10px!important}
#calculatorModalV276 .calculator-history-v277{position:absolute;z-index:4;inset:80px 16px 60px;overflow:auto;background:var(--surface,#fff);border:1px solid var(--border,#c4d4df);border-radius:16px;padding:12px;box-shadow:0 20px 50px #1234}
/* Preserve the latest thread scroll while compact recent entries stay readable. */
body.senvora-app-body #recentChats .chat-item{border-radius:11px!important;margin:3px 0!important;padding:10px 8px!important;gap:10px!important;transition:background .16s,border-color .16s;min-height:58px;border:1px solid transparent}
body.senvora-app-body #recentChats .chat-item.active{background:var(--surface-2,#e9f2f5)!important;border-color:var(--border,#b9ced6)!important}
body.senvora-app-body #recentChats .chat-title{font-size:13px!important;line-height:1.4!important;font-weight:650!important;letter-spacing:-.01em}body.senvora-app-body #recentChats .thread-copy-v240 small{font-size:11px!important;line-height:1.35!important;opacity:.8}body.senvora-app-body #recentChats .thread-signal-v240{border-radius:10px!important;background:var(--surface-2,#e7eff3)!important;color:var(--text,#1b3547)!important}
body.senvora-app-body #appShell.welcome-mode #conversation{overflow-y:hidden!important;overscroll-behavior:none}
body.composer-resizing2523 #appShell #composerCard #messageInput{transition:height .24s cubic-bezier(.22,1,.36,1)!important}
.empty-shared2523{margin:32px auto;max-width:560px;padding:28px;border:1px solid var(--border,#c4d4df);background:var(--surface,#fff);border-radius:20px;color:var(--text,#172d42)}.empty-shared2523 h2{font-size:23px;letter-spacing:-.03em;margin:0 0 12px}.empty-shared2523 p{font-size:15px;line-height:1.7;color:var(--text-soft,#526b82)}
.legal-nav{flex-wrap:wrap;gap:6px!important}.legal-body .legal-main-card{border-radius:20px!important;box-shadow:0 10px 35px #18354b0b!important}.legal-body .legal-topbar{position:relative!important}.legal-body h1{font-size:clamp(30px,5vw,52px)!important;letter-spacing:-.045em}.legal-body .legal-nav a{border-radius:9px!important;padding:9px 12px!important}.legal-body .legal-nav a.active{background:#d8eeec!important;color:#145c5b!important}
.breath2523{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;background:#061624b8;backdrop-filter:blur(12px);padding:16px}.breath2523[hidden]{display:none}.breath2523 article{width:min(440px,100%);border:1px solid #54828b;border-radius:28px;padding:28px;background:#102d3c;color:#eefbf8;text-align:center;box-shadow:0 30px 100px #0005}.breath2523 h2{font:700 28px/1.2 system-ui;letter-spacing:-.03em}.breath2523 p{color:#c2deda;font:14px/1.7 system-ui}.breath2523 .bubble2523{margin:28px auto;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#a6e4de,#29867e 70%);box-shadow:0 0 0 16px #4daba822,0 0 80px #50c5ad33;color:#082f3a;font:750 44px/1 system-ui;transform:scale(.72);will-change:transform}.breath2523 button{padding:11px 18px;border-radius:12px;border:1px solid #6ba9b1;background:#d0efea;color:#123d47;font:650 14px system-ui;margin:5px;min-height:44px}.breath2523 .breath-phase2523{display:block;font:700 20px system-ui;color:white;min-height:28px}
@media(max-width:600px){body.senvora-app-body #appShell .live-time-card{padding:43px 16px 20px!important;gap:12px!important}.live-time-card .analog-clock{width:96px!important;height:96px!important}.live-time-card .time-copy{min-width:0}.live-time-zone{overflow-wrap:anywhere}#calculatorModalV276 .calculator-shell-v276{padding:12px!important;gap:7px!important}#calculatorModalV276 footer span{display:none}#calculatorModalV276 .calculator-keys-v276 button{min-height:42px!important}body.senvora-app-body #plusMenu .create-studio-head-v228{padding:12px 16px!important}body.senvora-app-body #plusMenu .create-studio-head-v228 p{display:none!important}.legal-nav{justify-content:flex-start!important}}
@media(max-height:570px) and (min-width:360px){#calculatorModalV276 .calculator-shell-v276{width:min(840px,100%)!important;display:grid!important;grid-template-columns:1fr 1.15fr!important;grid-template-rows:auto auto auto auto!important;gap:8px 16px!important}#calculatorModalV276 header{grid-column:1/-1}#calculatorModalV276 .calculator-screen-v276{grid-column:1;grid-row:2}#calculatorModalV276 .calculator-modes-v276{grid-column:1;grid-row:3}#calculatorModalV276 .calculator-keys-v276{grid-column:2;grid-row:2/4;grid-template-rows:repeat(6,minmax(30px,1fr))!important;gap:4px!important}#calculatorModalV276 .calculator-keys-v276 button{min-height:30px!important;padding:5px!important;font-size:14px!important}#calculatorModalV276 footer{grid-column:1/-1}#calculatorModalV276 .calculator-screen-v276 input{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){body.composer-resizing2523 #appShell #composerCard #messageInput,.calculator-keys-v276 button{transition:none!important}.breath2523 .bubble2523{will-change:auto}}
@media(forced-colors:active){*{scrollbar-color:auto}.breath2523 article,.live-time-card{forced-color-adjust:auto}}

.api-v2-guide2523{grid-column:1/-1;margin:22px 0;padding:24px;border:1px solid var(--border,#b3d6d4);border-radius:20px;background:var(--surface,#f1f9f8);color:var(--text,#17364a);display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.api-v2-guide2523 h2{font-size:25px;letter-spacing:-.025em}.api-v2-guide2523 p{font-size:14px;line-height:1.75;overflow-wrap:anywhere}.api-v2-guide2523 pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.api-v2-guide2523 summary{padding:12px;cursor:pointer;border:1px solid var(--border,#afd3ce);border-radius:12px}.api-v2-guide2523 span{font:700 12px system-ui;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:700px){.api-v2-guide2523{grid-template-columns:1fr;padding:18px;gap:10px}}
@media(max-height:570px) and (max-width:359px){#calculatorModalV276 .calculator-shell-v276{overflow:auto!important;max-height:calc(100dvh - 20px)!important}#calculatorModalV276 .calculator-keys-v276{grid-template-rows:repeat(6,32px)!important}#calculatorModalV276 .calculator-keys-v276 button{min-height:32px!important;padding:4px!important}#calculatorModalV276 header small,#calculatorModalV276 footer span{display:none!important}}
/* Shared tool navigation must scroll, rather than squeeze labels together. */
body .tool-nav{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;min-width:0}
body .tool-nav .tool-switcher{display:flex!important;flex:1 1 440px!important;justify-content:flex-start!important;gap:4px!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:thin;white-space:nowrap;padding:5px!important}
body .tool-nav .tool-switcher a{flex:0 0 auto!important;white-space:nowrap!important;min-height:44px!important;gap:7px!important;padding:9px 12px!important;font:650 13px/1.2 system-ui!important}
body .tool-nav .tool-switcher svg{width:17px!important;height:17px!important;flex:none!important}
body .tool-nav .tool-account{min-width:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){body .tool-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:14px!important}body .tool-nav .tool-brand{grid-column:1;grid-row:1}body .tool-nav .tool-account{grid-column:2;grid-row:1;max-width:130px;font-size:10px}body .tool-nav .tool-switcher{grid-column:1/-1;grid-row:2;width:100%!important}}
